diff --git a/source/_patterns/00-atoms/02-icons/icons.mustache b/source/_patterns/00-atoms/02-icons/icons.mustache index df6febd4af4606cd25c7433853a8f059b668899f..77d5e8c2e96d34c77dc03a59386664c6d12579db 100644 --- a/source/_patterns/00-atoms/02-icons/icons.mustache +++ b/source/_patterns/00-atoms/02-icons/icons.mustache @@ -1,4 +1,76 @@ <div class="grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-8 xl:grid-cols-16 gap-2 items-center"> +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--lock-open"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--lock-open</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--lock"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--lock</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--dots-three-vertical"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--dots-three-vertical</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--dots-three-horizontal"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--dots-three-horizontal</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--log-out"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--log-out</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--pin"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--pin</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--edit-pencil"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--edit-pencil</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--at"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--at</code> + </div> +</div> + <div class="card"> <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> <i class="ico--strategy"></i> @@ -62,6 +134,222 @@ </div> </div> +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--switch"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--switch</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--loop"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--loop</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--repeat"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--repeat</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--player"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--player</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--reload"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--reload</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--refresh"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--refresh</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--update"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--update</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--synchronize"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--synchronize</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--arrows"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--arrows</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--spinner"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--spinner</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--loading"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--loading</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--loading-wheel"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--loading-wheel</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--refresh1"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--refresh1</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--repeat1"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--repeat1</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--busy"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--busy</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--wait"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--wait</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--arrow"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--arrow</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--bullhorn"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--bullhorn</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--bin"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--bin</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--trashcan"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--trashcan</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--remove"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--remove</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--delete"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--delete</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--recycle"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--recycle</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--dispose"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--dispose</code> + </div> +</div> + <div class="card"> <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> <i class="ico--cross"></i> @@ -413,6 +701,60 @@ </div> </div> +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--house"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--house</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--rocket"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--rocket</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--jet"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--jet</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--speed"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--speed</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--spaceship"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--spaceship</code> + </div> +</div> + +<div class="card"> + <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> + <i class="ico--fast"></i> + </div> + <div class="card__body p-2 text-2xs"> + <code>.ico--fast</code> + </div> +</div> + <div class="card"> <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> <i class="ico--location"></i> @@ -523,64 +865,64 @@ <div class="card"> <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> - <i class="ico--zoom_out_map"></i> + <i class="ico--eye-off"></i> </div> <div class="card__body p-2 text-2xs"> - <code>.ico--zoom_out_map</code> + <code>.ico--eye-off</code> </div> </div> <div class="card"> <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> - <i class="ico--arrow-down"></i> + <i class="ico--eye"></i> </div> <div class="card__body p-2 text-2xs"> - <code>.ico--arrow-down</code> + <code>.ico--eye</code> </div> </div> <div class="card"> <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> - <i class="ico--link1"></i> + <i class="ico--zoom_out_map"></i> </div> <div class="card__body p-2 text-2xs"> - <code>.ico--link1</code> + <code>.ico--zoom_out_map</code> </div> </div> <div class="card"> <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> - <i class="ico--city"></i> + <i class="ico--arrow-down"></i> </div> <div class="card__body p-2 text-2xs"> - <code>.ico--city</code> + <code>.ico--arrow-down</code> </div> </div> <div class="card"> <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> - <i class="ico--beer"></i> + <i class="ico--link1"></i> </div> <div class="card__body p-2 text-2xs"> - <code>.ico--beer</code> + <code>.ico--link1</code> </div> </div> <div class="card"> <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> - <i class="ico--edit-pencil"></i> + <i class="ico--city"></i> </div> <div class="card__body p-2 text-2xs"> - <code>.ico--edit-pencil</code> + <code>.ico--city</code> </div> </div> <div class="card"> <div class="flex justify-center items-center h-16 text-2xl border-b border-grey-100 bg-grey-50 p-2"> - <i class="ico--at"></i> + <i class="ico--beer"></i> </div> <div class="card__body p-2 text-2xs"> - <code>.ico--at</code> + <code>.ico--beer</code> </div> </div> diff --git a/source/_patterns/01-molecules/16-chips/chip-pagination.mustache b/source/_patterns/01-molecules/16-chips/chip-pagination.mustache new file mode 100644 index 0000000000000000000000000000000000000000..cad391d539e431be92466289f1781ffc0aa0b18b --- /dev/null +++ b/source/_patterns/01-molecules/16-chips/chip-pagination.mustache @@ -0,0 +1,7 @@ +<span class="chip chip--grey-125 chip--hoveractive text-xs"> + <span class="ico--chevron-left"></span> +</span> + +<span class="chip chip--grey-125 chip--hoveractive ml-1"> + <span class="ico--chevron-right"></span> +</span> diff --git a/source/_patterns/01-molecules/17-thumbs/thumbs.mustache b/source/_patterns/01-molecules/17-thumbs/thumbs.mustache new file mode 100644 index 0000000000000000000000000000000000000000..798c38ef210086fe76996d7644a16b41b74211bc --- /dev/null +++ b/source/_patterns/01-molecules/17-thumbs/thumbs.mustache @@ -0,0 +1,10 @@ +<div class="space-x-2 text-sm flex items-center"> + <button class="text-blue-300 flex items-center space-x-1"> + <span class="font-bold">6</span> + <i class="ico--thumbs-up"></i> + </button> + <button class="text-red-600 flex items-center space-x-1"> + <i class="ico--thumbs-down transform -scale-x-1"></i> + <span class="font-bold">2</span> + </button> +</div> diff --git a/source/_patterns/01-molecules/18-chat/chat-post-with-labels.mustache b/source/_patterns/01-molecules/18-chat/chat-post-with-labels.mustache new file mode 100644 index 0000000000000000000000000000000000000000..d685404f73812cbf7d556e2ee576eaee291ec819 --- /dev/null +++ b/source/_patterns/01-molecules/18-chat/chat-post-with-labels.mustache @@ -0,0 +1,16 @@ +<div class="flex items-start p-2 -ml-2"> + <img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3"> + <div class="flex-1 overflow-hidden"> + <div class="mb-1"> + <div class="flex justify-between"> + <div class="flex items-center"> + <span class="font-bold">{{ person.first }} {{ person.last }}</span> + <span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span> + <span class="text-grey-200 ml-1 text-sm">@ 11:42</span> + {{> molecules-chip(classes: "chip--grey-125 chip--condensed text-grey-300 ml-2", cta: "Příspěvek")}} + </div> + </div> + </div> + <p class="text-black leading-normal">{{ excerpt.medium }}</p> + </div> +</div> diff --git a/source/_patterns/01-molecules/18-chat/chat-post-with-ratings.mustache b/source/_patterns/01-molecules/18-chat/chat-post-with-ratings.mustache new file mode 100644 index 0000000000000000000000000000000000000000..c65b51c9be0c8296a751009e216ccab24028c0e4 --- /dev/null +++ b/source/_patterns/01-molecules/18-chat/chat-post-with-ratings.mustache @@ -0,0 +1,16 @@ +<div class="flex items-start p-2 -ml-2"> + <img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3"> + <div class="flex-1 overflow-hidden"> + <div class="mb-1"> + <div class="flex justify-between"> + <div class="flex items-center"> + <span class="font-bold">{{ person.first }} {{ person.last }}</span> + <span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span> + <span class="text-grey-200 ml-1 text-sm">@ 11:42</span> + </div> + {{> molecules-thumbs }} + </div> + </div> + <p class="text-black leading-normal">{{ excerpt.medium }}</p> + </div> +</div> diff --git a/source/_patterns/01-molecules/18-chat/chat-post.mustache b/source/_patterns/01-molecules/18-chat/chat-post.mustache new file mode 100644 index 0000000000000000000000000000000000000000..7fa03b9c2a4cd48dc89e4174be5ec899c9cdd175 --- /dev/null +++ b/source/_patterns/01-molecules/18-chat/chat-post.mustache @@ -0,0 +1,15 @@ +<div class="flex items-start p-2 -ml-2"> + <img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3"> + <div class="flex-1 overflow-hidden"> + <div class="mb-1"> + <div class="flex justify-between"> + <div class="flex items-center"> + <span class="font-bold">{{ person.first }} {{ person.last }}</span> + <span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span> + <span class="text-grey-200 ml-1 text-sm">@ 11:42</span> + </div> + </div> + </div> + <p class="text-black leading-normal">{{ excerpt.medium }}</p> + </div> +</div> diff --git a/source/_patterns/01-molecules/19-dropdown/dropdown.mustache b/source/_patterns/01-molecules/19-dropdown/dropdown.mustache new file mode 100644 index 0000000000000000000000000000000000000000..38c8ffbec4ed0cb2d78ae964f7b08f13a9139bbd --- /dev/null +++ b/source/_patterns/01-molecules/19-dropdown/dropdown.mustache @@ -0,0 +1,6 @@ +<div class="dropdown"> + <span>Dropdown</span> + <div class="dropdown-content"> + <p>Hello World!</p> + </div> +</div> diff --git a/source/_patterns/01-molecules/20-dropdown-button/dropdown-button.mustache b/source/_patterns/01-molecules/20-dropdown-button/dropdown-button.mustache new file mode 100644 index 0000000000000000000000000000000000000000..01264be7b78cd0b0f96bc580b7a30bded92195f7 --- /dev/null +++ b/source/_patterns/01-molecules/20-dropdown-button/dropdown-button.mustache @@ -0,0 +1,16 @@ +<button class="btn btn--icon {{ classes }}"> + <div class="btn__body-wrap"> + <div class="btn__body {{ bodyClasses }}">{{ cta }}</div> + <div class="btn__icon dropdown-button"> + <i class="ico--chevron-down"></i> + <ul class="dropdown-button__choices bg-white text-black whitespace-no-wrap"> + <li class="dropdown-button__choice hover:bg-grey-125"> + <a class="block px-2 py-3" href="#">Přidat jako návrh postupu</a> + </li> + <li class="dropdown-button__choice hover:bg-grey-125"> + <a class="block px-2 py-3" href="#">Přidat jako oznámení</a> + </li> + </ul> + </div> + </div> +</button> diff --git a/source/_patterns/02-organisms/00-global/navbar/navbar.mustache b/source/_patterns/02-organisms/01-navbar/navbar.mustache similarity index 100% rename from source/_patterns/02-organisms/00-global/navbar/navbar.mustache rename to source/_patterns/02-organisms/01-navbar/navbar.mustache diff --git a/source/_patterns/02-organisms/02-simplified-navbar/simplified-navbar-with-actions.mustache b/source/_patterns/02-organisms/02-simplified-navbar/simplified-navbar-with-actions.mustache new file mode 100644 index 0000000000000000000000000000000000000000..1de14219cf79ce381bb8ef99d68bd9fc8fae1ca6 --- /dev/null +++ b/source/_patterns/02-organisms/02-simplified-navbar/simplified-navbar-with-actions.mustache @@ -0,0 +1,29 @@ +<nav class="navbar navbar--simple __js-root"> + <ui-app inline-template> + <ui-navbar inline-template> + <div> + <div class="container container--wide navbar__content" :class="{'navbar__content--initialized': true}"> + <div class="navbar__brand my-4 flex items-center lg:pr-8 lg:my-0"> + <a href="#"> + <img src="/images/logo-round-white.svg" class="w-8" /> + </a> + <span class="pl-4 font-bold text-xl lg:border-r lg:border-grey-300 lg:pr-8">Celostátní fórum 2021</span> + </div> + <div class="navbar__menutoggle my-4 flex justify-end lg:hidden"> + <a href="#" @click="show = !show" class="no-underline hover:no-underline"> + <i class="ico--menu text-3xl"></i> + </a> + </div> + <div v-if="show || isLgScreenSize" class="navbar__main navbar__section navbar__section--expandable container-padding--zero lg:container-padding--auto flex items-center"> + <div class="flex-grow"> + {{> molecules-navbar-menu }} + </div> + <div class="flex items-center space-x-4"> + {{> atoms-button(classes: "btn--grey-125 btn--hoveractive btn--to-white", cta: "Přihlášení") }} + </div> + </div> + </div> + </div> + </ui-navbar> + </ui-app> +</nav> diff --git a/source/_patterns/02-organisms/02-simplified-navbar/simplified-navbar-with-avatar.mustache b/source/_patterns/02-organisms/02-simplified-navbar/simplified-navbar-with-avatar.mustache new file mode 100644 index 0000000000000000000000000000000000000000..350539541e8d883c4d362af736dc7f4c53303a36 --- /dev/null +++ b/source/_patterns/02-organisms/02-simplified-navbar/simplified-navbar-with-avatar.mustache @@ -0,0 +1,30 @@ +<nav class="navbar navbar--simple __js-root"> + <ui-app inline-template> + <ui-navbar inline-template> + <div> + <div class="container container--wide navbar__content" :class="{'navbar__content--initialized': true}"> + <div class="navbar__brand my-4 flex items-center lg:pr-8 lg:my-0"> + <a href="#"> + <img src="/images/logo-round-white.svg" class="w-8" /> + </a> + <span class="pl-4 font-bold text-xl lg:border-r lg:border-grey-300 lg:pr-8">Celostátní fórum 2021</span> + </div> + <div class="navbar__menutoggle my-4 flex justify-end lg:hidden"> + <a href="#" @click="show = !show" class="no-underline hover:no-underline"> + <i class="ico--menu text-3xl"></i> + </a> + </div> + <div v-if="show || isLgScreenSize" class="navbar__main navbar__section navbar__section--expandable container-padding--zero lg:container-padding--auto flex items-center"> + <div class="flex-grow"> + {{> molecules-navbar-menu }} + </div> + <div class="flex items-center space-x-4"> + <span class="head-heavy-2xs">{{ person.first }} {{ person.last }}</span> + {{> atoms-basic-avatar(classes: "avatar--2xs") }} + </div> + </div> + </div> + </div> + </ui-navbar> + </ui-app> +</nav> diff --git a/source/_patterns/02-organisms/00-global/navbar/simplified-navbar.mustache b/source/_patterns/02-organisms/02-simplified-navbar/simplified-navbar.mustache similarity index 84% rename from source/_patterns/02-organisms/00-global/navbar/simplified-navbar.mustache rename to source/_patterns/02-organisms/02-simplified-navbar/simplified-navbar.mustache index 3c32570ced27d7bea5f6326d603f9f500756044c..746418d2a5dedb20292e9349afba59dc314d6ee4 100644 --- a/source/_patterns/02-organisms/00-global/navbar/simplified-navbar.mustache +++ b/source/_patterns/02-organisms/02-simplified-navbar/simplified-navbar.mustache @@ -18,10 +18,6 @@ <div class="flex-grow"> {{> molecules-navbar-menu }} </div> - <div class="flex items-center space-x-4"> - <span class="head-xs">{{ person.first }} {{ person.last }}</span> - {{> atoms-basic-avatar(classes: "avatar--xs") }} - </div> </div> </div> </div> diff --git a/source/_patterns/02-organisms/08-event-feed/event-feed.mustache b/source/_patterns/02-organisms/08-event-feed/event-feed.mustache new file mode 100644 index 0000000000000000000000000000000000000000..4e5d8c2c41d62f4b6470ddc61b9e53cd5e03f928 --- /dev/null +++ b/source/_patterns/02-organisms/08-event-feed/event-feed.mustache @@ -0,0 +1,88 @@ +<div class="flex flex-col flex-1 overflow-hidden {{ classes }}{{^ classes }}h-64 max-w-lg{{/ classes }}"> + <div class="overflow-hidden flex flex-1"> + <div class="overflow-scroll h-full space-y-px"> + <div class="bg-yellow-100 p-3 border-orange-300 border-l-4"> + <div class="flex items-center justify-between mb-2"> + <div class="space-x-2 flex items-center"> + <div class="font-bold text-sm">11:55</div> + {{> molecules-chip(classes: "chip--orange-300 chip--condensed", cta: "Zamítnutý návrh postupu")}} + </div> + {{# action }} + <a href="#" class="hover:no-underline"><i class="{{ action }} ml-auto text-sm text-grey-200 hover:text-black"></i></a> + {{/ action}} + </div> + <span class="leading-tight">{{ excerpt.short }}</span> + </div> + <div class="bg-grey-50 p-3 bg-yellow-100 border-green-300 border-l-4"> + <div class="flex items-center justify-between mb-2"> + <div class="space-x-2 flex items-center"> + <div class="font-bold text-sm">11:52</div> + {{> molecules-chip(classes: "chip--green-300 chip--condensed", cta: "Schválený návrh postupu")}} + </div> + {{# action }} + <a href="#" class="hover:no-underline"><i class="{{ action }} ml-auto text-sm text-grey-200 hover:text-black"></i></a> + {{/ action}} + </div> + <span class="leading-tight">{{ excerpt.short }}</span> + </div> + <div class="bg-grey-50 p-3 border-blue-300 border-l-4"> + <div class="flex items-center justify-between mb-2"> + <div class="space-x-2 flex items-center"> + <div class="font-bold text-sm">11:51</div> + {{> molecules-chip(classes: "chip--blue-300 chip--condensed", cta: "Přijatelný návrh postupu")}} + </div> + {{# action }} + <a href="#" class="hover:no-underline"><i class="{{ action }} ml-auto text-sm text-grey-200 hover:text-black"></i></a> + {{/ action}} + </div> + <span class="leading-tight">{{ excerpt.short }}</span> + </div> + <div class="bg-grey-50 p-3 border-red-600 border-l-4"> + <div class="flex items-center justify-between mb-2"> + <div class="space-x-2 flex items-center"> + <div class="font-bold text-sm">11:43</div> + {{> molecules-chip(classes: "chip--red-600 chip--condensed font-bold text-xs", cta: "Rozhodující hlasování")}} + <a href="#" class="ml-auto p-1 text-xs text-red-600 font-bold">Hlasovat v Heliosu »</a> + </div> + {{# action }} + <a href="#" class="hover:no-underline"><i class="{{ action }} ml-auto text-sm text-grey-200 hover:text-black"></i></a> + {{/ action}} + </div> + <span class="leading-tight mb-2">{{ excerpt.short }}</span> + </div> + <div class="bg-grey-50 p-3 border-cyan-500 border-l-4"> + <div class="flex items-center justify-between mb-2"> + <div class="space-x-2 flex items-center"> + <div class="font-bold text-sm">11:35</div> + {{> molecules-chip(classes: "chip--cyan-500 chip--condensed", cta: "Oznámení předsedajícího")}} + </div> + {{# action }} + <a href="#" class="hover:no-underline"><i class="{{ action }} ml-auto text-sm text-grey-200 hover:text-black"></i></a> + {{/ action}} + </div> + <span class="leading-tight">{{ excerpt.short }}</span> + </div> + <div class="bg-grey-50 p-3 border-orange-300 border-l-4"> + <div class="flex items-center justify-between mb-2"> + <div class="space-x-2 flex items-center"> + <div class="font-bold text-sm">11:28</div> + {{> molecules-chip(classes: "chip--orange-300 chip--condensed", cta: "Zamítnutý návrh postupu")}} + </div> + </div> + <span class="leading-tight">{{ excerpt.short }}</span> + </div> + <div class="bg-grey-50 p-3 border-black border-l-4"> + <div class="flex items-center justify-between mb-2"> + <div class="space-x-2 flex items-center"> + <div class="font-bold text-sm">11:28</div> + {{> molecules-chip(classes: "chip--black chip--condensed", cta: "Zablokovaný účastník")}} + </div> + {{# action }} + <a href="#" class="hover:no-underline"><i class="{{ action }} ml-auto text-sm text-grey-200 hover:text-black"></i></a> + {{/ action}} + </div> + <span class="leading-tight"><strong>{{ person.first }} {{ person.last }}</strong> byl zablokován.</span> + </div> + </div> + </div> +</div> diff --git a/source/_patterns/02-organisms/09-chip-dropdown/chip-dropdown.mustache b/source/_patterns/02-organisms/09-chip-dropdown/chip-dropdown.mustache new file mode 100644 index 0000000000000000000000000000000000000000..54521fb73c82724179603b9fcd0500056b1b814a --- /dev/null +++ b/source/_patterns/02-organisms/09-chip-dropdown/chip-dropdown.mustache @@ -0,0 +1,24 @@ +<div class="dropdown"> + <div class="chip chip--grey-125"> + <span>Select</span> + <span class="chip__icon ico--chevron-down ml-2"></span> + </div> + <ul class="dropdown__content text-xs whitespace-no-wrap"> + <li class="dropdown__content-item bg-grey-125 hover:bg-grey-100"><a class="block px-2 py-3" href="#">{{ headline.short }}</a></li> + <li class="dropdown__content-item bg-grey-125 hover:bg-grey-100"><a class="block px-2 py-3" href="#">{{ headline.short }}</a></li> + <li class="dropdown__content-item bg-grey-125 hover:bg-grey-100"><a class="block px-2 py-3" href="#">{{ headline.short }}</a></li> + </ul> +</div> + + +<div class="dropdown dropdown--right"> + <div class="chip chip--grey-125"> + <span>Select</span> + <span class="chip__icon ico--chevron-down ml-2"></span> + </div> + <ul class="dropdown__content text-xs whitespace-no-wrap"> + <li class="dropdown__content-item bg-grey-125 hover:bg-grey-100"><a class="block px-2 py-3" href="#">{{ headline.short }}</a></li> + <li class="dropdown__content-item bg-grey-125 hover:bg-grey-100"><a class="block px-2 py-3" href="#">{{ headline.short }}</a></li> + <li class="dropdown__content-item bg-grey-125 hover:bg-grey-100"><a class="block px-2 py-3" href="#">{{ headline.short }}</a></li> + </ul> +</div> diff --git a/source/_patterns/03-templates/cf-tool.mustache b/source/_patterns/03-templates/cf-tool.mustache deleted file mode 100644 index 2dc80fdddee2ac2bc8a8575df2dea9d3fd77d316..0000000000000000000000000000000000000000 --- a/source/_patterns/03-templates/cf-tool.mustache +++ /dev/null @@ -1,261 +0,0 @@ -{{> organisms-simplified-navbar }} - -<div class="container container--wide pt-8 lg:py-24"> - <article class="space-y-8"> - - <div class="grid grid-cols-3 gap-8" style="height: 30rem;"> - <div class="col-span-2 space-y-8"> - <iframe width="100%" height="610" src="https://www.youtube.com/embed/73jJLspL8o8" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> - - <section> - <div class="flex justify-between items-center mb-4"> - <h2 class="head-alt-base whitespace-no-wrap">Příspěvky v rozpravě</h2> - <div class="flex items-center"> - <span class="chip chip--grey-125 chip--select text-xs"> - <select> - <option value="">Vše</option> - <option value="">Jen aktivní</option> - <option value="">Jen archivované</option> - </select> - <span class="chip__icon ico--chevron-down"></span> - </span> - <span class="chip chip--grey-125 chip--select text-xs ml-1"> - <select> - <option value="">Podle času</option> - <option value="">Podle podpory</option> - </select> - <span class="chip__icon ico--chevron-down"></span> - </span> - <span class="chip chip--grey-125 chip--select text-xs mr-4 ml-1"> - <select> - <option value="">Návrhy i příspěvky</option> - <option value="">Jen návrhy</option> - <option value="">Jen příspěvky</option> - </select> - <span class="chip__icon ico--chevron-down"></span> - </span> - - <span class="chip chip--grey-125 text-xs"> - <span class="chip__icon ico--chevron-left mr-2"></span> - Novější - </span> - - <span class="chip chip--grey-125 text-xs ml-1"> - Starší - <span class="chip__icon ico--chevron-right ml-2"></span> - </span> - </div> - </div> - - <div class="space-y-6"> - <div class="flex items-start bg-yellow-100 p-2 -ml-2"> - <img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3"> - <div class="flex-1 overflow-hidden"> - <div class="mb-1"> - <div class="flex justify-between"> - <div class="flex items-center"> - <span class="font-bold">{{ person.first }} {{ person.last }}</span> - <span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span> - <span class="text-grey-200 ml-1 text-sm">@ 11:46</span> - {{> molecules-chip(classes: "chip--grey-125 chip--condensed text-grey-300 ml-2", cta: "Příspěvek")}} - </div> - <div class="space-x-2 text-sm flex items-center"> - <button class="text-blue-300 flex items-center space-x-1"> - <span class="font-bold">6</span> - <i class="ico--thumbs-up"></i> - </button> - <button class="text-red-600 flex items-center space-x-1"> - <i class="ico--thumbs-down transform -scale-x-1"></i> - <span class="font-bold">2</span> - </button> - </div> - </div> - </div> - <p class="text-black leading-normal">{{ excerpt.medium }}</p> - </div> - </div> - <div class="flex items-start p-2 -ml-2"> - <img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3"> - <div class="flex-1 overflow-hidden"> - <div class="mb-1"> - <div class="flex justify-between"> - <div class="flex items-center"> - <span class="font-bold">{{ person.first }} {{ person.last }}</span> - <span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span> - <span class="text-grey-200 ml-1 text-sm">@ 11:42</span> - {{> molecules-chip(classes: "chip--grey-125 chip--condensed text-grey-300 ml-2", cta: "Příspěvek")}} - </div> - <div class="space-x-2 text-sm flex items-center"> - <button class="text-blue-300 flex items-center space-x-1"> - <span class="font-bold">6</span> - <i class="ico--thumbs-up"></i> - </button> - <button class="text-red-600 flex items-center space-x-1"> - <i class="ico--thumbs-down transform -scale-x-1"></i> - <span class="font-bold">2</span> - </button> - </div> - </div> - </div> - <p class="text-black leading-normal">{{ excerpt.medium }}</p> - </div> - </div> - <div class="flex items-start p-2 -ml-2"> - <img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3"> - <div class="flex-1 overflow-hidden"> - <div class="mb-1"> - <div class="flex justify-between"> - <div class="flex items-center"> - <span class="font-bold">{{ person.first }} {{ person.last }}</span> - <span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span> - <span class="text-grey-200 ml-1 text-sm">@ 11:40</span> - {{> molecules-chip(classes: "chip--grey-125 chip--condensed text-grey-300 ml-2", cta: "Návrh postupu")}} - </div> - <div class="space-x-2 text-sm flex items-center"> - <button class="text-blue-300 flex items-center space-x-1"> - <span class="font-bold">6</span> - <i class="ico--thumbs-up"></i> - </button> - <button class="text-red-600 flex items-center space-x-1"> - <i class="ico--thumbs-down transform -scale-x-1"></i> - <span class="font-bold">2</span> - </button> - </div> - </div> - </div> - <p class="text-black leading-normal">{{ excerpt.medium }}</p> - </div> - </div> - <div class="flex items-start p-2 -ml-2 opacity-25 hover:opacity-100 transition-opacity duration-200"> - <img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3"> - <div class="flex-1 overflow-hidden"> - <div class="mb-1"> - <div class="flex justify-between"> - <div class="flex items-center"> - <span class="font-bold">{{ person.first }} {{ person.last }}</span> - <span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span> - <span class="text-grey-200 ml-1 text-sm">@ 11:38</span> - {{> molecules-chip(classes: "chip--grey-125 chip--condensed text-grey-300 ml-2", cta: "Příspěvek")}} - {{> molecules-chip(classes: "chip--grey-125 chip--condensed text-grey-300 ml-2", cta: "Archivovaný")}} - </div> - <div class="space-x-2 text-sm flex items-center"> - <button class="text-blue-300 flex items-center space-x-1"> - <span class="font-bold">6</span> - <i class="ico--thumbs-up"></i> - </button> - <button class="text-red-600 flex items-center space-x-1"> - <i class="ico--thumbs-down transform -scale-x-1"></i> - <span class="font-bold">2</span> - </button> - </div> - </div> - </div> - <p class="text-black leading-normal">{{ excerpt.medium }}</p> - </div> - </div> - <div class="flex items-start p-2 -ml-2 opacity-25 hover:opacity-100 transition-opacity duration-200"> - <img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3"> - <div class="flex-1 overflow-hidden"> - <div class="mb-1"> - <div class="flex justify-between"> - <div class="flex items-center"> - <span class="font-bold">{{ person.first }} {{ person.last }}</span> - <span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span> - <span class="text-grey-200 ml-1 text-sm">@ 11:30</span> - {{> molecules-chip(classes: "chip--grey-125 chip--condensed text-grey-300 ml-2", cta: "Návrh postupu")}} - {{> molecules-chip(classes: "chip--grey-125 chip--condensed text-grey-300 ml-2", cta: "Archivovaný")}} - </div> - <div class="space-x-2 text-sm flex items-center"> - <button class="text-blue-300 flex items-center space-x-1"> - <span class="font-bold">6</span> - <i class="ico--thumbs-up"></i> - </button> - <button class="text-red-600 flex items-center space-x-1"> - <i class="ico--thumbs-down transform -scale-x-1"></i> - <span class="font-bold">2</span> - </button> - </div> - </div> - </div> - <p class="text-black leading-normal">{{ excerpt.medium }}</p> - </div> - </div> - </div> - - <div class="my-8 space-y-4"> - {{> molecules-textarea-field(nolabel: true) }} - <div class="space-x-4"> - {{> atoms-basic-button(classes: "text-base btn--black btn--hoveractive", cta: "Přidat příspěvek") }} - <span class="text-sm text-grey-200">Pro pokročilejší formátování můžete používat <a href="#" class="underline">Markdown</a>.</span> - </div> - </div> - </section> - </div> - <div class="flex flex-col flex-1 overflow-hidden"> - <h2 class="head-alt-base mb-4 pt-1">Oznámení</h2> - <div class="overflow-hidden flex flex-1"> - <div class="overflow-scroll h-full space-y-px"> - <div class="bg-yellow-100 p-3 border-orange-300 border-l-4"> - <div class="flex items-center space-x-2 mb-2"> - <div class="font-bold text-sm">11:55</div> - {{> molecules-chip(classes: "chip--orange-300 chip--condensed", cta: "Zamítnutý návrh postupu")}} - </div> - <span class="leading-tight">{{ excerpt.short }}</span> - </div> - <div class="p-3 bg-yellow-100 border-green-300 border-l-4"> - <div class="flex items-center space-x-2 mb-2"> - <div class="font-bold text-sm">11:52</div> - {{> molecules-chip(classes: "chip--green-300 chip--condensed", cta: "Schválený návrh postupu")}} - </div> - <span class="leading-tight">{{ excerpt.short }}</span> - </div> - <div class="bg-grey-50 p-3 border-blue-300 border-l-4"> - <div class="flex items-center space-x-2 mb-2"> - <div class="font-bold text-sm">11:51</div> - {{> molecules-chip(classes: "chip--blue-300 chip--condensed", cta: "Přijatelný návrh postupu")}} - </div> - <span class="leading-tight">{{ excerpt.short }}</span> - </div> - <div class="p-3 border-red-600 border-l-4"> - <div class="flex items-center space-x-2 mb-2"> - <div class="font-bold text-sm">11:43</div> - {{> molecules-chip(classes: "chip--red-600 chip--condensed font-bold text-xs", cta: "Rozhodující hlasování")}} - <a href="#" class="ml-auto p-1 text-xs text-red-600 font-bold">Hlasovat v Heliosu »</a> - </div> - <span class="leading-tight mb-2">{{ excerpt.short }}</span> - </div> - <div class="bg-grey-50 p-3 border-cyan-500 border-l-4"> - <div class="flex items-center space-x-2 mb-2"> - <div class="font-bold text-sm">11:35</div> - {{> molecules-chip(classes: "chip--cyan-500 chip--condensed", cta: "Oznámení předsedajícího")}} - </div> - <span class="leading-tight">{{ excerpt.short }}</span> - </div> - <div class="p-3 border-orange-300 border-l-4"> - <div class="flex items-center space-x-2 mb-2"> - <div class="font-bold text-sm">11:28</div> - {{> molecules-chip(classes: "chip--orange-300 chip--condensed", cta: "Zamítnutý návrh postupu")}} - </div> - <span class="leading-tight">{{ excerpt.short }}</span> - </div> - <div class="bg-grey-50 p-3 border-green-300 border-l-4"> - <div class="flex items-center space-x-2 mb-2"> - <div class="font-bold text-sm">11:20</div> - {{> molecules-chip(classes: "chip--green-300 chip--condensed", cta: "Schválený návrh postupu")}} - </div> - <span class="leading-tight">{{ excerpt.short }}</span> - </div> - <div class="p-3 border-blue-300 border-l-4"> - <div class="flex items-center space-x-2 mb-2"> - <div class="font-bold text-sm">11:00</div> - {{> molecules-chip(classes: "chip--blue-300 chip--condensed", cta: "Přijatelný návrh postupu")}} - </div> - <span class="leading-tight">{{ excerpt.short }}</span> - </div> - </div> - </div> - </div> - </div> - - </article> -</div> diff --git a/source/_patterns/03-templates/cf2021/anonymous.mustache b/source/_patterns/03-templates/cf2021/anonymous.mustache new file mode 100644 index 0000000000000000000000000000000000000000..0ea1e3431a9224c53d53e63a78b47fa1b626a64e --- /dev/null +++ b/source/_patterns/03-templates/cf2021/anonymous.mustache @@ -0,0 +1,143 @@ +{{> organisms-simplified-navbar-with-actions }} + +<div class="container container--wide pt-8 lg:py-24"> + <article> + <div class="flex items-center justify-between mb-8"> + <h1 class="head-alt-lg mb-0 pt-1 pr-8">Bod č. 1: Grilování leadera</h1> + </div> + + <div class="grid grid-cols-3 gap-8"> + <div class="col-span-2 space-y-8"> + <iframe width="100%" height="610" src="https://www.youtube.com/embed/73jJLspL8o8" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> + + <section> + <div class="flex justify-between items-center mb-4"> + <h2 class="head-alt-base whitespace-no-wrap">Příspěvky v rozpravě</h2> + <div class="flex items-center"> + <span class="chip chip--grey-125 chip--select chip--hoveractive text-xs"> + <select> + <option value="">Vše</option> + <option value="">Jen aktivní</option> + <option value="">Jen archivované</option> + </select> + <span class="chip__icon ico--chevron-down"></span> + </span> + <span class="chip chip--grey-125 chip--select chip--hoveractive text-xs ml-1"> + <select> + <option value="">Podle času</option> + <option value="">Podle podpory</option> + </select> + <span class="chip__icon ico--chevron-down"></span> + </span> + <span class="chip chip--grey-125 chip--select chip--hoveractive text-xs mr-4 ml-1"> + <select> + <option value="">Návrhy i příspěvky</option> + <option value="">Jen návrhy</option> + <option value="">Jen příspěvky</option> + </select> + <span class="chip__icon ico--chevron-down"></span> + </span> + + {{> molecules-chip-pagination }} + </div> + </div> + + <div class="space-y-6"> + <div class="flex items-start bg-yellow-100 p-2 -ml-2"> + <img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3"> + <div class="flex-1 overflow-hidden"> + <div class="mb-1"> + <div class="flex justify-between"> + <div class="flex items-center"> + <span class="font-bold">{{ person.first }} {{ person.last }}</span> + <span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span> + <span class="text-grey-200 ml-1 text-sm">@ 11:46</span> + {{> molecules-chip(classes: "chip--grey-125 chip--condensed text-grey-300 ml-2", cta: "Příspěvek")}} + </div> + {{> molecules-thumbs }} + </div> + </div> + <p class="text-black leading-normal">{{ excerpt.medium }}</p> + </div> + </div> + <div class="flex items-start p-2 -ml-2"> + <img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3"> + <div class="flex-1 overflow-hidden"> + <div class="mb-1"> + <div class="flex justify-between"> + <div class="flex items-center"> + <span class="font-bold">{{ person.first }} {{ person.last }}</span> + <span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span> + <span class="text-grey-200 ml-1 text-sm">@ 11:42</span> + {{> molecules-chip(classes: "chip--grey-125 chip--condensed text-grey-300 ml-2", cta: "Příspěvek")}} + </div> + {{> molecules-thumbs }} + </div> + </div> + <p class="text-black leading-normal">{{ excerpt.medium }}</p> + </div> + </div> + <div class="flex items-start p-2 -ml-2"> + <img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3"> + <div class="flex-1 overflow-hidden"> + <div class="mb-1"> + <div class="flex justify-between"> + <div class="flex items-center"> + <span class="font-bold">{{ person.first }} {{ person.last }}</span> + <span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span> + <span class="text-grey-200 ml-1 text-sm">@ 11:40</span> + {{> molecules-chip(classes: "chip--cyan-200 chip--condensed ml-2", cta: "Návrh postupu")}} + </div> + {{> molecules-thumbs }} + </div> + </div> + <p class="text-black leading-normal">{{ excerpt.medium }}</p> + </div> + </div> + <div class="flex items-start p-2 -ml-2 opacity-25 hover:opacity-100 transition-opacity duration-200"> + <img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3"> + <div class="flex-1 overflow-hidden"> + <div class="mb-1"> + <div class="flex justify-between"> + <div class="flex items-center"> + <span class="font-bold">{{ person.first }} {{ person.last }}</span> + <span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span> + <span class="text-grey-200 ml-1 text-sm">@ 11:38</span> + {{> molecules-chip(classes: "chip--grey-125 chip--condensed text-grey-300 ml-2", cta: "Příspěvek")}} + {{> molecules-chip(classes: "chip--grey-125 chip--condensed text-grey-300 ml-2", cta: "Archivovaný")}} + </div> + {{> molecules-thumbs }} + </div> + </div> + <p class="text-black leading-normal">{{ excerpt.medium }}</p> + </div> + </div> + <div class="flex items-start p-2 -ml-2 opacity-25 hover:opacity-100 transition-opacity duration-200"> + <img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3"> + <div class="flex-1 overflow-hidden"> + <div class="mb-1"> + <div class="flex justify-between"> + <div class="flex items-center"> + <span class="font-bold">{{ person.first }} {{ person.last }}</span> + <span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span> + <span class="text-grey-200 ml-1 text-sm">@ 11:30</span> + {{> molecules-chip(classes: "chip--cyan-200 chip--condensed ml-2", cta: "Návrh postupu")}} + {{> molecules-chip(classes: "chip--grey-125 chip--condensed text-grey-300 ml-2", cta: "Archivovaný")}} + </div> + {{> molecules-thumbs }} + </div> + </div> + <p class="text-black leading-normal">{{ excerpt.medium }}</p> + </div> + </div> + </div> + </section> + </div> + <div> + <h2 class="head-alt-base mb-4 pt-1">Oznámení</h2> + {{> organisms-event-feed(classes: "w-full") }} + </div> + </div> + + </article> +</div> diff --git a/source/_patterns/03-templates/cf2021/chairman.mustache b/source/_patterns/03-templates/cf2021/chairman.mustache new file mode 100644 index 0000000000000000000000000000000000000000..c55c48df76633a80ce38f481bdd9d8f601806b81 --- /dev/null +++ b/source/_patterns/03-templates/cf2021/chairman.mustache @@ -0,0 +1,322 @@ +{{> organisms-simplified-navbar-with-avatar }} + +<div class="container container--wide pt-8 lg:py-24"> + <article> + <div class="flex items-center justify-between mb-8"> + <h1 class="head-alt-lg mb-0 pt-1 pr-8">Bod č. 1: Grilování leadera</h1> + <div class="dropdown dropdown--right"> + <i class="ico--dots-three-vertical cursor-pointer pl-2 text-lg"></i> + <ul class="dropdown__content whitespace-no-wrap"> + <li class="dropdown__content-item bg-white hover:bg-grey-125"> + <a class="block px-3 py-3" href="#"><i class="ico--bubbles mr-2"></i>Ukončit rozpravu</a> + </li> + <li class="dropdown__content-item bg-white hover:bg-grey-125"> + <a class="block px-3 py-3" href="#"><i class="ico--switch mr-2"></i>Ukončit bod programu</a> + </li> + </ul> + </div> + </div> + + <div class="grid grid-cols-3 gap-8"> + <div class="col-span-2 space-y-8"> + <iframe width="100%" height="610" src="https://www.youtube.com/embed/73jJLspL8o8" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> + + <section> + <div class="flex justify-between items-center mb-4"> + <h2 class="head-alt-base whitespace-no-wrap">Příspěvky v rozpravě</h2> + <div class="flex items-center"> + <span class="chip chip--grey-125 chip--select chip--hoveractive text-xs"> + <select> + <option value="">Jen nezpracované</option> + <option value="">Vše</option> + <option value="">Jen aktivní</option> + <option value="">Jen archivované</option> + </select> + <span class="chip__icon ico--chevron-down"></span> + </span> + <span class="chip chip--grey-125 chip--select chip--hoveractive text-xs ml-1"> + <select> + <option value="">Podle času</option> + <option value="">Podle podpory</option> + </select> + <span class="chip__icon ico--chevron-down"></span> + </span> + <span class="chip chip--grey-125 chip--select chip--hoveractive text-xs mr-4 ml-1"> + <select> + <option value="">Návrhy i příspěvky</option> + <option value="">Jen návrhy</option> + <option value="">Jen příspěvky</option> + </select> + <span class="chip__icon ico--chevron-down"></span> + </span> + + {{> molecules-chip-pagination }} + </div> + </div> + + <div class="space-y-6"> + <div class="flex items-start bg-yellow-100 p-2 -ml-2"> + <img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3"> + <div class="flex-1"> + <div class="mb-1"> + <div class="flex justify-between"> + <div class="flex items-center"> + <span class="font-bold">{{ person.first }} {{ person.last }}</span> + <span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span> + <span class="text-grey-200 ml-1 text-sm">@ 11:46</span> + {{> molecules-chip(classes: "chip--grey-125 chip--condensed text-grey-300 ml-2", cta: "Příspěvek")}} + </div> + <div class="flex items-center space-x-4"> + {{> molecules-thumbs }} + <div class="dropdown dropdown--right"> + <i class="ico--dots-three-vertical cursor-pointer"></i> + <ul class="dropdown__content text-xs whitespace-no-wrap"> + <li class="dropdown__content-item bg-white hover:bg-grey-125"> + <a class="block px-2 py-3" href="#"><i class="ico--lock mr-1"></i> Zablokovat uživatele</a> + </li> + <li class="dropdown__content-item bg-white hover:bg-grey-125"> + <a class="block px-2 py-3" href="#"><i class="ico--eye-off mr-1"></i>Skrýt příspěvek</a> + </li> + </ul> + </div> + </div> + </div> + </div> + <p class="text-black leading-normal">{{ excerpt.medium }}</p> + </div> + </div> + <div class="flex items-start p-2 -ml-2"> + <img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3"> + <div class="flex-1"> + <div class="mb-1"> + <div class="flex justify-between"> + <div class="flex items-center"> + <span class="font-bold">{{ person.first }} {{ person.last }}</span> + <span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span> + <span class="text-grey-200 ml-1 text-sm">@ 11:42</span> + {{> molecules-chip(classes: "chip--grey-125 chip--condensed text-grey-300 ml-2", cta: "Příspěvek")}} + </div> + <div class="flex items-center space-x-4"> + {{> molecules-thumbs }} + <div class="dropdown dropdown--right"> + <i class="ico--dots-three-vertical cursor-pointer"></i> + <ul class="dropdown__content text-xs whitespace-no-wrap"> + <li class="dropdown__content-item bg-white hover:bg-grey-125"> + <a class="block px-2 py-3" href="#"><i class="ico--lock mr-1"></i> Zablokovat uživatele</a> + </li> + <li class="dropdown__content-item bg-white hover:bg-grey-125"> + <a class="block px-2 py-3" href="#"><i class="ico--eye-off mr-1"></i>Skrýt příspěvek</a> + </li> + </ul> + </div> + </div> + </div> + </div> + <p class="text-black leading-normal">{{ excerpt.medium }}</p> + </div> + </div> + <div class="flex items-start p-2 -ml-2"> + <img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3"> + <div class="flex-1"> + <div class="mb-1"> + <div class="flex justify-between"> + <div class="flex items-center"> + <span class="font-bold">{{ person.first }} {{ person.last }}</span> + <span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span> + <span class="text-grey-200 ml-1 text-sm">@ 11:40</span> + {{> molecules-chip(classes: "chip--cyan-200 chip--condensed ml-2", cta: "Návrh postupu")}} + {{> molecules-chip(classes: "chip--grey-500 chip--condensed ml-2", cta: "Čeká na zpracování")}} + </div> + <div class="flex items-center space-x-4"> + {{> molecules-thumbs }} + <div class="dropdown dropdown--right"> + <i class="ico--dots-three-vertical cursor-pointer"></i> + <ul class="dropdown__content text-xs whitespace-no-wrap"> + <li class="dropdown__content-item bg-white hover:bg-grey-125"> + <a class="block px-2 py-3" href="#"><i class="ico--bullhorn mr-1"></i> Vyhlásit procedurální návrh</a> + </li> + <li class="dropdown__content-item bg-white hover:bg-grey-125"> + <a class="block px-2 py-3" href="#"><i class="ico--thumbs-down mr-1"></i> Odmítnout procedurální návrh</a> + </li> + <li class="dropdown__content-item bg-white hover:bg-grey-125"> + <a class="block px-2 py-3" href="#"><i class="ico--lock mr-1"></i> Zablokovat uživatele</a> + </li> + </ul> + </div> + </div> + </div> + </div> + <p class="text-black leading-normal">{{ excerpt.medium }}</p> + </div> + </div> + <div class="flex items-start p-2 -ml-2"> + <img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3"> + <div class="flex-1"> + <div class="mb-1"> + <div class="flex justify-between"> + <div class="flex items-center"> + <span class="font-bold">{{ person.first }} {{ person.last }}</span> + <span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span> + <span class="text-grey-200 ml-1 text-sm">@ 11:40</span> + {{> molecules-chip(classes: "chip--cyan-200 chip--condensed ml-2", cta: "Návrh postupu")}} + {{> molecules-chip(classes: "chip--green-300 chip--condensed ml-2", cta: "Schválený")}} + </div> + <div class="flex items-center space-x-4"> + {{> molecules-thumbs }} + <div class="dropdown dropdown--right"> + <i class="ico--dots-three-vertical cursor-pointer"></i> + <ul class="dropdown__content text-xs whitespace-no-wrap"> + <li class="dropdown__content-item bg-white hover:bg-grey-125"> + <a class="block px-2 py-3" href="#"><i class="ico--lock mr-1"></i> Zablokovat uživatele</a> + </li> + </ul> + </div> + </div> + </div> + </div> + <p class="text-black leading-normal">{{ excerpt.medium }}</p> + </div> + </div> + <div class="flex items-start p-2 -ml-2"> + <img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3"> + <div class="flex-1"> + <div class="mb-1"> + <div class="flex justify-between"> + <div class="flex items-center"> + <span class="font-bold">{{ person.first }} {{ person.last }}</span> + <span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span> + <span class="text-grey-200 ml-1 text-sm">@ 11:40</span> + <a href="#" class="text-grey-200 text-xs ml-2 underline">(Upraveno přesdedajícím)</a> + {{> molecules-chip(classes: "chip--cyan-200 chip--condensed ml-2", cta: "Návrh postupu")}} + {{> molecules-chip(classes: "chip--blue-300 chip--condensed ml-2", cta: "Vyhlášený")}} + </div> + <div class="flex items-center space-x-4"> + {{> molecules-thumbs }} + <div class="dropdown dropdown--right"> + <i class="ico--dots-three-vertical cursor-pointer"></i> + <ul class="dropdown__content text-xs whitespace-no-wrap"> + <li class="dropdown__content-item bg-white hover:bg-grey-125"> + <a class="block px-2 py-3" href="#"><i class="ico--thumbs-up mr-1"></i> Schválit</a> + </li> + <li class="dropdown__content-item bg-white hover:bg-grey-125"> + <a class="block px-2 py-3" href="#"><i class="ico--thumbs-down mr-1"></i> Zamítnout</a> + </li> + <li class="dropdown__content-item bg-white hover:bg-grey-125"> + <a class="block px-2 py-3" href="#"><i class="ico--lock mr-1"></i> Zablokovat uživatele</a> + </li> + </ul> + </div> + </div> + </div> + </div> + <p class="text-black leading-normal">{{ excerpt.medium }}</p> + </div> + </div> + <div class="flex items-start p-2 -ml-2 opacity-25 hover:opacity-100 transition-opacity duration-200"> + <img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3"> + <div class="flex-1"> + <div class="mb-1"> + <div class="flex justify-between"> + <div class="flex items-center"> + <span class="font-bold">{{ person.first }} {{ person.last }}</span> + <span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span> + <span class="text-grey-200 ml-1 text-sm">@ 11:38</span> + {{> molecules-chip(classes: "chip--grey-125 chip--condensed text-grey-300 ml-2", cta: "Příspěvek")}} + {{> molecules-chip(classes: "chip--grey-125 chip--condensed text-grey-300 ml-2", cta: "Archivovaný")}} + </div> + <div class="flex items-center space-x-4"> + {{> molecules-thumbs }} + <div class="dropdown dropdown--right"> + <i class="ico--dots-three-vertical cursor-pointer"></i> + <ul class="dropdown__content text-xs whitespace-no-wrap"> + <li class="dropdown__content-item bg-white hover:bg-grey-125"> + <a class="block px-2 py-3" href="#"><i class="ico--lock mr-1"></i> Zablokovat uživatele</a> + </li> + <li class="dropdown__content-item bg-white hover:bg-grey-125"> + <a class="block px-2 py-3" href="#"><i class="ico--eye-off mr-1"></i>Skrýt příspěvek</a> + </li> + </ul> + </div> + </div> + </div> + </div> + <p class="text-black leading-normal">{{ excerpt.medium }}</p> + </div> + </div> + <div class="flex items-start p-2 -ml-2 opacity-25 hover:opacity-100 transition-opacity duration-200"> + <img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3"> + <div class="flex-1"> + <div class="mb-1"> + <div class="flex justify-between"> + <div class="flex items-center"> + <span class="font-bold">{{ person.first }} {{ person.last }}</span> + <span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span> + <span class="text-grey-200 ml-1 text-sm">@ 11:30</span> + {{> molecules-chip(classes: "chip--cyan-200 chip--condensed ml-2", cta: "Návrh postupu")}} + {{> molecules-chip(classes: "chip--blue-300 chip--condensed ml-2", cta: "Vyhlášený")}} + {{> molecules-chip(classes: "chip--grey-125 chip--condensed text-grey-300 ml-2", cta: "Archivovaný")}} + </div> + <div class="flex items-center space-x-4"> + {{> molecules-thumbs }} + <div class="dropdown dropdown--right"> + <i class="ico--dots-three-vertical cursor-pointer"></i> + <ul class="dropdown__content text-xs whitespace-no-wrap"> + <li class="dropdown__content-item bg-white hover:bg-grey-125"> + <a class="block px-2 py-3" href="#"><i class="ico--lock mr-1"></i> Zablokovat uživatele</a> + </li> + </ul> + </div> + </div> + </div> + </div> + <p class="text-black leading-normal">{{ excerpt.medium }}</p> + </div> + </div> + <div class="flex items-start p-2 -ml-2 opacity-25 hover:opacity-100 transition-opacity duration-200"> + <img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3"> + <div class="flex-1"> + <div class="mb-1"> + <div class="flex justify-between"> + <div class="flex items-center"> + <span class="font-bold">{{ person.first }} {{ person.last }}</span> + <span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span> + <span class="text-grey-200 ml-1 text-sm">@ 11:30</span> + {{> molecules-chip(classes: "chip--cyan-200 chip--condensed ml-2", cta: "Návrh postupu")}} + {{> molecules-chip(classes: "chip--red-600 chip--condensed ml-2", cta: "Zamítnutý")}} + {{> molecules-chip(classes: "chip--grey-125 chip--condensed text-grey-300 ml-2", cta: "Archivovaný")}} + </div> + <div class="flex items-center space-x-4"> + {{> molecules-thumbs }} + <div class="dropdown dropdown--right"> + <i class="ico--dots-three-vertical cursor-pointer"></i> + <ul class="dropdown__content text-xs whitespace-no-wrap"> + <li class="dropdown__content-item bg-white hover:bg-grey-125"> + <a class="block px-2 py-3" href="#"><i class="ico--lock mr-1"></i> Zablokovat uživatele</a> + </li> + </ul> + </div> + </div> + </div> + </div> + <p class="text-black leading-normal">{{ excerpt.medium }}</p> + </div> + </div> + </div> + + <div class="my-8 space-y-4"> + {{> molecules-textarea-field(nolabel: true) }} + <div class="space-x-4"> + {{> molecules-dropdown-button(cta: "Přidat příspěvek") }} + <span class="text-sm text-grey-200">Pro pokročilejší formátování můžete používat <a href="#" class="underline">Markdown</a>.</span> + </div> + </div> + </section> + </div> + <div> + <h2 class="head-alt-base mb-4 pt-1">Oznámení</h2> + {{> organisms-event-feed(classes: "w-full", action: "ico--trashcan") }} + </div> + </div> + + </article> +</div> diff --git a/source/_patterns/03-templates/cf2021/user.mustache b/source/_patterns/03-templates/cf2021/user.mustache new file mode 100644 index 0000000000000000000000000000000000000000..c9ab8237bc05fadc91f0490c2d24965d9f95c5f3 --- /dev/null +++ b/source/_patterns/03-templates/cf2021/user.mustache @@ -0,0 +1,151 @@ +{{> organisms-simplified-navbar-with-avatar }} + +<div class="container container--wide pt-8 lg:py-24"> + <article> + <div class="flex items-center justify-between mb-8"> + <h1 class="head-alt-lg mb-0 pt-1 pr-8">Bod č. 1: Grilování leadera</h1> + </div> + + <div class="grid grid-cols-3 gap-8"> + <div class="col-span-2 space-y-8"> + <iframe width="100%" height="610" src="https://www.youtube.com/embed/73jJLspL8o8" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> + + <section> + <div class="flex justify-between items-center mb-4"> + <h2 class="head-alt-base whitespace-no-wrap">Příspěvky v rozpravě</h2> + <div class="flex items-center"> + <span class="chip chip--grey-125 chip--select chip--hoveractive text-xs"> + <select> + <option value="">Vše</option> + <option value="">Jen aktivní</option> + <option value="">Jen archivované</option> + </select> + <span class="chip__icon ico--chevron-down"></span> + </span> + <span class="chip chip--grey-125 chip--select chip--hoveractive text-xs ml-1"> + <select> + <option value="">Podle času</option> + <option value="">Podle podpory</option> + </select> + <span class="chip__icon ico--chevron-down"></span> + </span> + <span class="chip chip--grey-125 chip--select chip--hoveractive text-xs mr-4 ml-1"> + <select> + <option value="">Návrhy i příspěvky</option> + <option value="">Jen návrhy</option> + <option value="">Jen příspěvky</option> + </select> + <span class="chip__icon ico--chevron-down"></span> + </span> + + {{> molecules-chip-pagination }} + </div> + </div> + + <div class="space-y-6"> + <div class="flex items-start bg-yellow-100 p-2 -ml-2"> + <img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3"> + <div class="flex-1 overflow-hidden"> + <div class="mb-1"> + <div class="flex justify-between"> + <div class="flex items-center"> + <span class="font-bold">{{ person.first }} {{ person.last }}</span> + <span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span> + <span class="text-grey-200 ml-1 text-sm">@ 11:46</span> + {{> molecules-chip(classes: "chip--grey-125 chip--condensed text-grey-300 ml-2", cta: "Příspěvek")}} + </div> + {{> molecules-thumbs }} + </div> + </div> + <p class="text-black leading-normal">{{ excerpt.medium }}</p> + </div> + </div> + <div class="flex items-start p-2 -ml-2"> + <img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3"> + <div class="flex-1 overflow-hidden"> + <div class="mb-1"> + <div class="flex justify-between"> + <div class="flex items-center"> + <span class="font-bold">{{ person.first }} {{ person.last }}</span> + <span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span> + <span class="text-grey-200 ml-1 text-sm">@ 11:42</span> + {{> molecules-chip(classes: "chip--grey-125 chip--condensed text-grey-300 ml-2", cta: "Příspěvek")}} + </div> + {{> molecules-thumbs }} + </div> + </div> + <p class="text-black leading-normal">{{ excerpt.medium }}</p> + </div> + </div> + <div class="flex items-start p-2 -ml-2"> + <img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3"> + <div class="flex-1 overflow-hidden"> + <div class="mb-1"> + <div class="flex justify-between"> + <div class="flex items-center"> + <span class="font-bold">{{ person.first }} {{ person.last }}</span> + <span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span> + <span class="text-grey-200 ml-1 text-sm">@ 11:40</span> + {{> molecules-chip(classes: "chip--cyan-200 chip--condensed ml-2", cta: "Návrh postupu")}} + </div> + {{> molecules-thumbs }} + </div> + </div> + <p class="text-black leading-normal">{{ excerpt.medium }}</p> + </div> + </div> + <div class="flex items-start p-2 -ml-2 opacity-25 hover:opacity-100 transition-opacity duration-200"> + <img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3"> + <div class="flex-1 overflow-hidden"> + <div class="mb-1"> + <div class="flex justify-between"> + <div class="flex items-center"> + <span class="font-bold">{{ person.first }} {{ person.last }}</span> + <span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span> + <span class="text-grey-200 ml-1 text-sm">@ 11:38</span> + {{> molecules-chip(classes: "chip--grey-125 chip--condensed text-grey-300 ml-2", cta: "Příspěvek")}} + {{> molecules-chip(classes: "chip--grey-125 chip--condensed text-grey-300 ml-2", cta: "Archivovaný")}} + </div> + {{> molecules-thumbs }} + </div> + </div> + <p class="text-black leading-normal">{{ excerpt.medium }}</p> + </div> + </div> + <div class="flex items-start p-2 -ml-2 opacity-25 hover:opacity-100 transition-opacity duration-200"> + <img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3"> + <div class="flex-1 overflow-hidden"> + <div class="mb-1"> + <div class="flex justify-between"> + <div class="flex items-center"> + <span class="font-bold">{{ person.first }} {{ person.last }}</span> + <span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span> + <span class="text-grey-200 ml-1 text-sm">@ 11:30</span> + {{> molecules-chip(classes: "chip--cyan-200 chip--condensed ml-2", cta: "Návrh postupu")}} + {{> molecules-chip(classes: "chip--grey-125 chip--condensed text-grey-300 ml-2", cta: "Archivovaný")}} + </div> + {{> molecules-thumbs }} + </div> + </div> + <p class="text-black leading-normal">{{ excerpt.medium }}</p> + </div> + </div> + </div> + + <div class="my-8 space-y-4"> + {{> molecules-textarea-field(nolabel: true) }} + <div class="space-x-4"> + {{> atoms-icon-button(classes: "text-base btn--black btn--hoveractive", icon: "ico--chevron-down", cta: "Přidat příspěvek") }} + <span class="text-sm text-grey-200">Pro pokročilejší formátování můžete používat <a href="#" class="underline">Markdown</a>.</span> + </div> + </div> + </section> + </div> + <div> + <h2 class="head-alt-base mb-4 pt-1">Oznámení</h2> + {{> organisms-event-feed(classes: "w-full") }} + </div> + </div> + + </article> +</div> diff --git a/source/css/atoms/avatar.pcss b/source/css/atoms/avatar.pcss index 5b8cd6d907524df3e9e58b027066f414ee5839f1..caa00bbe224003afdb2cea6ed49f6e72ff813645 100644 --- a/source/css/atoms/avatar.pcss +++ b/source/css/atoms/avatar.pcss @@ -7,6 +7,9 @@ } @responsive { + .avatar--2xs { + @apply w-8; + } .avatar--xs { @apply w-12; } diff --git a/source/css/atoms/icons.pcss b/source/css/atoms/icons.pcss index ba31da4621cd53c1e5797c97d9c9750f323924db..5aa0d4fa9c0dbb6ecc4fbddd3abe8ac4ef1789c5 100644 --- a/source/css/atoms/icons.pcss +++ b/source/css/atoms/icons.pcss @@ -1,11 +1,11 @@ @font-face { font-family: 'pirati-ui'; - src: url('../fonts/pirati-ui.eot?0709c769c818c71145690e5adb0caf5f'); - src: url('../fonts/pirati-ui.eot?0709c769c818c71145690e5adb0caf5f#iefix') format('embedded-opentype'), - url('../fonts/pirati-ui.ttf?0709c769c818c71145690e5adb0caf5f') format('truetype'), - url('../fonts/pirati-ui.woff?0709c769c818c71145690e5adb0caf5f') format('woff'), - url('../fonts/pirati-ui.svg?0709c769c818c71145690e5adb0caf5f#pirati-ui') format('svg'); + src: url('../fonts/pirati-ui.eot?71e4e2c92abaa13920ac90278872d7d4'); + src: url('../fonts/pirati-ui.eot?71e4e2c92abaa13920ac90278872d7d4#iefix') format('embedded-opentype'), + url('../fonts/pirati-ui.ttf?71e4e2c92abaa13920ac90278872d7d4') format('truetype'), + url('../fonts/pirati-ui.woff?71e4e2c92abaa13920ac90278872d7d4') format('woff'), + url('../fonts/pirati-ui.svg?71e4e2c92abaa13920ac90278872d7d4#pirati-ui') format('svg'); font-weight: normal; font-style: normal; font-display: block; @@ -26,6 +26,14 @@ -moz-osx-font-smoothing: grayscale; } +.ico--lock-open:before { content: "\e949"; } +.ico--lock:before { content: "\e94a"; } +.ico--dots-three-vertical:before { content: "\e940"; } +.ico--dots-three-horizontal:before { content: "\e941"; } +.ico--log-out:before { content: "\e942"; } +.ico--pin:before { content: "\e943"; } +.ico--edit-pencil:before { content: "\e929"; } +.ico--at:before { content: "\e905"; } .ico--strategy:before { content: "\e932"; } .ico--pig:before { content: "\e928"; } .ico--thermometer:before { content: "\e90a"; } @@ -33,6 +41,30 @@ .ico--stackshare:before { content: "\e90f"; } .ico--open-source:before { content: "\e90e"; } .ico--search:before { content: "\e913"; } +.ico--switch:before { content: "\e94b"; } +.ico--loop:before { content: "\e94c"; } +.ico--repeat:before { content: "\e94c"; } +.ico--player:before { content: "\e94c"; } +.ico--reload:before { content: "\e94c"; } +.ico--refresh:before { content: "\e94c"; } +.ico--update:before { content: "\e94c"; } +.ico--synchronize:before { content: "\e94c"; } +.ico--arrows:before { content: "\e94c"; } +.ico--spinner:before { content: "\e94d"; } +.ico--loading:before { content: "\e94d"; } +.ico--loading-wheel:before { content: "\e94d"; } +.ico--refresh1:before { content: "\e94d"; } +.ico--repeat1:before { content: "\e94d"; } +.ico--busy:before { content: "\e94d"; } +.ico--wait:before { content: "\e94d"; } +.ico--arrow:before { content: "\e94d"; } +.ico--bullhorn:before { content: "\e944"; } +.ico--bin:before { content: "\e945"; } +.ico--trashcan:before { content: "\e945"; } +.ico--remove:before { content: "\e945"; } +.ico--delete:before { content: "\e945"; } +.ico--recycle:before { content: "\e945"; } +.ico--dispose:before { content: "\e945"; } .ico--cross:before { content: "\e937"; } .ico--checkbox-checked:before { content: "\e938"; } .ico--quill:before { content: "\e939"; } @@ -72,6 +104,12 @@ .ico--home:before { content: "\e922"; } .ico--link:before { content: "\e912"; } .ico--power:before { content: "\e90c"; } +.ico--house:before { content: "\e93f"; } +.ico--rocket:before { content: "\e946"; } +.ico--jet:before { content: "\e946"; } +.ico--speed:before { content: "\e946"; } +.ico--spaceship:before { content: "\e946"; } +.ico--fast:before { content: "\e946"; } .ico--location:before { content: "\e906"; } .ico--phone:before { content: "\e907"; } .ico--linkedin:before { content: "\e903"; } @@ -84,13 +122,13 @@ .ico--chevron-left:before { content: "\e924"; } .ico--chevron-down:before { content: "\e925"; } .ico--chevron-up:before { content: "\e926"; } +.ico--eye-off:before { content: "\e947"; } +.ico--eye:before { content: "\e948"; } .ico--zoom_out_map:before { content: "\e927"; } .ico--arrow-down:before { content: "\e911"; } .ico--link1:before { content: "\e910"; } .ico--city:before { content: "\e908"; } .ico--beer:before { content: "\e909"; } -.ico--edit-pencil:before { content: "\e929"; } -.ico--at:before { content: "\e905"; } .ico--thumbs-down:before { content: "\e93d"; } .ico--thumbs-up:before { content: "\e93e"; } .ico--tasks:before { content: "\e93c"; } diff --git a/source/css/molecules/chips.pcss b/source/css/molecules/chips.pcss index fd06adc3b339a7031398a53e44aa4beed95e12e7..4417b0a54f42c7c90a6deddb9b161c90e9fa7848 100644 --- a/source/css/molecules/chips.pcss +++ b/source/css/molecules/chips.pcss @@ -46,6 +46,21 @@ @apply bg-red-600 text-white; } +.chip--hoveractive:hover { + &.chip--black { + @apply bg-grey-700; + } + &.chip--grey-700 { + @apply bg-grey-500; + } + &.chip--grey-500 { + @apply bg-grey-300; + } + &.chip--grey-125 { + @apply bg-grey-100; + } +} + .chip__icon { @apply self-center cursor-pointer; @@ -59,13 +74,8 @@ .chip--select { @apply relative p-0 inline-flex items-center; - &:hover, - &:focus { - @apply bg-opacity-50; - } - select { - @apply w-full py-2 pl-3 z-10 cursor-pointer; + @apply w-full py-2 pl-3 pr-8 z-10 cursor-pointer; appearance: none; background: none; @@ -81,6 +91,8 @@ .chip__icon { @apply + absolute + right-0 pl-2 pr-3 cursor-pointer; } diff --git a/source/css/molecules/dropdown-button.pcss b/source/css/molecules/dropdown-button.pcss new file mode 100644 index 0000000000000000000000000000000000000000..e6dc8de7decee2ac222fa962f1e301e8dd9039ec --- /dev/null +++ b/source/css/molecules/dropdown-button.pcss @@ -0,0 +1,19 @@ +.dropdown-button { + @apply relative; +} + +.dropdown-button__choices { + @apply hidden absolute shadow-md z-10 bottom-0 right-0 transform translate-y-full; +} + +.dropdown-button:hover .dropdown-button__choices { + @apply block max-w-sm; +} + +.dropdown-button__choice { + @apply block no-underline text-left; + + a:hover { + @apply no-underline; + } +} diff --git a/source/css/molecules/dropdown.pcss b/source/css/molecules/dropdown.pcss new file mode 100644 index 0000000000000000000000000000000000000000..7e74f1295e6619c2a527b0defbb3251100f52c92 --- /dev/null +++ b/source/css/molecules/dropdown.pcss @@ -0,0 +1,24 @@ +.dropdown { + @apply relative inline-block; +} + +.dropdown__content { + @apply hidden absolute shadow-md z-10; +} + +.dropdown:hover .dropdown__content { + @apply block max-w-sm; +} + +.dropdown__content-item { + @apply block no-underline; + + a:hover { + @apply no-underline; + } +} + + +.dropdown--right .dropdown__content { + @apply right-0; +} diff --git a/source/css/style.pcss b/source/css/style.pcss index de712b108df039bc11d992740d32421bb64194a5..144c249ed05085a66eca31e4a790796cc2074466 100644 --- a/source/css/style.pcss +++ b/source/css/style.pcss @@ -43,6 +43,8 @@ @import "./molecules/candidate-table-row.pcss"; @import "./molecules/chips.pcss"; @import "./molecules/content-block.pcss"; +@import "./molecules/dropdown.pcss"; +@import "./molecules/dropdown-button.pcss"; @import "./molecules/flip-clock.pcss"; @import "./molecules/form-field.pcss"; @import "./molecules/pagination.pcss"; diff --git a/source/icons/demo-files/demo.css b/source/icons/demo-files/demo.css index 7d99bb01714c24e61846a7205007e95698ec6a83..98e3bf63932707cc7c46bd0e90cac2b88b6ea099 100644 --- a/source/icons/demo-files/demo.css +++ b/source/icons/demo-files/demo.css @@ -147,7 +147,7 @@ p { font-size: 16px; } .fs1 { - font-size: 32px; + font-size: 20px; } .fs2 { font-size: 32px; @@ -156,10 +156,10 @@ p { font-size: 32px; } .fs4 { - font-size: 24px; + font-size: 32px; } .fs5 { - font-size: 20px; + font-size: 24px; } .fs6 { font-size: 28px; diff --git a/source/icons/demo.html b/source/icons/demo.html index 30db98a4122061b6afd3882eea22d37b7e71a64c..649b0b42f93978df9c96c2fb7386874ae5dbb945 100644 --- a/source/icons/demo.html +++ b/source/icons/demo.html @@ -9,11 +9,126 @@ <link rel="stylesheet" href="style.css"></head> <body> <div class="bgc1 clearfix"> - <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> pirati-ui <small class="fgc1">(Glyphs: 63)</small></h1> + <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> pirati-ui <small class="fgc1">(Glyphs: 78)</small></h1> </div> <div class="clearfix mhl ptl"> - <h1 class="mvm mtn fgc1">Grid Size: 32</h1> + <h1 class="mvm mtn fgc1">Grid Size: 20</h1> + <div class="glyph fs1"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--lock-open"></span> + <span class="mls"> ico--lock-open</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e949" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs1"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--lock"></span> + <span class="mls"> ico--lock</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e94a" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs1"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--dots-three-vertical"></span> + <span class="mls"> ico--dots-three-vertical</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e940" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs1"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--dots-three-horizontal"></span> + <span class="mls"> ico--dots-three-horizontal</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e941" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs1"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--log-out"></span> + <span class="mls"> ico--log-out</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e942" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> <div class="glyph fs1"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--pin"></span> + <span class="mls"> ico--pin</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e943" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs1"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--edit-pencil"></span> + <span class="mls"> ico--edit-pencil</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e929" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs1"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--at"></span> + <span class="mls"> ico--at</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e905" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + </div> + <div class="clearfix mhl ptl"> + <h1 class="mvm mtn fgc1">Grid Size: 32</h1> + <div class="glyph fs2"> <div class="clearfix bshadow0 pbs"> <span class="ico--strategy"></span> <span class="mls"> ico--strategy</span> @@ -27,7 +142,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs1"> + <div class="glyph fs2"> <div class="clearfix bshadow0 pbs"> <span class="ico--pig"></span> <span class="mls"> ico--pig</span> @@ -41,83 +156,419 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs1"> + <div class="glyph fs2"> <div class="clearfix bshadow0 pbs"> <span class="ico--thermometer"></span> <span class="mls"> ico--thermometer</span> </div> <fieldset class="fs0 size1of1 clearfix hidden-false"> - <input type="text" readonly value="e90a" class="unit size1of2" /> - <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + <input type="text" readonly value="e90a" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + </div> + <div class="clearfix mhl ptl"> + <h1 class="mvm mtn fgc1">Grid Size: Unknown</h1> + <div class="glyph fs3"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--pirati"></span> + <span class="mls"> ico--pirati</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e90d" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs3"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--stackshare"></span> + <span class="mls"> ico--stackshare</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e90f" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs3"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--open-source"></span> + <span class="mls"> ico--open-source</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e90e" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + </div> + <div class="clearfix mhl ptl"> + <h1 class="mvm mtn fgc1">Grid Size: 16</h1> + <div class="glyph fs4"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--search"></span> + <span class="mls"> ico--search</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e913" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs4"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--switch"></span> + <span class="mls"> ico--switch</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e94b" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs4"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--loop"></span> + <span class="mls"> ico--loop</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e94c" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs4"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--repeat"></span> + <span class="mls"> ico--repeat</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e94c" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs4"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--player"></span> + <span class="mls"> ico--player</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e94c" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs4"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--reload"></span> + <span class="mls"> ico--reload</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e94c" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs4"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--refresh"></span> + <span class="mls"> ico--refresh</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e94c" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs4"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--update"></span> + <span class="mls"> ico--update</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e94c" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs4"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--synchronize"></span> + <span class="mls"> ico--synchronize</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e94c" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs4"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--arrows"></span> + <span class="mls"> ico--arrows</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e94c" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs4"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--spinner"></span> + <span class="mls"> ico--spinner</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e94d" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs4"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--loading"></span> + <span class="mls"> ico--loading</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e94d" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs4"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--loading-wheel"></span> + <span class="mls"> ico--loading-wheel</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e94d" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs4"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--refresh1"></span> + <span class="mls"> ico--refresh1</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e94d" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs4"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--repeat1"></span> + <span class="mls"> ico--repeat1</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e94d" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs4"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--busy"></span> + <span class="mls"> ico--busy</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e94d" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs4"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--wait"></span> + <span class="mls"> ico--wait</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e94d" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs4"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--arrow"></span> + <span class="mls"> ico--arrow</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e94d" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs4"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--bullhorn"></span> + <span class="mls"> ico--bullhorn</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e944" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs4"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--bin"></span> + <span class="mls"> ico--bin</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e945" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs4"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--trashcan"></span> + <span class="mls"> ico--trashcan</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e945" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> </fieldset> <div class="fs0 bshadow0 clearfix hidden-false"> <span class="unit pvs fgc1">liga: </span> <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - </div> - <div class="clearfix mhl ptl"> - <h1 class="mvm mtn fgc1">Grid Size: Unknown</h1> - <div class="glyph fs2"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> - <span class="ico--pirati"></span> - <span class="mls"> ico--pirati</span> + <span class="ico--remove"></span> + <span class="mls"> ico--remove</span> </div> <fieldset class="fs0 size1of1 clearfix hidden-false"> - <input type="text" readonly value="e90d" class="unit size1of2" /> - <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + <input type="text" readonly value="e945" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> </fieldset> <div class="fs0 bshadow0 clearfix hidden-false"> <span class="unit pvs fgc1">liga: </span> <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs2"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> - <span class="ico--stackshare"></span> - <span class="mls"> ico--stackshare</span> + <span class="ico--delete"></span> + <span class="mls"> ico--delete</span> </div> <fieldset class="fs0 size1of1 clearfix hidden-false"> - <input type="text" readonly value="e90f" class="unit size1of2" /> - <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + <input type="text" readonly value="e945" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> </fieldset> <div class="fs0 bshadow0 clearfix hidden-false"> <span class="unit pvs fgc1">liga: </span> <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs2"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> - <span class="ico--open-source"></span> - <span class="mls"> ico--open-source</span> + <span class="ico--recycle"></span> + <span class="mls"> ico--recycle</span> </div> <fieldset class="fs0 size1of1 clearfix hidden-false"> - <input type="text" readonly value="e90e" class="unit size1of2" /> - <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + <input type="text" readonly value="e945" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> </fieldset> <div class="fs0 bshadow0 clearfix hidden-false"> <span class="unit pvs fgc1">liga: </span> <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - </div> - <div class="clearfix mhl ptl"> - <h1 class="mvm mtn fgc1">Grid Size: 16</h1> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> - <span class="ico--search"></span> - <span class="mls"> ico--search</span> + <span class="ico--dispose"></span> + <span class="mls"> ico--dispose</span> </div> <fieldset class="fs0 size1of1 clearfix hidden-false"> - <input type="text" readonly value="e913" class="unit size1of2" /> - <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + <input type="text" readonly value="e945" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> </fieldset> <div class="fs0 bshadow0 clearfix hidden-false"> <span class="unit pvs fgc1">liga: </span> <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--cross"></span> <span class="mls"> ico--cross</span> @@ -131,7 +582,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--checkbox-checked"></span> <span class="mls"> ico--checkbox-checked</span> @@ -145,7 +596,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--quill"></span> <span class="mls"> ico--quill</span> @@ -159,7 +610,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--feather"></span> <span class="mls"> ico--feather</span> @@ -173,7 +624,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--write"></span> <span class="mls"> ico--write</span> @@ -187,7 +638,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--edit"></span> <span class="mls"> ico--edit</span> @@ -201,7 +652,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--sphere"></span> <span class="mls"> ico--sphere</span> @@ -215,7 +666,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--globe"></span> <span class="mls"> ico--globe</span> @@ -229,7 +680,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--internet"></span> <span class="mls"> ico--internet</span> @@ -243,7 +694,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--wikipedia"></span> <span class="mls"> ico--wikipedia</span> @@ -257,7 +708,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--brand"></span> <span class="mls"> ico--brand</span> @@ -271,7 +722,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--youtube"></span> <span class="mls"> ico--youtube</span> @@ -285,7 +736,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--users"></span> <span class="mls"> ico--users</span> @@ -299,7 +750,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--group"></span> <span class="mls"> ico--group</span> @@ -313,7 +764,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--team"></span> <span class="mls"> ico--team</span> @@ -327,7 +778,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--members"></span> <span class="mls"> ico--members</span> @@ -341,7 +792,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--community"></span> <span class="mls"> ico--community</span> @@ -355,7 +806,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--collaborate"></span> <span class="mls"> ico--collaborate</span> @@ -369,7 +820,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--book"></span> <span class="mls"> ico--book</span> @@ -383,7 +834,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--read"></span> <span class="mls"> ico--read</span> @@ -397,7 +848,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--reading"></span> <span class="mls"> ico--reading</span> @@ -411,7 +862,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--bubbles"></span> <span class="mls"> ico--bubbles</span> @@ -425,7 +876,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--map"></span> <span class="mls"> ico--map</span> @@ -439,7 +890,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--compass"></span> <span class="mls"> ico--compass</span> @@ -453,7 +904,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--folder-open"></span> <span class="mls"> ico--folder-open</span> @@ -467,7 +918,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--folder"></span> <span class="mls"> ico--folder</span> @@ -481,7 +932,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--drawer"></span> <span class="mls"> ico--drawer</span> @@ -495,7 +946,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--stop"></span> <span class="mls"> ico--stop</span> @@ -509,7 +960,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--github"></span> <span class="mls"> ico--github</span> @@ -523,7 +974,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--clock"></span> <span class="mls"> ico--clock</span> @@ -537,7 +988,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--calendar"></span> <span class="mls"> ico--calendar</span> @@ -551,7 +1002,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--flickr"></span> <span class="mls"> ico--flickr</span> @@ -565,7 +1016,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--instagram"></span> <span class="mls"> ico--instagram</span> @@ -579,7 +1030,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--twitter"></span> <span class="mls"> ico--twitter</span> @@ -593,7 +1044,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--newspaper"></span> <span class="mls"> ico--newspaper</span> @@ -607,7 +1058,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--cart"></span> <span class="mls"> ico--cart</span> @@ -621,7 +1072,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--home"></span> <span class="mls"> ico--home</span> @@ -635,7 +1086,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--link"></span> <span class="mls"> ico--link</span> @@ -649,7 +1100,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--power"></span> <span class="mls"> ico--power</span> @@ -663,7 +1114,91 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--house"></span> + <span class="mls"> ico--house</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e93f" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs4"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--rocket"></span> + <span class="mls"> ico--rocket</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e946" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs4"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--jet"></span> + <span class="mls"> ico--jet</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e946" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs4"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--speed"></span> + <span class="mls"> ico--speed</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e946" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs4"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--spaceship"></span> + <span class="mls"> ico--spaceship</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e946" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs4"> + <div class="clearfix bshadow0 pbs"> + <span class="ico--fast"></span> + <span class="mls"> ico--fast</span> + </div> + <fieldset class="fs0 size1of1 clearfix hidden-false"> + <input type="text" readonly value="e946" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + </fieldset> + <div class="fs0 bshadow0 clearfix hidden-false"> + <span class="unit pvs fgc1">liga: </span> + <input type="text" readonly value="" class="liga unitRight" /> + </div> + </div> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--location"></span> <span class="mls"> ico--location</span> @@ -677,7 +1212,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--phone"></span> <span class="mls"> ico--phone</span> @@ -691,7 +1226,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--linkedin"></span> <span class="mls"> ico--linkedin</span> @@ -705,7 +1240,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--github1"></span> <span class="mls"> ico--github1</span> @@ -719,7 +1254,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--gplus"></span> <span class="mls"> ico--gplus</span> @@ -733,7 +1268,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--twitter1"></span> <span class="mls"> ico--twitter1</span> @@ -747,7 +1282,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs3"> + <div class="glyph fs4"> <div class="clearfix bshadow0 pbs"> <span class="ico--facebook"></span> <span class="mls"> ico--facebook</span> @@ -764,7 +1299,7 @@ </div> <div class="clearfix mhl ptl"> <h1 class="mvm mtn fgc1">Grid Size: 24</h1> - <div class="glyph fs4"> + <div class="glyph fs5"> <div class="clearfix bshadow0 pbs"> <span class="ico--menu"></span> <span class="mls"> ico--menu</span> @@ -778,7 +1313,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs4"> + <div class="glyph fs5"> <div class="clearfix bshadow0 pbs"> <span class="ico--chevron-right"></span> <span class="mls"> ico--chevron-right</span> @@ -792,7 +1327,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs4"> + <div class="glyph fs5"> <div class="clearfix bshadow0 pbs"> <span class="ico--chevron-left"></span> <span class="mls"> ico--chevron-left</span> @@ -806,7 +1341,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs4"> + <div class="glyph fs5"> <div class="clearfix bshadow0 pbs"> <span class="ico--chevron-down"></span> <span class="mls"> ico--chevron-down</span> @@ -820,7 +1355,7 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs4"> + <div class="glyph fs5"> <div class="clearfix bshadow0 pbs"> <span class="ico--chevron-up"></span> <span class="mls"> ico--chevron-up</span> @@ -834,87 +1369,84 @@ <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs4"> + <div class="glyph fs5"> <div class="clearfix bshadow0 pbs"> - <span class="ico--zoom_out_map"></span> - <span class="mls"> ico--zoom_out_map</span> + <span class="ico--eye-off"></span> + <span class="mls"> ico--eye-off</span> </div> <fieldset class="fs0 size1of1 clearfix hidden-false"> - <input type="text" readonly value="e927" class="unit size1of2" /> - <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + <input type="text" readonly value="e947" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> </fieldset> <div class="fs0 bshadow0 clearfix hidden-false"> <span class="unit pvs fgc1">liga: </span> <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs4"> + <div class="glyph fs5"> <div class="clearfix bshadow0 pbs"> - <span class="ico--arrow-down"></span> - <span class="mls"> ico--arrow-down</span> + <span class="ico--eye"></span> + <span class="mls"> ico--eye</span> </div> <fieldset class="fs0 size1of1 clearfix hidden-false"> - <input type="text" readonly value="e911" class="unit size1of2" /> - <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + <input type="text" readonly value="e948" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> </fieldset> <div class="fs0 bshadow0 clearfix hidden-false"> <span class="unit pvs fgc1">liga: </span> <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs4"> + <div class="glyph fs5"> <div class="clearfix bshadow0 pbs"> - <span class="ico--link1"></span> - <span class="mls"> ico--link1</span> + <span class="ico--zoom_out_map"></span> + <span class="mls"> ico--zoom_out_map</span> </div> <fieldset class="fs0 size1of1 clearfix hidden-false"> - <input type="text" readonly value="e910" class="unit size1of2" /> - <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + <input type="text" readonly value="e927" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> </fieldset> <div class="fs0 bshadow0 clearfix hidden-false"> <span class="unit pvs fgc1">liga: </span> <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs4"> + <div class="glyph fs5"> <div class="clearfix bshadow0 pbs"> - <span class="ico--city"></span> - <span class="mls"> ico--city</span> + <span class="ico--arrow-down"></span> + <span class="mls"> ico--arrow-down</span> </div> <fieldset class="fs0 size1of1 clearfix hidden-false"> - <input type="text" readonly value="e908" class="unit size1of2" /> - <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + <input type="text" readonly value="e911" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> </fieldset> <div class="fs0 bshadow0 clearfix hidden-false"> <span class="unit pvs fgc1">liga: </span> <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - <div class="glyph fs4"> + <div class="glyph fs5"> <div class="clearfix bshadow0 pbs"> - <span class="ico--beer"></span> - <span class="mls"> ico--beer</span> + <span class="ico--link1"></span> + <span class="mls"> ico--link1</span> </div> <fieldset class="fs0 size1of1 clearfix hidden-false"> - <input type="text" readonly value="e909" class="unit size1of2" /> - <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + <input type="text" readonly value="e910" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> </fieldset> <div class="fs0 bshadow0 clearfix hidden-false"> <span class="unit pvs fgc1">liga: </span> <input type="text" readonly value="" class="liga unitRight" /> </div> </div> - </div> - <div class="clearfix mhl ptl"> - <h1 class="mvm mtn fgc1">Grid Size: 20</h1> <div class="glyph fs5"> <div class="clearfix bshadow0 pbs"> - <span class="ico--edit-pencil"></span> - <span class="mls"> ico--edit-pencil</span> + <span class="ico--city"></span> + <span class="mls"> ico--city</span> </div> <fieldset class="fs0 size1of1 clearfix hidden-false"> - <input type="text" readonly value="e929" class="unit size1of2" /> - <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + <input type="text" readonly value="e908" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> </fieldset> <div class="fs0 bshadow0 clearfix hidden-false"> <span class="unit pvs fgc1">liga: </span> @@ -923,12 +1455,12 @@ </div> <div class="glyph fs5"> <div class="clearfix bshadow0 pbs"> - <span class="ico--at"></span> - <span class="mls"> ico--at</span> + <span class="ico--beer"></span> + <span class="mls"> ico--beer</span> </div> <fieldset class="fs0 size1of1 clearfix hidden-false"> - <input type="text" readonly value="e905" class="unit size1of2" /> - <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> + <input type="text" readonly value="e909" class="unit size1of2" /> + <input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> </fieldset> <div class="fs0 bshadow0 clearfix hidden-false"> <span class="unit pvs fgc1">liga: </span> diff --git a/source/icons/fonts/pirati-ui.eot b/source/icons/fonts/pirati-ui.eot index f33ad870e05c5c217da1755f4b356fc260229b9a..38d1c6d5536cf7066a6e556dbe7365e1e1f2d2b9 100644 Binary files a/source/icons/fonts/pirati-ui.eot and b/source/icons/fonts/pirati-ui.eot differ diff --git a/source/icons/fonts/pirati-ui.svg b/source/icons/fonts/pirati-ui.svg index 8f4aa3435786cba254b75dbf3a7cc107a169836f..db41d11f9d293b7e02d312824c26bcc246bd7c80 100644 --- a/source/icons/fonts/pirati-ui.svg +++ b/source/icons/fonts/pirati-ui.svg @@ -70,4 +70,19 @@ <glyph unicode="" glyph-name="tasks" d="M585.143 146.286h365.714v73.143h-365.714v-73.143zM365.714 438.857h585.143v73.143h-585.143v-73.143zM731.429 731.428h219.429v73.143h-219.429v-73.143zM1024 256v-146.286c0-20-16.571-36.571-36.571-36.571h-950.857c-20 0-36.571 16.571-36.571 36.571v146.286c0 20 16.571 36.571 36.571 36.571h950.857c20 0 36.571-16.571 36.571-36.571zM1024 548.571v-146.286c0-20-16.571-36.571-36.571-36.571h-950.857c-20 0-36.571 16.571-36.571 36.571v146.286c0 20 16.571 36.571 36.571 36.571h950.857c20 0 36.571-16.571 36.571-36.571zM1024 841.143v-146.286c0-20-16.571-36.571-36.571-36.571h-950.857c-20 0-36.571 16.571-36.571 36.571v146.286c0 20 16.571 36.571 36.571 36.571h950.857c20 0 36.571-16.571 36.571-36.571z" /> <glyph unicode="" glyph-name="thumbs-down" horiz-adv-x="914" d="M146.286 621.714c0-20-16.571-36.571-36.571-36.571-20.571 0-36.571 16.571-36.571 36.571 0 20.571 16 36.571 36.571 36.571 20 0 36.571-16 36.571-36.571zM237.714 329.143v365.714c0 20-16.571 36.571-36.571 36.571h-164.571c-20 0-36.571-16.571-36.571-36.571v-365.714c0-20 16.571-36.571 36.571-36.571h164.571c20 0 36.571 16.571 36.571 36.571zM882.857 414.286c19.429-21.714 31.429-54.857 31.429-85.143-0.571-59.429-50.286-109.714-109.714-109.714h-158.286c4.571-18.286 10.286-24 16.571-36.571 14.857-29.714 32-62.857 32-109.714 0-44 0-146.286-128-146.286-9.714 0-18.857 4-25.714 10.857-24.571 24-31.429 59.429-37.714 93.143-6.857 33.143-13.143 67.429-35.429 89.714-17.714 17.714-37.143 42.286-57.714 68.571-25.143 33.143-80 101.143-101.143 102.857-18.857 1.714-34.857 17.714-34.857 36.571v366.286c0 20 17.143 36 36.571 36.571 20 0.571 54.286 12.571 90.286 25.143 61.714 21.143 138.857 48 220.571 48h73.714c50.286-0.571 88-15.429 112.571-44.571 21.714-25.714 31.429-60.571 28-103.429 14.286-13.714 25.143-32.571 30.857-53.714 6.286-22.857 6.286-45.714 0-66.857 17.143-22.857 25.714-49.714 24.571-78.286 0-8-2.286-25.143-8.571-43.429z" /> <glyph unicode="" glyph-name="thumbs-up" horiz-adv-x="914" d="M146.286 182.857c0 20-16.571 36.571-36.571 36.571-20.571 0-36.571-16.571-36.571-36.571 0-20.571 16-36.571 36.571-36.571 20 0 36.571 16 36.571 36.571zM237.714 475.428v-365.714c0-20-16.571-36.571-36.571-36.571h-164.571c-20 0-36.571 16.571-36.571 36.571v365.714c0 20 16.571 36.571 36.571 36.571h164.571c20 0 36.571-16.571 36.571-36.571zM914.286 475.428c0-30.286-12-62.857-31.429-85.143 6.286-18.286 8.571-35.429 8.571-43.429 1.143-28.571-7.429-55.429-24.571-78.286 6.286-21.143 6.286-44 0-66.857-5.714-21.143-16.571-40-30.857-53.714 3.429-42.857-6.286-77.714-28-103.429-24.571-29.143-62.286-44-112.571-44.571h-73.714c-81.714 0-158.857 26.857-220.571 48-36 12.571-70.286 24.571-90.286 25.143-19.429 0.571-36.571 16.571-36.571 36.571v366.286c0 18.857 16 34.857 34.857 36.571 21.143 1.714 76 69.714 101.143 102.857 20.571 26.286 40 50.857 57.714 68.571 22.286 22.286 28.571 56.571 35.429 89.714 6.286 33.714 13.143 69.143 37.714 93.143 6.857 6.857 16 10.857 25.714 10.857 128 0 128-102.286 128-146.286 0-46.857-16.571-80-32-109.714-6.286-12.571-12-18.286-16.571-36.571h158.286c59.429 0 109.714-50.286 109.714-109.714z" /> +<glyph unicode="" glyph-name="house" d="M1024 352l-192 192v288h-128v-160l-192 192-512-512v-32h128v-320h320v192h128v-192h320v320h128z" /> +<glyph unicode="" glyph-name="dots-three-vertical" d="M512.051 573.44c-62.208 0-112.691-50.432-112.691-112.64s50.483-112.64 112.691-112.64c62.208 0 112.589 50.432 112.589 112.64s-50.381 112.64-112.589 112.64zM512.051 706.56c62.208 0 112.589 50.483 112.589 112.64s-50.381 112.64-112.589 112.64c-62.208 0-112.691-50.432-112.691-112.64s50.483-112.64 112.691-112.64zM512.051 215.040c-62.208 0-112.691-50.432-112.691-112.64s50.483-112.64 112.691-112.64c62.208 0 112.589 50.432 112.589 112.64s-50.381 112.64-112.589 112.64z" /> +<glyph unicode="" glyph-name="dots-three-horizontal" d="M512.051 573.44c-62.208 0-112.691-50.432-112.691-112.64s50.483-112.64 112.691-112.64c62.208 0 112.589 50.432 112.589 112.64s-50.381 112.64-112.589 112.64zM153.651 573.44c-62.208 0-112.691-50.432-112.691-112.64s50.483-112.64 112.691-112.64c62.208 0 112.589 50.483 112.589 112.64s-50.381 112.64-112.589 112.64zM870.451 573.44c-62.208 0-112.691-50.432-112.691-112.64s50.483-112.64 112.691-112.64c62.208 0 112.589 50.432 112.589 112.64s-50.381 112.64-112.589 112.64z" /> +<glyph unicode="" glyph-name="log-out" d="M972.8 460.8l-307.2 256v-153.6h-358.4v-204.8h358.4v-153.6l307.2 256zM153.6 819.2h409.6v102.4h-409.6c-56.32 0-102.4-46.080-102.4-102.4v-716.8c0-56.32 46.080-102.4 102.4-102.4h409.6v102.4h-409.6v716.8z" /> +<glyph unicode="" glyph-name="pin" d="M563.2 358.4h307.2v51.2l-153.6 51.2v409.6l153.6 51.2v51.2h-716.8v-51.2l153.6-51.2v-409.6l-153.6-51.2v-51.2h307.2v-358.4l51.2-51.2 51.2 51.2v358.4z" /> +<glyph unicode="" glyph-name="bullhorn" d="M1024 530.744c0 200.926-58.792 363.938-131.482 365.226 0.292 0.006 0.578 0.030 0.872 0.030h-82.942c0 0-194.8-146.336-475.23-203.754-8.56-45.292-14.030-99.274-14.030-161.502s5.466-116.208 14.030-161.5c280.428-57.418 475.23-203.756 475.23-203.756h82.942c-0.292 0-0.578 0.024-0.872 0.032 72.696 1.288 131.482 164.298 131.482 365.224zM864.824 220.748c-9.382 0-19.532 9.742-24.746 15.548-12.63 14.064-24.792 35.96-35.188 63.328-23.256 61.232-36.066 143.31-36.066 231.124 0 87.81 12.81 169.89 36.066 231.122 10.394 27.368 22.562 49.266 35.188 63.328 5.214 5.812 15.364 15.552 24.746 15.552 9.38 0 19.536-9.744 24.744-15.552 12.634-14.064 24.796-35.958 35.188-63.328 23.258-61.23 36.068-143.312 36.068-231.122 0-87.804-12.81-169.888-36.068-231.124-10.39-27.368-22.562-49.264-35.188-63.328-5.208-5.806-15.36-15.548-24.744-15.548zM251.812 530.744c0 51.95 3.81 102.43 11.052 149.094-47.372-6.554-88.942-10.324-140.34-10.324-67.058 0-67.058 0-67.058 0l-55.466-94.686v-88.17l55.46-94.686c0 0 0 0 67.060 0 51.398 0 92.968-3.774 140.34-10.324-7.236 46.664-11.048 97.146-11.048 149.096zM368.15 317.828l-127.998 24.51 81.842-321.544c4.236-16.634 20.744-25.038 36.686-18.654l118.556 47.452c15.944 6.376 22.328 23.964 14.196 39.084l-123.282 229.152zM864.824 411.27c-3.618 0-7.528 3.754-9.538 5.992-4.87 5.42-9.556 13.86-13.562 24.408-8.962 23.6-13.9 55.234-13.9 89.078s4.938 65.478 13.9 89.078c4.006 10.548 8.696 18.988 13.562 24.408 2.010 2.24 5.92 5.994 9.538 5.994 3.616 0 7.53-3.756 9.538-5.994 4.87-5.42 9.556-13.858 13.56-24.408 8.964-23.598 13.902-55.234 13.902-89.078 0-33.842-4.938-65.478-13.902-89.078-4.004-10.548-8.696-18.988-13.56-24.408-2.008-2.238-5.92-5.992-9.538-5.992z" /> +<glyph unicode="" glyph-name="bin, trashcan, remove, delete, recycle, dispose" d="M128 640v-640c0-35.2 28.8-64 64-64h576c35.2 0 64 28.8 64 64v640h-704zM320 64h-64v448h64v-448zM448 64h-64v448h64v-448zM576 64h-64v448h64v-448zM704 64h-64v448h64v-448zM848 832h-208v80c0 26.4-21.6 48-48 48h-224c-26.4 0-48-21.6-48-48v-80h-208c-26.4 0-48-21.6-48-48v-80h832v80c0 26.4-21.6 48-48 48zM576 832h-192v63.198h192v-63.198z" /> +<glyph unicode="" glyph-name="rocket, jet, speed, spaceship, fast" d="M704 896l-320-320h-192l-192-256c0 0 203.416 56.652 322.066 30.084l-322.066-414.084 421.902 328.144c58.838-134.654-37.902-328.144-37.902-328.144l256 192v192l320 320 64 320-320-64z" /> +<glyph unicode="" glyph-name="eye-off" d="M506 554.667h6q52 0 90-38t38-90v-8zM322 520.667q-24-48-24-94 0-88 63-151t151-63q46 0 94 24l-66 66q-16-4-28-4-52 0-90 38t-38 90q0 12 4 28zM86 756.667l54 54 756-756-54-54q-10 10-63 62t-81 80q-86-36-186-36-158 0-286 88t-184 232q22 52 69 115t91 97q-24 24-67 68t-49 50zM512 640.667q-40 0-78-16l-92 92q78 30 170 30 158 0 285-88t183-232q-48-118-146-202l-124 124q16 38 16 78 0 88-63 151t-151 63z" /> +<glyph unicode="" glyph-name="eye" d="M512 554.667q52 0 90-38t38-90-38-90-90-38-90 38-38 90 38 90 90 38zM512 212.667q88 0 151 63t63 151-63 151-151 63-151-63-63-151 63-151 151-63zM512 746.667q158 0 286-88t184-232q-56-144-184-232t-286-88-286 88-184 232q56 144 184 232t286 88z" /> +<glyph unicode="" glyph-name="lock-open" d="M808.96 563.2h-92.16v122.88c0 148.326-68.352 235.52-204.8 235.52-136.499 0-204.8-87.194-204.8-235.52v-20.48h102.4v41.011c0 73.984 40.806 112.589 102.4 112.589s102.4-38.605 102.4-112.589v-143.411h-409.6c-28.314 0-51.2-33.075-51.2-61.389v-399.411c0-28.109 21.914-58.317 48.691-66.918l61.286-19.814c26.829-8.55 71.782-15.667 99.942-15.667h296.96c28.109 0 73.114 7.117 99.891 15.718l61.235 19.814c26.829 8.55 48.794 38.758 48.794 66.867v399.411c0 28.314-33.178 61.389-61.44 61.389z" /> +<glyph unicode="" glyph-name="lock" d="M808.96 563.2h-92.16v122.88c0 148.326-68.352 235.52-204.8 235.52-136.499 0-204.8-87.194-204.8-235.52v-122.88h-102.4c-28.314 0-51.2-33.075-51.2-61.389v-399.411c0-28.109 21.914-58.317 48.691-66.918l61.286-19.814c26.829-8.55 71.782-15.667 99.942-15.667h296.96c28.109 0 73.114 7.117 99.891 15.718l61.235 19.814c26.829 8.55 48.794 38.758 48.794 66.867v399.411c0 28.314-33.178 61.389-61.44 61.389zM614.4 563.2h-204.8v143.411c0 73.984 40.806 112.589 102.4 112.589s102.4-38.605 102.4-112.589v-143.411z" /> +<glyph unicode="" glyph-name="switch" d="M640 813.412v-135.958c36.206-15.804 69.5-38.408 98.274-67.18 60.442-60.44 93.726-140.8 93.726-226.274s-33.286-165.834-93.726-226.274c-60.44-60.44-140.798-93.726-226.274-93.726s-165.834 33.286-226.274 93.726c-60.44 60.44-93.726 140.8-93.726 226.274s33.286 165.834 93.726 226.274c28.774 28.774 62.068 51.378 98.274 67.182v135.956c-185.048-55.080-320-226.472-320-429.412 0-247.424 200.578-448 448-448 247.424 0 448 200.576 448 448 0 202.94-134.95 374.332-320 429.412zM448 960h128v-512h-128z" /> +<glyph unicode="" glyph-name="loop, repeat, player, reload, refresh, update, synchronize, arrows" d="M889.68 793.68c-93.608 102.216-228.154 166.32-377.68 166.32-282.77 0-512-229.23-512-512h96c0 229.75 186.25 416 416 416 123.020 0 233.542-53.418 309.696-138.306l-149.696-149.694h352v352l-134.32-134.32zM928 448c0-229.75-186.25-416-416-416-123.020 0-233.542 53.418-309.694 138.306l149.694 149.694h-352v-352l134.32 134.32c93.608-102.216 228.154-166.32 377.68-166.32 282.77 0 512 229.23 512 512h-96z" /> +<glyph unicode="" glyph-name="spinner, loading, loading-wheel, refresh1, repeat1, busy, wait, arrow" d="M1024 576h-384l143.53 143.53c-72.53 72.526-168.96 112.47-271.53 112.47s-199-39.944-271.53-112.47c-72.526-72.53-112.47-168.96-112.47-271.53s39.944-199 112.47-271.53c72.53-72.526 168.96-112.47 271.53-112.47s199 39.944 271.528 112.472c6.056 6.054 11.86 12.292 17.456 18.668l96.32-84.282c-93.846-107.166-231.664-174.858-385.304-174.858-282.77 0-512 229.23-512 512s229.23 512 512 512c141.386 0 269.368-57.326 362.016-149.984l149.984 149.984v-384z" /> </font></defs></svg> \ No newline at end of file diff --git a/source/icons/fonts/pirati-ui.ttf b/source/icons/fonts/pirati-ui.ttf index 74bfba22f64f46c3257df2eb0b93c05526bdad89..00cd570d9afe5edc7d2563b21f22d8a5688078ef 100644 Binary files a/source/icons/fonts/pirati-ui.ttf and b/source/icons/fonts/pirati-ui.ttf differ diff --git a/source/icons/fonts/pirati-ui.woff b/source/icons/fonts/pirati-ui.woff index 50076646ad5be66a6f107e9c6cff3f6c5c148603..8b92322af534f6500a8102759c4588997ac516d5 100644 Binary files a/source/icons/fonts/pirati-ui.woff and b/source/icons/fonts/pirati-ui.woff differ diff --git a/source/icons/selection.json b/source/icons/selection.json index 31ad4bf0a6431512ab6ad00625ebc47db5548459..f7a8d2c336cd5f2cd2b2be41bb0bea9601a2fd66 100644 --- a/source/icons/selection.json +++ b/source/icons/selection.json @@ -1 +1 @@ -{"IcoMoonType":"selection","icons":[{"icon":{"paths":["M704 1008c0-8.832-7.168-16-16-16h-576c-8.832 0-16 7.168-16 16s7.168 16 16 16h576c8.832 0 16-7.168 16-16zM40.768 299.328c-13.376 8.896-33.664 35.968-14.432 74.432 15.968 31.904 49.28 70.944 84.704 81.248 18.048 5.312 35.84 3.104 51.36-6.272 35.168-21.056 76.704-49.536 94.304-61.76 22.208 11.232 50.24 13.568 78.72 6.24 0.128-0.032 0.256-0.096 0.384-0.128-1.664 52.832-19.552 85.824-107.008 167.040-77.952 72.352-124.192 167.392-123.744 254.272 0.32 56.992 21.088 105.92 60.16 141.408 2.976 2.72 6.816 4.192 10.784 4.192h448c8.832 0 16-7.168 16-16s-7.168-16-16-16h-441.632c-29.408-28.96-45.024-68.16-45.28-113.76-0.416-76.864 43.104-165.28 113.504-230.656 93.28-86.592 117.408-127.616 117.408-199.584 0-1.312-0.448-2.464-0.736-3.68 17.504-9.44 32.64-21.92 42.976-37.024 12.96-18.88 40.864-67.36 20.16-110.272-3.84-7.904-13.408-11.264-21.376-7.424-7.936 3.84-11.296 13.408-7.424 21.376 9.312 19.296 2.688 48.544-17.728 78.24-11.776 17.152-32.832 31.008-56.352 37.024-23.904 6.112-46.624 3.424-62.464-7.424-5.536-3.776-12.8-3.744-18.272 0.128-0.576 0.384-56.864 40.032-100.768 66.368-8.032 4.8-16.512 5.824-25.984 3.008-24.768-7.232-52-38.784-65.024-64.832-10.528-21.056 0.256-31.104 5.152-34.688 110.304-95.264 165.664-194.24 167.936-198.432 2.112-3.904 2.56-8.512 1.152-12.768-0.16-0.48-11.2-34.016-17.28-65.056 33.472 20.16 91.040 48.32 150.976 48.32 83.328 0 277.056 31.104 277.056 319.232 0 1.568-0.288 158.208-63.040 330.464-3.040 8.288 1.248 17.472 9.568 20.512 1.824 0.608 3.648 0.928 5.472 0.928 6.528 0 12.672-4.032 15.040-10.528 64.672-177.536 64.992-334.912 64.96-341.472 0-325.856-236.576-351.168-309.056-351.168-80.288 0-160.384-60.896-161.152-61.536-4.896-3.68-11.36-4.288-16.864-1.632-5.472 2.688-8.928 8.256-8.928 14.336 0 31.392 14.88 82.176 20.672 100.704-13.376 22.336-66.112 104.992-155.904 182.624zM559.52 49.28c-51.232-34.528-108.512-49.28-191.52-49.28-8.832 0-16 7.168-16 16s7.168 16 16 16c76.16 0 128.096 13.088 173.664 43.808 74.048 49.984 162.336 149.568 162.336 340.192 0 46.432 0 110.016-31.52 236.128-2.112 8.576 3.072 17.248 11.648 19.392 1.312 0.32 2.592 0.48 3.872 0.48 7.2 0 13.728-4.832 15.52-12.128 32.48-129.888 32.48-195.776 32.48-243.872 0-204.672-95.968-312.416-176.48-366.72z"],"attrs":[{}],"width":736,"isMulticolor":false,"isMulticolor2":false,"tags":["strategy","horse","chess","piece"],"grid":32},"attrs":[{}],"properties":{"order":1,"id":0,"prevSize":32,"code":59698,"name":"strategy"},"setIdx":0,"setId":14,"iconIdx":0},{"icon":{"paths":["M789.568 701.088c0 0 106.56-72.896 106.56-216.672 0-214.016-226.816-293.152-348.768-291.040-121.984 2.144-158.336 34.24-158.336 34.24s-41.504-30.176-85.504-55.456c-33.664-13.12-41.472-15.008-64.864-7.488-18.72 0-6.944 31.168 0.576 42.4 7.456 11.232 43.712 73.28 43.712 73.28s-76.096 78.368-81.728 129.888c0-0.928-35.84-0.288-55.488-0.288s-17.792 21.408-17.792 21.408l0.544 150.848c0 0-1.216 21.408 16.608 21.408 17.792 0 55.616 0.416 55.616 0.416s53.216 77.28 86.944 91.328c0 0.928-29.152 80.096-29.152 80.096s-14.048 24.352 11.232 33.728c25.28 9.344 91.232 37.024 119.328 45.472 28.064 8.416 32.096-10.688 32.096-10.688l27.808-60.064 181.92 0.288 27.808 61.92c0 0 5.344 28.736 42.784 12.832 37.472-15.904 78.368-34.784 109.28-50.688 30.88-15.904 10.56-45.632 10.56-45.632l-31.744-61.536zM298.304 440.448c-17.056 0-30.88-13.856-30.88-30.912s13.824-30.88 30.88-30.88 30.912 13.824 30.912 30.88-13.856 30.912-30.912 30.912zM733.6 344.192c-9.856 11.68-16.288 3.072-24.224 0.736 0 0-33.632-31.2-83.040-45.76-51.168-15.040-105.024-7.776-105.024-7.776-7.936-2.336-17.568-2.592-17.632-14.848 0.416-15.136 18.784-15.264 18.56-15.776 0 0 60.608-5.6 111.328 9.312 49.888 14.656 88 46.528 88 46.528s20.384 14.048 12.032 27.584z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["pig","money","bank"],"grid":32},"attrs":[{}],"properties":{"order":1,"id":0,"name":"pig","prevSize":32,"code":59688},"setIdx":4,"setId":9,"iconIdx":0},{"icon":{"paths":["M543.553 741.306c37.519 13.052 64.447 48.728 64.447 90.694 0 53.019-42.981 96-96 96s-96-42.981-96-96c0-41.961 26.922-77.635 64.435-90.69-0.286-1.727-0.435-3.5-0.435-5.309v-480.003c0-17.448 14.327-31.999 32-31.999 17.796 0 32 14.326 32 31.999v480.003c0 1.803-0.153 3.576-0.447 5.305v0zM576 721.124v-593.009c0-35.41-28.407-64.115-64-64.115-35.346 0-64 28.472-64 64.115v593.009c-38.259 22.132-64 63.498-64 110.876 0 70.692 57.308 128 128 128s128-57.308 128-128c0-47.378-25.741-88.744-64-110.876zM638.996 687.997c39.862 35.181 65.004 86.656 65.004 144.003 0 106.039-85.961 192-192 192s-192-85.961-192-192c0-57.346 25.141-108.82 65.002-144.002-0.661-5.27-1.002-10.639-1.002-16.088v-543.82c0-70.556 57.308-128.090 128-128.090 70.549 0 128 57.348 128 128.090v543.82c0 5.447-0.342 10.816-1.004 16.087v0 0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["thermometer-three-quarters"],"grid":32},"attrs":[{}],"properties":{"order":1,"id":0,"name":"thermometer","prevSize":32,"code":59658},"setIdx":9,"setId":4,"iconIdx":0},{"icon":{"paths":["M458.203 133.565c-109.449 0-211.478 42.667-287.536 118.725-77.913 76.058-120.58 179.942-120.58 287.536 0 109.449 42.667 211.478 118.725 289.391 77.913 76.058 179.942 118.725 287.536 118.725 109.449 0 211.478-42.667 287.536-118.725 77.913-76.058 118.725-179.942 118.725-287.536 0-109.449-42.667-211.478-118.725-287.536-74.203-79.768-176.232-120.58-285.681-120.58zM458.203 908.986c-204.058 0-369.159-165.101-369.159-369.159s165.101-369.159 369.159-369.159c204.058 0 369.159 165.101 369.159 369.159s-165.101 369.159-369.159 369.159z","M335.768 298.667v-57.507h-35.246v66.783c-24.116 7.42-38.957 14.841-35.246 20.406 7.42-1.855 20.406-3.71 35.246-1.855v341.333c-37.101 70.493 16.696 179.942 16.696 179.942s-38.957-116.87 48.232-172.522c79.768-50.087 358.029-27.826 356.174-183.652-1.855-220.754-257.855-220.754-385.855-192.928zM448.928 513.855c-12.986 59.362-76.058 89.043-115.014 115.014v-298.667c64.928 14.841 140.986 64.928 115.014 183.652z"],"attrs":[{},{}],"width":968,"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["logo"]},"attrs":[{},{}],"properties":{"order":42,"id":0,"name":"pirati","prevSize":32,"code":59661},"setIdx":1,"setId":13,"iconIdx":0},{"icon":{"paths":["M994.848 653.784c-58.718 0-109.37 35.183-132.020 85.575h-183.898l-72.283-228.341 73.252-227.035h182.664c22.489 50.736 73.322 86.245 132.285 86.245 79.789 0 144.685-64.908 144.685-144.691s-64.9-144.685-144.685-144.685c-56.185 0-104.953 32.216-128.915 79.128h-230.524c-0.002 0-0.004 0-0.008 0-27.142 0-50.216 17.435-58.626 41.723l-0.133 0.436-83.594 247.536h-204.86c-22.127-51.614-73.405-87.843-133.036-87.843-79.769 0-144.685 64.9-144.685 144.685 0 79.769 64.915 144.669 144.685 144.669 55.549 0 103.843-31.476 128.078-77.501h208.838l83.616 247.536c8.523 24.715 31.583 42.159 58.717 42.159 0.010 0 0.022 0 0.027 0h231.176c23.823 47.274 72.793 79.769 129.228 79.769 79.789 0 144.685-64.9 144.685-144.685 0-79.769-64.9-144.669-144.685-144.669zM994.848 158.35c37.045 0 67.183 30.143 67.183 67.183s-30.143 67.183-67.183 67.183c-37.046 0-67.162-30.151-67.162-67.183 0-37.045 30.116-67.183 67.162-67.183zM155.163 573.674c-37.045 0-67.162-30.143-67.162-67.162 0-37.052 30.116-67.183 67.162-67.183s67.183 30.137 67.183 67.183c0 37.017-30.143 67.162-67.183 67.162zM994.848 865.63c-37.045 0-67.162-30.143-67.162-67.183s30.116-67.162 67.162-67.162c37.046 0 67.183 30.116 67.183 67.162s-30.143 67.183-67.183 67.183z"],"attrs":[],"width":1150,"grid":0,"tags":["stackshare"],"isMulticolor":false,"isMulticolor2":false,"colorPermutations":{}},"attrs":[],"properties":{"order":5,"id":0,"name":"stackshare","prevSize":32,"code":59663,"codes":[59663,59665]},"setIdx":5,"setId":8,"iconIdx":0},{"icon":{"paths":["M512 16.288c-282.304 0-512 229.696-512 512 0 210.624 132.032 402.432 328.448 477.248 8.192 3.264 17.408 2.752 25.344-1.088 7.936-3.904 13.952-10.816 16.576-19.264l96-306.56c4.544-14.528-1.728-30.272-15.040-37.568-41.536-22.912-67.328-66.112-67.328-112.768 0-70.592 57.408-128 128-128s128 57.408 128 128c0 46.656-25.792 89.856-67.328 112.832-13.312 7.296-19.648 23.040-15.040 37.568l96 306.56c2.624 8.448 8.64 15.36 16.576 19.264 4.416 2.112 9.216 3.2 13.952 3.2 3.84 0 7.744-0.704 11.392-2.112 196.48-74.88 328.448-266.688 328.448-477.312 0-282.304-229.696-512-512-512z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["open-source"]},"attrs":[{}],"properties":{"order":4,"id":0,"name":"open-source","prevSize":32,"code":59662},"setIdx":6,"setId":7,"iconIdx":0},{"icon":{"paths":["M1014.88 926.496c12.192 12.192 12.192 31.968 0 44.192l-44.192 44.192c-12.224 12.192-32 12.192-44.192 0l-309.376-309.376c-3.36-3.36-5.6-7.328-7.104-11.552-63.456 46.368-141.376 74.048-226.016 74.048-212.064 0-384-171.936-384-384s171.936-384 384-384c212.064 0 384 171.936 384 384 0 84.64-27.68 162.56-74.048 226.016 4.224 1.504 8.192 3.712 11.552 7.104l309.376 309.376zM384 128c-141.376 0-256 114.624-256 256s114.624 256 256 256 256-114.624 256-256c0-141.376-114.624-256-256-256z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["search","zoom","magnifier","magnifying glass"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":0,"prevSize":32,"name":"search","code":59667},"setIdx":2,"setId":12,"iconIdx":0},{"icon":{"paths":["M1014.662 822.66c-0.004-0.004-0.008-0.008-0.012-0.010l-310.644-310.65 310.644-310.65c0.004-0.004 0.008-0.006 0.012-0.010 3.344-3.346 5.762-7.254 7.312-11.416 4.246-11.376 1.824-24.682-7.324-33.83l-146.746-146.746c-9.148-9.146-22.45-11.566-33.828-7.32-4.16 1.55-8.070 3.968-11.418 7.31 0 0.004-0.004 0.006-0.008 0.010l-310.648 310.652-310.648-310.65c-0.004-0.004-0.006-0.006-0.010-0.010-3.346-3.342-7.254-5.76-11.414-7.31-11.38-4.248-24.682-1.826-33.83 7.32l-146.748 146.748c-9.148 9.148-11.568 22.452-7.322 33.828 1.552 4.16 3.97 8.072 7.312 11.416 0.004 0.002 0.006 0.006 0.010 0.010l310.65 310.648-310.65 310.652c-0.002 0.004-0.006 0.006-0.008 0.010-3.342 3.346-5.76 7.254-7.314 11.414-4.248 11.376-1.826 24.682 7.322 33.83l146.748 146.746c9.15 9.148 22.452 11.568 33.83 7.322 4.16-1.552 8.070-3.97 11.416-7.312 0.002-0.004 0.006-0.006 0.010-0.010l310.648-310.65 310.648 310.65c0.004 0.002 0.008 0.006 0.012 0.008 3.348 3.344 7.254 5.762 11.414 7.314 11.378 4.246 24.684 1.826 33.828-7.322l146.746-146.748c9.148-9.148 11.57-22.454 7.324-33.83-1.552-4.16-3.97-8.068-7.314-11.414z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["cross","cancel","close","quit","remove"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":34,"prevSize":32,"name":"cross","code":59703},"setIdx":13,"setId":0,"iconIdx":0},{"icon":{"paths":["M896 0h-768c-70.4 0-128 57.6-128 128v768c0 70.4 57.6 128 128 128h768c70.4 0 128-57.6 128-128v-768c0-70.4-57.6-128-128-128zM448 794.51l-237.254-237.256 90.51-90.508 146.744 146.744 306.746-306.746 90.508 90.51-397.254 397.256z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["checkbox-checked","checkbox","tick","checked","selected"],"grid":16},"attrs":[{}],"properties":{"order":2,"id":33,"prevSize":32,"name":"checkbox-checked","code":59704},"setIdx":13,"setId":0,"iconIdx":1},{"icon":{"paths":["M0 1024c128-384 463-1024 1024-1024-263 211-384 704-576 704s-192 0-192 0l-192 320h-64z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["quill","feather","write","edit"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":32,"name":"quill, feather, write, edit","prevSize":32,"code":59705},"setIdx":13,"setId":0,"iconIdx":2},{"icon":{"paths":["M480 64c-265.096 0-480 214.904-480 480 0 265.098 214.904 480 480 480 265.098 0 480-214.902 480-480 0-265.096-214.902-480-480-480zM751.59 704c8.58-40.454 13.996-83.392 15.758-128h127.446c-3.336 44.196-13.624 87.114-30.68 128h-112.524zM208.41 384c-8.58 40.454-13.996 83.392-15.758 128h-127.444c3.336-44.194 13.622-87.114 30.678-128h112.524zM686.036 384c9.614 40.962 15.398 83.854 17.28 128h-191.316v-128h174.036zM512 320v-187.338c14.59 4.246 29.044 11.37 43.228 21.37 26.582 18.74 52.012 47.608 73.54 83.486 14.882 24.802 27.752 52.416 38.496 82.484h-155.264zM331.232 237.516c21.528-35.878 46.956-64.748 73.54-83.486 14.182-10 28.638-17.124 43.228-21.37v187.34h-155.264c10.746-30.066 23.616-57.68 38.496-82.484zM448 384v128h-191.314c1.88-44.146 7.666-87.038 17.278-128h174.036zM95.888 704c-17.056-40.886-27.342-83.804-30.678-128h127.444c1.762 44.608 7.178 87.546 15.758 128h-112.524zM256.686 576h191.314v128h-174.036c-9.612-40.96-15.398-83.854-17.278-128zM448 768v187.34c-14.588-4.246-29.044-11.372-43.228-21.37-26.584-18.74-52.014-47.61-73.54-83.486-14.882-24.804-27.75-52.418-38.498-82.484h155.266zM628.768 850.484c-21.528 35.876-46.958 64.746-73.54 83.486-14.184 9.998-28.638 17.124-43.228 21.37v-187.34h155.266c-10.746 30.066-23.616 57.68-38.498 82.484zM512 704v-128h191.314c-1.88 44.146-7.666 87.040-17.28 128h-174.034zM767.348 512c-1.762-44.608-7.178-87.546-15.758-128h112.524c17.056 40.886 27.344 83.806 30.68 128h-127.446zM830.658 320h-95.9c-18.638-58.762-44.376-110.294-75.316-151.428 42.536 20.34 81.058 47.616 114.714 81.272 21.48 21.478 40.362 44.938 56.502 70.156zM185.844 249.844c33.658-33.658 72.18-60.932 114.714-81.272-30.942 41.134-56.676 92.666-75.316 151.428h-95.898c16.138-25.218 35.022-48.678 56.5-70.156zM129.344 768h95.898c18.64 58.762 44.376 110.294 75.318 151.43-42.536-20.34-81.058-47.616-114.714-81.274-21.48-21.478-40.364-44.938-56.502-70.156zM774.156 838.156c-33.656 33.658-72.18 60.934-114.714 81.274 30.942-41.134 56.678-92.668 75.316-151.43h95.9c-16.14 25.218-35.022 48.678-56.502 70.156z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["sphere","globe","internet"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":31,"name":"sphere, globe, internet","prevSize":32,"code":59706},"setIdx":13,"setId":0,"iconIdx":3},{"icon":{"paths":["M966.8 233.6c0 3.2-1 6.2-3 9-2 2.6-4.2 4-6.8 4-20 2-36.4 8.4-49 19.2-12.8 10.8-25.8 31.8-39.2 62.4l-206.4 465.4c-1.4 4.4-5.2 6.4-11.4 6.4-4.8 0-8.6-2.2-11.4-6.4l-115.8-242-133.2 242c-2.8 4.4-6.4 6.4-11.4 6.4-6 0-9.8-2.2-11.8-6.4l-202.6-465.2c-12.6-28.8-26-49-40-60.4s-33.6-18.6-58.6-21.2c-2.2 0-4.2-1.2-6-3.4-2-2.2-2.8-4.8-2.8-7.8 0-7.6 2.2-11.4 6.4-11.4 18 0 37 0.8 56.8 2.4 18.4 1.6 35.6 2.4 51.8 2.4 16.4 0 36-0.8 58.4-2.4 23.4-1.6 44.2-2.4 62.4-2.4 4.4 0 6.4 3.8 6.4 11.4s-1.4 11.2-4 11.2c-18 1.4-32.4 6-42.8 13.8s-15.6 18-15.6 30.8c0 6.4 2.2 14.6 6.4 24.2l167.4 378.4 95.2-179.6-88.6-185.8c-16-33.2-29-54.6-39.2-64.2s-25.8-15.4-46.6-17.6c-2 0-3.6-1.2-5.4-3.4s-2.6-4.8-2.6-7.8c0-7.6 1.8-11.4 5.6-11.4 18 0 34.6 0.8 49.8 2.4 14.6 1.6 30 2.4 46.6 2.4 16.2 0 33.2-0.8 51.4-2.4 18.6-1.6 37-2.4 55-2.4 4.4 0 6.4 3.8 6.4 11.4s-1.2 11.2-4 11.2c-36.2 2.4-54.2 12.8-54.2 30.8 0 8 4.2 20.6 12.6 37.6l58.6 119 58.4-108.8c8-15.4 12.2-28.4 12.2-38.8 0-24.8-18-38-54.2-39.6-3.2 0-4.8-3.8-4.8-11.2 0-2.8 0.8-5.2 2.4-7.6s3.2-3.6 4.8-3.6c13 0 28.8 0.8 47.8 2.4 18 1.6 33 2.4 44.6 2.4 8.4 0 20.6-0.8 36.8-2 20.4-1.8 37.6-2.8 51.4-2.8 3.2 0 4.8 3.2 4.8 9.6 0 8.6-3 13-8.8 13-21 2.2-38 8-50.8 17.4s-28.8 30.8-48 64.4l-78.2 143.2 105.2 214.4 155.4-361.4c5.4-13.2 8-25.4 8-36.4 0-26.4-18-40.4-54.2-42.2-3.2 0-4.8-3.8-4.8-11.2 0-7.6 2.4-11.4 7.2-11.4 13.2 0 28.8 0.8 47 2.4 16.8 1.6 30.8 2.4 42 2.4 12 0 25.6-0.8 41.2-2.4 16.2-1.6 30.8-2.4 43.8-2.4 4 0 6 3.2 6 9.6z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["wikipedia","brand"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":30,"name":"wikipedia, brand","prevSize":32,"code":59707},"setIdx":13,"setId":0,"iconIdx":4},{"icon":{"paths":["M1013.8 307.2c0 0-10-70.6-40.8-101.6-39-40.8-82.6-41-102.6-43.4-143.2-10.4-358.2-10.4-358.2-10.4h-0.4c0 0-215 0-358.2 10.4-20 2.4-63.6 2.6-102.6 43.4-30.8 31-40.6 101.6-40.6 101.6s-10.2 82.8-10.2 165.8v77.6c0 82.8 10.2 165.8 10.2 165.8s10 70.6 40.6 101.6c39 40.8 90.2 39.4 113 43.8 82 7.8 348.2 10.2 348.2 10.2s215.2-0.4 358.4-10.6c20-2.4 63.6-2.6 102.6-43.4 30.8-31 40.8-101.6 40.8-101.6s10.2-82.8 10.2-165.8v-77.6c-0.2-82.8-10.4-165.8-10.4-165.8zM406.2 644.8v-287.8l276.6 144.4-276.6 143.4z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["youtube","brand","social"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":29,"prevSize":32,"code":59702,"name":"youtube"},"setIdx":13,"setId":0,"iconIdx":5},{"icon":{"paths":["M768 770.612v-52.78c70.498-39.728 128-138.772 128-237.832 0-159.058 0-288-192-288s-192 128.942-192 288c0 99.060 57.502 198.104 128 237.832v52.78c-217.102 17.748-384 124.42-384 253.388h896c0-128.968-166.898-235.64-384-253.388z","M327.196 795.328c55.31-36.15 124.080-63.636 199.788-80.414-15.054-17.784-28.708-37.622-40.492-59.020-30.414-55.234-46.492-116.058-46.492-175.894 0-86.042 0-167.31 30.6-233.762 29.706-64.504 83.128-104.496 159.222-119.488-16.914-76.48-61.94-126.75-181.822-126.75-192 0-192 128.942-192 288 0 99.060 57.502 198.104 128 237.832v52.78c-217.102 17.748-384 124.42-384 253.388h279.006c14.518-12.91 30.596-25.172 48.19-36.672z"],"attrs":[{},{}],"width":1152,"isMulticolor":false,"isMulticolor2":false,"tags":["users","group","team","members","community","collaborate"],"grid":16},"attrs":[{},{}],"properties":{"order":1,"id":28,"name":"users, group, team, members, community, collaborate","prevSize":32,"code":59700},"setIdx":13,"setId":0,"iconIdx":6},{"icon":{"paths":["M896 128v832h-672c-53.026 0-96-42.98-96-96s42.974-96 96-96h608v-768h-640c-70.398 0-128 57.6-128 128v768c0 70.4 57.602 128 128 128h768v-896h-64z","M224.056 832v0c-0.018 0.002-0.038 0-0.056 0-17.672 0-32 14.326-32 32s14.328 32 32 32c0.018 0 0.038-0.002 0.056-0.002v0.002h607.89v-64h-607.89z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"tags":["book","read","reading"],"grid":16},"attrs":[{},{}],"properties":{"order":2,"id":27,"name":"book, read, reading","prevSize":32,"code":59701},"setIdx":13,"setId":0,"iconIdx":7},{"icon":{"paths":["M480 0v0c265.096 0 480 173.914 480 388.448s-214.904 388.448-480 388.448c-25.458 0-50.446-1.62-74.834-4.71-103.106 102.694-222.172 121.108-341.166 123.814v-25.134c64.252-31.354 116-88.466 116-153.734 0-9.106-0.712-18.048-2.030-26.794-108.558-71.214-177.97-179.988-177.97-301.89 0-214.534 214.904-388.448 480-388.448zM996 870.686c0 55.942 36.314 104.898 92 131.772v21.542c-103.126-2.318-197.786-18.102-287.142-106.126-21.14 2.65-42.794 4.040-64.858 4.040-95.47 0-183.408-25.758-253.614-69.040 144.674-0.506 281.26-46.854 384.834-130.672 52.208-42.252 93.394-91.826 122.414-147.348 30.766-58.866 46.366-121.582 46.366-186.406 0-10.448-0.45-20.836-1.258-31.168 72.57 59.934 117.258 141.622 117.258 231.676 0 104.488-60.158 197.722-154.24 258.764-1.142 7.496-1.76 15.16-1.76 22.966z"],"attrs":[{}],"width":1152,"isMulticolor":false,"isMulticolor2":false,"tags":["bubbles","comments","chat","talk"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":26,"prevSize":32,"code":59696,"name":"bubbles"},"setIdx":13,"setId":0,"iconIdx":8},{"icon":{"paths":["M0 192l320-128v768l-320 128z","M384 32l320 192v736l-320-160z","M768 224l256-192v768l-256 192z"],"attrs":[{},{},{}],"isMulticolor":false,"isMulticolor2":false,"tags":["map","guide"],"grid":16},"attrs":[{},{},{}],"properties":{"order":1,"id":25,"name":"map","prevSize":32,"code":59668},"setIdx":13,"setId":0,"iconIdx":9},{"icon":{"paths":["M512 0c-282.77 0-512 229.23-512 512s229.23 512 512 512 512-229.23 512-512-229.23-512-512-512zM96 512c0-229.75 186.25-416 416-416 109.574 0 209.232 42.386 283.534 111.628l-411.534 176.372-176.372 411.534c-69.242-74.302-111.628-173.96-111.628-283.534zM585.166 585.166l-256.082 109.75 109.75-256.082 146.332 146.332zM512 928c-109.574 0-209.234-42.386-283.532-111.628l411.532-176.372 176.372-411.532c69.242 74.298 111.628 173.958 111.628 283.532 0 229.75-186.25 416-416 416z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["compass","direction","location"],"grid":16},"attrs":[{}],"properties":{"order":2,"id":24,"name":"compass","prevSize":32,"code":59669},"setIdx":13,"setId":0,"iconIdx":10},{"icon":{"paths":["M832 960l192-512h-832l-192 512zM128 384l-128 576v-832h288l128 128h416v128z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["folder-open","directory","category","browse"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":23,"name":"folder-open","prevSize":32,"code":59670},"setIdx":13,"setId":0,"iconIdx":11},{"icon":{"paths":["M448 128l128 128h448v704h-1024v-832z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["folder","directory","category","browse"],"grid":16},"attrs":[{}],"properties":{"order":2,"id":22,"name":"folder","prevSize":32,"code":59671},"setIdx":13,"setId":0,"iconIdx":12},{"icon":{"paths":["M1016.988 652.010l-256-320c-6.074-7.592-15.266-12.010-24.988-12.010h-448c-9.72 0-18.916 4.418-24.988 12.010l-256 320c-4.538 5.674-7.012 12.724-7.012 19.99v288c0 35.346 28.654 64 64 64h896c35.348 0 64-28.654 64-64v-288c0-7.266-2.472-14.316-7.012-19.99zM960 704h-224l-128 128h-192l-128-128h-224v-20.776l239.38-299.224h417.24l239.38 299.224v20.776z","M736 512h-448c-17.672 0-32-14.328-32-32s14.328-32 32-32h448c17.674 0 32 14.328 32 32s-14.326 32-32 32z","M800 640h-576c-17.672 0-32-14.326-32-32s14.328-32 32-32h576c17.674 0 32 14.326 32 32s-14.326 32-32 32z"],"attrs":[{},{},{}],"isMulticolor":false,"isMulticolor2":false,"tags":["drawer","box","inbox","archive","category"],"grid":16},"attrs":[{},{},{}],"properties":{"order":3,"id":21,"name":"drawer","prevSize":32,"code":59672},"setIdx":13,"setId":0,"iconIdx":13},{"icon":{"paths":["M128 128h768v768h-768z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["stop","player","square"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":20,"name":"stop","prevSize":32,"code":59673},"setIdx":13,"setId":0,"iconIdx":14},{"icon":{"paths":["M512.008 12.642c-282.738 0-512.008 229.218-512.008 511.998 0 226.214 146.704 418.132 350.136 485.836 25.586 4.738 34.992-11.11 34.992-24.632 0-12.204-0.48-52.542-0.696-95.324-142.448 30.976-172.504-60.41-172.504-60.41-23.282-59.176-56.848-74.916-56.848-74.916-46.452-31.778 3.51-31.124 3.51-31.124 51.4 3.61 78.476 52.766 78.476 52.766 45.672 78.27 119.776 55.64 149.004 42.558 4.588-33.086 17.852-55.68 32.506-68.464-113.73-12.942-233.276-56.85-233.276-253.032 0-55.898 20.004-101.574 52.76-137.428-5.316-12.9-22.854-64.972 4.952-135.5 0 0 43.006-13.752 140.84 52.49 40.836-11.348 84.636-17.036 128.154-17.234 43.502 0.198 87.336 5.886 128.256 17.234 97.734-66.244 140.656-52.49 140.656-52.49 27.872 70.528 10.35 122.6 5.036 135.5 32.82 35.856 52.694 81.532 52.694 137.428 0 196.654-119.778 239.95-233.79 252.624 18.364 15.89 34.724 47.046 34.724 94.812 0 68.508-0.596 123.644-0.596 140.508 0 13.628 9.222 29.594 35.172 24.566 203.322-67.776 349.842-259.626 349.842-485.768 0-282.78-229.234-511.998-511.992-511.998z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["github","brand","octacat","social"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":19,"name":"github","prevSize":32,"code":59674},"setIdx":13,"setId":0,"iconIdx":15},{"icon":{"paths":["M658.744 749.256l-210.744-210.746v-282.51h128v229.49l173.256 173.254zM512 0c-282.77 0-512 229.23-512 512s229.23 512 512 512 512-229.23 512-512-229.23-512-512-512zM512 896c-212.078 0-384-171.922-384-384s171.922-384 384-384c212.078 0 384 171.922 384 384s-171.922 384-384 384z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["clock","time","schedule"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":18,"name":"clock","prevSize":32,"code":59675},"setIdx":13,"setId":0,"iconIdx":16},{"icon":{"paths":["M320 384h128v128h-128zM512 384h128v128h-128zM704 384h128v128h-128zM128 768h128v128h-128zM320 768h128v128h-128zM512 768h128v128h-128zM320 576h128v128h-128zM512 576h128v128h-128zM704 576h128v128h-128zM128 576h128v128h-128zM832 0v64h-128v-64h-448v64h-128v-64h-128v1024h960v-1024h-128zM896 960h-832v-704h832v704z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["calendar","date","schedule","time","day"],"grid":16},"attrs":[{}],"properties":{"order":2,"id":17,"name":"calendar","prevSize":32,"code":59676},"setIdx":13,"setId":0,"iconIdx":17},{"icon":{"paths":["M928 0h-832c-52.8 0-96 43.2-96 96v832c0 52.8 43.2 96 96 96h832c52.8 0 96-43.2 96-96v-832c0-52.8-43.2-96-96-96zM288 672c-88.4 0-160-71.6-160-160s71.6-160 160-160 160 71.6 160 160-71.6 160-160 160zM736 672c-88.4 0-160-71.6-160-160s71.6-160 160-160c88.4 0 160 71.6 160 160s-71.6 160-160 160z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["flickr","brand","social"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":16,"name":"flickr","prevSize":32,"code":59677},"setIdx":13,"setId":0,"iconIdx":18},{"icon":{"paths":["M512 92.2c136.8 0 153 0.6 206.8 3 50 2.2 77 10.6 95 17.6 23.8 9.2 41 20.4 58.8 38.2 18 18 29 35 38.4 58.8 7 18 15.4 45.2 17.6 95 2.4 54 3 70.2 3 206.8s-0.6 153-3 206.8c-2.2 50-10.6 77-17.6 95-9.2 23.8-20.4 41-38.2 58.8-18 18-35 29-58.8 38.4-18 7-45.2 15.4-95 17.6-54 2.4-70.2 3-206.8 3s-153-0.6-206.8-3c-50-2.2-77-10.6-95-17.6-23.8-9.2-41-20.4-58.8-38.2-18-18-29-35-38.4-58.8-7-18-15.4-45.2-17.6-95-2.4-54-3-70.2-3-206.8s0.6-153 3-206.8c2.2-50 10.6-77 17.6-95 9.2-23.8 20.4-41 38.2-58.8 18-18 35-29 58.8-38.4 18-7 45.2-15.4 95-17.6 53.8-2.4 70-3 206.8-3zM512 0c-139 0-156.4 0.6-211 3-54.4 2.4-91.8 11.2-124.2 23.8-33.8 13.2-62.4 30.6-90.8 59.2-28.6 28.4-46 57-59.2 90.6-12.6 32.6-21.4 69.8-23.8 124.2-2.4 54.8-3 72.2-3 211.2s0.6 156.4 3 211c2.4 54.4 11.2 91.8 23.8 124.2 13.2 33.8 30.6 62.4 59.2 90.8 28.4 28.4 57 46 90.6 59 32.6 12.6 69.8 21.4 124.2 23.8 54.6 2.4 72 3 211 3s156.4-0.6 211-3c54.4-2.4 91.8-11.2 124.2-23.8 33.6-13 62.2-30.6 90.6-59s46-57 59-90.6c12.6-32.6 21.4-69.8 23.8-124.2 2.4-54.6 3-72 3-211s-0.6-156.4-3-211c-2.4-54.4-11.2-91.8-23.8-124.2-12.6-34-30-62.6-58.6-91-28.4-28.4-57-46-90.6-59-32.6-12.6-69.8-21.4-124.2-23.8-54.8-2.6-72.2-3.2-211.2-3.2v0z","M512 249c-145.2 0-263 117.8-263 263s117.8 263 263 263 263-117.8 263-263c0-145.2-117.8-263-263-263zM512 682.6c-94.2 0-170.6-76.4-170.6-170.6s76.4-170.6 170.6-170.6c94.2 0 170.6 76.4 170.6 170.6s-76.4 170.6-170.6 170.6z","M846.8 238.6c0 33.91-27.49 61.4-61.4 61.4s-61.4-27.49-61.4-61.4c0-33.91 27.49-61.4 61.4-61.4s61.4 27.49 61.4 61.4z"],"attrs":[{},{},{}],"isMulticolor":false,"isMulticolor2":false,"tags":["instagram","brand","social"],"grid":16},"attrs":[{},{},{}],"properties":{"order":1,"id":15,"name":"instagram","prevSize":32,"code":59678},"setIdx":13,"setId":0,"iconIdx":19},{"icon":{"paths":["M1024 226.4c-37.6 16.8-78.2 28-120.6 33 43.4-26 76.6-67.2 92.4-116.2-40.6 24-85.6 41.6-133.4 51-38.4-40.8-93-66.2-153.4-66.2-116 0-210 94-210 210 0 16.4 1.8 32.4 5.4 47.8-174.6-8.8-329.4-92.4-433-219.6-18 31-28.4 67.2-28.4 105.6 0 72.8 37 137.2 93.4 174.8-34.4-1-66.8-10.6-95.2-26.2 0 0.8 0 1.8 0 2.6 0 101.8 72.4 186.8 168.6 206-17.6 4.8-36.2 7.4-55.4 7.4-13.6 0-26.6-1.4-39.6-3.8 26.8 83.4 104.4 144.2 196.2 146-72 56.4-162.4 90-261 90-17 0-33.6-1-50.2-3 93.2 59.8 203.6 94.4 322.2 94.4 386.4 0 597.8-320.2 597.8-597.8 0-9.2-0.2-18.2-0.6-27.2 41-29.4 76.6-66.4 104.8-108.6z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["twitter","brand","tweet","social"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":14,"name":"twitter","prevSize":32,"code":59679},"setIdx":13,"setId":0,"iconIdx":20},{"icon":{"paths":["M896 256v-128h-896v704c0 35.346 28.654 64 64 64h864c53.022 0 96-42.978 96-96v-544h-128zM832 832h-768v-640h768v640zM128 320h640v64h-640zM512 448h256v64h-256zM512 576h256v64h-256zM512 704h192v64h-192zM128 448h320v320h-320z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["newspaper","news","paper"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":13,"name":"newspaper","prevSize":32,"code":59680},"setIdx":13,"setId":0,"iconIdx":21},{"icon":{"paths":["M384 928c0 53.019-42.981 96-96 96s-96-42.981-96-96c0-53.019 42.981-96 96-96s96 42.981 96 96z","M1024 928c0 53.019-42.981 96-96 96s-96-42.981-96-96c0-53.019 42.981-96 96-96s96 42.981 96 96z","M1024 512v-384h-768c0-35.346-28.654-64-64-64h-192v64h128l48.074 412.054c-29.294 23.458-48.074 59.5-48.074 99.946 0 70.696 57.308 128 128 128h768v-64h-768c-35.346 0-64-28.654-64-64 0-0.218 0.014-0.436 0.016-0.656l831.984-127.344z"],"attrs":[{},{},{}],"isMulticolor":false,"isMulticolor2":false,"tags":["cart","purchase","ecommerce","shopping"],"grid":16},"attrs":[{},{},{}],"properties":{"order":1,"id":12,"name":"cart","prevSize":32,"code":59681},"setIdx":13,"setId":0,"iconIdx":22},{"icon":{"paths":["M1024 608l-192-192v-288h-128v160l-192-192-512 512v32h128v320h320v-192h128v192h320v-320h128z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["home","house"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":11,"name":"home","prevSize":32,"code":59682},"setIdx":13,"setId":0,"iconIdx":23},{"icon":{"paths":["M440.236 635.766c-13.31 0-26.616-5.076-36.77-15.23-95.134-95.136-95.134-249.934 0-345.070l192-192c46.088-46.086 107.36-71.466 172.534-71.466s126.448 25.38 172.536 71.464c95.132 95.136 95.132 249.934 0 345.070l-87.766 87.766c-20.308 20.308-53.23 20.308-73.54 0-20.306-20.306-20.306-53.232 0-73.54l87.766-87.766c54.584-54.586 54.584-143.404 0-197.99-26.442-26.442-61.6-41.004-98.996-41.004s-72.552 14.562-98.996 41.006l-192 191.998c-54.586 54.586-54.586 143.406 0 197.992 20.308 20.306 20.306 53.232 0 73.54-10.15 10.152-23.462 15.23-36.768 15.23z","M256 1012c-65.176 0-126.45-25.38-172.534-71.464-95.134-95.136-95.134-249.934 0-345.070l87.764-87.764c20.308-20.306 53.234-20.306 73.54 0 20.308 20.306 20.308 53.232 0 73.54l-87.764 87.764c-54.586 54.586-54.586 143.406 0 197.992 26.44 26.44 61.598 41.002 98.994 41.002s72.552-14.562 98.998-41.006l192-191.998c54.584-54.586 54.584-143.406 0-197.992-20.308-20.308-20.306-53.232 0-73.54 20.306-20.306 53.232-20.306 73.54 0.002 95.132 95.134 95.132 249.932 0.002 345.068l-192.002 192c-46.090 46.088-107.364 71.466-172.538 71.466z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"tags":["link","chain","url","uri","anchor"],"grid":16},"attrs":[{},{}],"properties":{"order":43,"id":10,"prevSize":32,"code":59666,"name":"link"},"setIdx":13,"setId":0,"iconIdx":24},{"icon":{"paths":["M384 0l-384 512h384l-256 512 896-640h-512l384-384z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["power","lightning","bolt","electricity"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":9,"prevSize":32,"code":59660,"name":"power"},"setIdx":13,"setId":0,"iconIdx":25},{"icon":{"paths":["M512 0c-176.732 0-320 143.268-320 320 0 320 320 704 320 704s320-384 320-704c0-176.732-143.27-320-320-320zM512 512c-106.040 0-192-85.96-192-192s85.96-192 192-192 192 85.96 192 192-85.96 192-192 192z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["location","map-marker","pin"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":6,"prevSize":32,"code":59654,"name":"location"},"setIdx":13,"setId":0,"iconIdx":28},{"icon":{"paths":["M704 640c-64 64-64 128-128 128s-128-64-192-128-128-128-128-192 64-64 128-128-128-256-192-256-192 192-192 192c0 128 131.5 387.5 256 512s384 256 512 256c0 0 192-128 192-192s-192-256-256-192z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["phone","telephone","contact","support","call"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":5,"name":"phone","prevSize":32,"code":59655},"setIdx":13,"setId":0,"iconIdx":29},{"icon":{"paths":["M928 0h-832c-52.8 0-96 43.2-96 96v832c0 52.8 43.2 96 96 96h832c52.8 0 96-43.2 96-96v-832c0-52.8-43.2-96-96-96zM384 832h-128v-448h128v448zM320 320c-35.4 0-64-28.6-64-64s28.6-64 64-64c35.4 0 64 28.6 64 64s-28.6 64-64 64zM832 832h-128v-256c0-35.4-28.6-64-64-64s-64 28.6-64 64v256h-128v-448h128v79.4c26.4-36.2 66.8-79.4 112-79.4 79.6 0 144 71.6 144 160v288z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["linkedin","brand","social"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":4,"prevSize":32,"code":59651,"name":"linkedin"},"setIdx":13,"setId":0,"iconIdx":30},{"icon":{"paths":["M512.008 12.642c-282.738 0-512.008 229.218-512.008 511.998 0 226.214 146.704 418.132 350.136 485.836 25.586 4.738 34.992-11.11 34.992-24.632 0-12.204-0.48-52.542-0.696-95.324-142.448 30.976-172.504-60.41-172.504-60.41-23.282-59.176-56.848-74.916-56.848-74.916-46.452-31.778 3.51-31.124 3.51-31.124 51.4 3.61 78.476 52.766 78.476 52.766 45.672 78.27 119.776 55.64 149.004 42.558 4.588-33.086 17.852-55.68 32.506-68.464-113.73-12.942-233.276-56.85-233.276-253.032 0-55.898 20.004-101.574 52.76-137.428-5.316-12.9-22.854-64.972 4.952-135.5 0 0 43.006-13.752 140.84 52.49 40.836-11.348 84.636-17.036 128.154-17.234 43.502 0.198 87.336 5.886 128.256 17.234 97.734-66.244 140.656-52.49 140.656-52.49 27.872 70.528 10.35 122.6 5.036 135.5 32.82 35.856 52.694 81.532 52.694 137.428 0 196.654-119.778 239.95-233.79 252.624 18.364 15.89 34.724 47.046 34.724 94.812 0 68.508-0.596 123.644-0.596 140.508 0 13.628 9.222 29.594 35.172 24.566 203.322-67.776 349.842-259.626 349.842-485.768 0-282.78-229.234-511.998-511.992-511.998z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["github","brand","octacat","social"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":3,"name":"github1","prevSize":32,"code":59652},"setIdx":13,"setId":0,"iconIdx":31},{"icon":{"paths":["M325.8 457.4v111.8h184.8c-7.4 48-55.8 140.6-184.8 140.6-111.2 0-202-92.2-202-205.8s90.8-205.8 202-205.8c63.4 0 105.6 27 129.8 50.2l88.4-85.2c-56.8-53-130.4-85.2-218.2-85.2-180.2 0.2-325.8 145.8-325.8 326s145.6 325.8 325.8 325.8c188 0 312.8-132.2 312.8-318.4 0-21.4-2.4-37.8-5.2-54h-307.6z","M1024 448h-96v-96h-96v96h-96v96h96v96h96v-96h96z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"tags":["google-plus","brand","social"],"grid":16},"attrs":[{},{}],"properties":{"order":1,"id":2,"prevSize":32,"code":59648,"name":"gplus"},"setIdx":13,"setId":0,"iconIdx":32},{"icon":{"paths":["M1024 226.4c-37.6 16.8-78.2 28-120.6 33 43.4-26 76.6-67.2 92.4-116.2-40.6 24-85.6 41.6-133.4 51-38.4-40.8-93-66.2-153.4-66.2-116 0-210 94-210 210 0 16.4 1.8 32.4 5.4 47.8-174.6-8.8-329.4-92.4-433-219.6-18 31-28.4 67.2-28.4 105.6 0 72.8 37 137.2 93.4 174.8-34.4-1-66.8-10.6-95.2-26.2 0 0.8 0 1.8 0 2.6 0 101.8 72.4 186.8 168.6 206-17.6 4.8-36.2 7.4-55.4 7.4-13.6 0-26.6-1.4-39.6-3.8 26.8 83.4 104.4 144.2 196.2 146-72 56.4-162.4 90-261 90-17 0-33.6-1-50.2-3 93.2 59.8 203.6 94.4 322.2 94.4 386.4 0 597.8-320.2 597.8-597.8 0-9.2-0.2-18.2-0.6-27.2 41-29.4 76.6-66.4 104.8-108.6z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["twitter","brand","tweet","social"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":1,"prevSize":32,"code":59649,"name":"twitter1"},"setIdx":13,"setId":0,"iconIdx":33},{"icon":{"paths":["M608 192h160v-192h-160c-123.514 0-224 100.486-224 224v96h-128v192h128v512h192v-512h160l32-192h-192v-96c0-17.346 14.654-32 32-32z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["facebook","brand","social"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":0,"name":"facebook","prevSize":32,"code":59650},"setIdx":13,"setId":0,"iconIdx":34},{"icon":{"paths":["M128 554.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 298.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 810.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["menu"],"grid":24},"attrs":[{}],"properties":{"order":1,"id":4,"prevSize":24,"code":59699,"name":"menu"},"setIdx":3,"setId":10,"iconIdx":0},{"icon":{"paths":["M414.165 798.165l256-256c16.683-16.683 16.683-43.691 0-60.331l-256-256c-16.683-16.683-43.691-16.683-60.331 0s-16.683 43.691 0 60.331l225.835 225.835-225.835 225.835c-16.683 16.683-16.683 43.691 0 60.331s43.691 16.683 60.331 0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["chevron-right"],"grid":24},"attrs":[{}],"properties":{"order":1,"id":3,"name":"chevron-right","prevSize":24,"code":59683},"setIdx":3,"setId":10,"iconIdx":1},{"icon":{"paths":["M670.165 737.835l-225.835-225.835 225.835-225.835c16.683-16.683 16.683-43.691 0-60.331s-43.691-16.683-60.331 0l-256 256c-16.683 16.683-16.683 43.691 0 60.331l256 256c16.683 16.683 43.691 16.683 60.331 0s16.683-43.691 0-60.331z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["chevron-left"],"grid":24},"attrs":[{}],"properties":{"order":2,"id":2,"name":"chevron-left","prevSize":24,"code":59684},"setIdx":3,"setId":10,"iconIdx":2},{"icon":{"paths":["M225.835 414.165l256 256c16.683 16.683 43.691 16.683 60.331 0l256-256c16.683-16.683 16.683-43.691 0-60.331s-43.691-16.683-60.331 0l-225.835 225.835-225.835-225.835c-16.683-16.683-43.691-16.683-60.331 0s-16.683 43.691 0 60.331z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["chevron-down"],"grid":24},"attrs":[{}],"properties":{"order":3,"id":1,"name":"chevron-down","prevSize":24,"code":59685},"setIdx":3,"setId":10,"iconIdx":3},{"icon":{"paths":["M798.165 609.835l-256-256c-16.683-16.683-43.691-16.683-60.331 0l-256 256c-16.683 16.683-16.683 43.691 0 60.331s43.691 16.683 60.331 0l225.835-225.835 225.835 225.835c16.683 16.683 43.691 16.683 60.331 0s16.683-43.691 0-60.331z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["chevron-up"],"grid":24},"attrs":[{}],"properties":{"order":4,"id":0,"name":"chevron-up","prevSize":24,"code":59686},"setIdx":3,"setId":10,"iconIdx":4},{"icon":{"paths":["M896 640v256h-256l98-98-124-122 62-62 122 124zM384 896h-256v-256l98 98 122-124 62 62-124 122zM128 384v-256h256l-98 98 124 122-62 62-122-124zM640 128h256v256l-98-98-122 124-62-62 124-122z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["zoom_out_map"],"grid":24},"attrs":[{}],"properties":{"order":1,"id":4,"prevSize":24,"name":"zoom_out_map","code":59687},"setIdx":7,"setId":6,"iconIdx":0},{"icon":{"paths":["M316 334l196 196 196-196 60 60-256 256-256-256z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["keyboard_arrow_down"],"grid":24},"attrs":[{}],"properties":{"order":1,"id":3,"prevSize":24,"code":59665,"name":"arrow-down"},"setIdx":7,"setId":6,"iconIdx":1},{"icon":{"paths":["M726 298c118 0 212 96 212 214s-94 214-212 214h-172v-82h172c72 0 132-60 132-132s-60-132-132-132h-172v-82h172zM342 554v-84h340v84h-340zM166 512c0 72 60 132 132 132h172v82h-172c-118 0-212-96-212-214s94-214 212-214h172v82h-172c-72 0-132 60-132 132z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["link"],"grid":24},"attrs":[{}],"properties":{"order":1,"id":1,"prevSize":24,"code":59664,"name":"link1"},"setIdx":7,"setId":6,"iconIdx":3},{"icon":{"paths":["M810 640v-86h-84v86h84zM810 810v-84h-84v84h84zM554 298v-84h-84v84h84zM554 470v-86h-84v86h84zM554 640v-86h-84v86h84zM554 810v-84h-84v84h84zM298 470v-86h-84v86h84zM298 640v-86h-84v86h84zM298 810v-84h-84v84h84zM640 470h256v426h-768v-598h256v-84l128-128 128 128v256z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["location_city"],"grid":24},"attrs":[{}],"properties":{"order":1,"id":0,"prevSize":24,"code":59656,"name":"city"},"setIdx":7,"setId":6,"iconIdx":4},{"icon":{"paths":["M426.667 704c0 11.733-9.6 21.333-21.333 21.333s-21.333-9.6-21.333-21.333v-256c0-11.733 9.6-21.333 21.333-21.333s21.333 9.6 21.333 21.333v256z","M512 704c0 11.733-9.6 21.333-21.333 21.333s-21.333-9.6-21.333-21.333v-256c0-11.733 9.6-21.333 21.333-21.333s21.333 9.6 21.333 21.333v256z","M597.333 704c0 11.733-9.6 21.333-21.333 21.333s-21.333-9.6-21.333-21.333v-256c0-11.733 9.6-21.333 21.333-21.333s21.333 9.6 21.333 21.333v256z","M789.333 256h-21.333v-42.667c0-47.104-38.229-85.333-85.333-85.333h-384c-47.104 0-85.333 38.229-85.333 85.333v554.667c0 70.656 57.344 128 128 128h298.667c70.656 0 128-57.344 128-128h21.333c82.347 0 149.333-66.987 149.333-149.333v-213.333c0-82.347-66.987-149.333-149.333-149.333zM298.667 213.333h384v42.667h-189.611l-5.035 14.165c-6.997 19.541-28.288 31.147-47.659 27.648l-14.848-2.475-7.381 13.099c-11.392 20.267-32.64 32.896-55.467 32.896-35.285 0-64-28.715-64-64v-64zM682.667 768c0 23.552-19.115 42.667-42.667 42.667h-298.667c-23.552 0-42.667-19.115-42.667-42.667v-405.76c17.877 13.525 39.936 21.76 64 21.76 33.451 0 64.896-16.043 84.864-42.667 31.061 0 59.008-16.683 74.069-42.667h161.067v469.334zM853.333 618.667c0 35.285-28.715 64-64 64h-64v-341.333h64c35.285 0 64 28.715 64 64v213.333z"],"attrs":[{},{},{},{}],"isMulticolor":false,"isMulticolor2":false,"tags":["beer"],"grid":24},"attrs":[{},{},{},{}],"properties":{"order":1,"id":0,"name":"beer","prevSize":24,"code":59657},"setIdx":8,"setId":5,"iconIdx":0},{"icon":{"paths":["M629.76 189.44l204.8 204.8-629.76 629.76h-204.8v-204.8l629.76-629.76zM701.44 117.76l117.76-117.76 204.8 204.8-117.76 117.76-204.8-204.8z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["edit-pencil"],"grid":20},"attrs":[{}],"properties":{"order":1,"id":1,"name":"edit-pencil","prevSize":20,"code":59689},"setIdx":11,"setId":2,"iconIdx":0},{"icon":{"paths":["M696.32 689.664c-46.612 48.782-112.182 79.108-184.835 79.108-141.102 0-255.488-114.386-255.488-255.488 0-0.451 0.001-0.902 0.004-1.353v0.070c0-141.385 114.615-256 256-256 57.921 0 111.348 19.235 154.244 51.667l-0.644-0.467v-51.2h102.4v332.8c0 42.415 34.385 76.8 76.8 76.8s76.8-34.385 76.8-76.8v0-76.8c-0.167-226.090-183.487-409.307-409.6-409.307-226.216 0-409.6 183.384-409.6 409.6s183.384 409.6 409.6 409.6c66.818 0 129.898-15.999 185.62-44.376l-2.325 1.074 46.080 91.648c-66.813 34.208-145.753 54.255-229.376 54.255-282.77 0-512-229.23-512-512s229.23-512 512-512c282.596 0 511.718 228.948 512 511.478v0.027h-0.512v76.8c0.001 0.159 0.001 0.346 0.001 0.534 0 98.969-80.231 179.2-179.2 179.2-61.529 0-115.815-31.010-148.083-78.253l-0.398-0.617zM512 665.6c84.831 0 153.6-68.769 153.6-153.6s-68.769-153.6-153.6-153.6v0c-84.831 0-153.6 68.769-153.6 153.6s68.769 153.6 153.6 153.6v0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["at-symbol"],"grid":20},"attrs":[{}],"properties":{"order":1,"id":0,"prevSize":20,"code":59653,"name":"at"},"setIdx":11,"setId":2,"iconIdx":1},{"icon":{"paths":["M146.286 329.143c0 20-16.571 36.571-36.571 36.571-20.571 0-36.571-16.571-36.571-36.571 0-20.571 16-36.571 36.571-36.571 20 0 36.571 16 36.571 36.571zM237.714 621.714v-365.714c0-20-16.571-36.571-36.571-36.571h-164.571c-20 0-36.571 16.571-36.571 36.571v365.714c0 20 16.571 36.571 36.571 36.571h164.571c20 0 36.571-16.571 36.571-36.571zM882.857 536.571c19.429 21.714 31.429 54.857 31.429 85.143-0.571 59.429-50.286 109.714-109.714 109.714h-158.286c4.571 18.286 10.286 24 16.571 36.571 14.857 29.714 32 62.857 32 109.714 0 44 0 146.286-128 146.286-9.714 0-18.857-4-25.714-10.857-24.571-24-31.429-59.429-37.714-93.143-6.857-33.143-13.143-67.429-35.429-89.714-17.714-17.714-37.143-42.286-57.714-68.571-25.143-33.143-80-101.143-101.143-102.857-18.857-1.714-34.857-17.714-34.857-36.571v-366.286c0-20 17.143-36 36.571-36.571 20-0.571 54.286-12.571 90.286-25.143 61.714-21.143 138.857-48 220.571-48h73.714c50.286 0.571 88 15.429 112.571 44.571 21.714 25.714 31.429 60.571 28 103.429 14.286 13.714 25.143 32.571 30.857 53.714 6.286 22.857 6.286 45.714 0 66.857 17.143 22.857 25.714 49.714 24.571 78.286 0 8-2.286 25.143-8.571 43.429z"],"attrs":[{}],"width":914,"isMulticolor":false,"isMulticolor2":false,"tags":["thumbs-down"],"grid":14},"attrs":[{}],"properties":{"order":1,"id":10,"prevSize":28,"code":59709,"name":"thumbs-down"},"setIdx":12,"setId":1,"iconIdx":0},{"icon":{"paths":["M146.286 768c0-20-16.571-36.571-36.571-36.571-20.571 0-36.571 16.571-36.571 36.571 0 20.571 16 36.571 36.571 36.571 20 0 36.571-16 36.571-36.571zM237.714 475.429v365.714c0 20-16.571 36.571-36.571 36.571h-164.571c-20 0-36.571-16.571-36.571-36.571v-365.714c0-20 16.571-36.571 36.571-36.571h164.571c20 0 36.571 16.571 36.571 36.571zM914.286 475.429c0 30.286-12 62.857-31.429 85.143 6.286 18.286 8.571 35.429 8.571 43.429 1.143 28.571-7.429 55.429-24.571 78.286 6.286 21.143 6.286 44 0 66.857-5.714 21.143-16.571 40-30.857 53.714 3.429 42.857-6.286 77.714-28 103.429-24.571 29.143-62.286 44-112.571 44.571h-73.714c-81.714 0-158.857-26.857-220.571-48-36-12.571-70.286-24.571-90.286-25.143-19.429-0.571-36.571-16.571-36.571-36.571v-366.286c0-18.857 16-34.857 34.857-36.571 21.143-1.714 76-69.714 101.143-102.857 20.571-26.286 40-50.857 57.714-68.571 22.286-22.286 28.571-56.571 35.429-89.714 6.286-33.714 13.143-69.143 37.714-93.143 6.857-6.857 16-10.857 25.714-10.857 128 0 128 102.286 128 146.286 0 46.857-16.571 80-32 109.714-6.286 12.571-12 18.286-16.571 36.571h158.286c59.429 0 109.714 50.286 109.714 109.714z"],"attrs":[{}],"width":914,"isMulticolor":false,"isMulticolor2":false,"tags":["thumbs-up"],"grid":14},"attrs":[{}],"properties":{"order":2,"id":9,"prevSize":28,"code":59710,"name":"thumbs-up"},"setIdx":12,"setId":1,"iconIdx":1},{"icon":{"paths":["M585.143 804.571h365.714v-73.143h-365.714v73.143zM365.714 512h585.143v-73.143h-585.143v73.143zM731.429 219.429h219.429v-73.143h-219.429v73.143zM1024 694.857v146.286c0 20-16.571 36.571-36.571 36.571h-950.857c-20 0-36.571-16.571-36.571-36.571v-146.286c0-20 16.571-36.571 36.571-36.571h950.857c20 0 36.571 16.571 36.571 36.571zM1024 402.286v146.286c0 20-16.571 36.571-36.571 36.571h-950.857c-20 0-36.571-16.571-36.571-36.571v-146.286c0-20 16.571-36.571 36.571-36.571h950.857c20 0 36.571 16.571 36.571 36.571zM1024 109.714v146.286c0 20-16.571 36.571-36.571 36.571h-950.857c-20 0-36.571-16.571-36.571-36.571v-146.286c0-20 16.571-36.571 36.571-36.571h950.857c20 0 36.571 16.571 36.571 36.571z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["tasks"],"grid":14},"attrs":[{}],"properties":{"order":1,"id":8,"name":"tasks","prevSize":28,"code":59708},"setIdx":12,"setId":1,"iconIdx":2},{"icon":{"paths":["M219.429 877.714c0-40.571-32.571-73.143-73.143-73.143s-73.143 32.571-73.143 73.143 32.571 73.143 73.143 73.143 73.143-32.571 73.143-73.143zM438.857 877.714c0-40.571-32.571-73.143-73.143-73.143s-73.143 32.571-73.143 73.143 32.571 73.143 73.143 73.143 73.143-32.571 73.143-73.143zM219.429 658.286c0-40.571-32.571-73.143-73.143-73.143s-73.143 32.571-73.143 73.143 32.571 73.143 73.143 73.143 73.143-32.571 73.143-73.143zM658.286 877.714c0-40.571-32.571-73.143-73.143-73.143s-73.143 32.571-73.143 73.143 32.571 73.143 73.143 73.143 73.143-32.571 73.143-73.143zM438.857 658.286c0-40.571-32.571-73.143-73.143-73.143s-73.143 32.571-73.143 73.143 32.571 73.143 73.143 73.143 73.143-32.571 73.143-73.143zM219.429 438.857c0-40.571-32.571-73.143-73.143-73.143s-73.143 32.571-73.143 73.143 32.571 73.143 73.143 73.143 73.143-32.571 73.143-73.143zM658.286 658.286c0-40.571-32.571-73.143-73.143-73.143s-73.143 32.571-73.143 73.143 32.571 73.143 73.143 73.143 73.143-32.571 73.143-73.143zM438.857 438.857c0-40.571-32.571-73.143-73.143-73.143s-73.143 32.571-73.143 73.143 32.571 73.143 73.143 73.143 73.143-32.571 73.143-73.143zM877.714 877.714v-219.429c0-40-33.143-73.143-73.143-73.143v0c-40 0-73.143 33.143-73.143 73.143v219.429c0 40 33.143 73.143 73.143 73.143v0c40 0 73.143-33.143 73.143-73.143zM658.286 438.857c0-40.571-32.571-73.143-73.143-73.143s-73.143 32.571-73.143 73.143 32.571 73.143 73.143 73.143 73.143-32.571 73.143-73.143zM877.714 256v-146.286c0-20-16.571-36.571-36.571-36.571h-731.429c-20 0-36.571 16.571-36.571 36.571v146.286c0 20 16.571 36.571 36.571 36.571h731.429c20 0 36.571-16.571 36.571-36.571zM877.714 438.857c0-40.571-32.571-73.143-73.143-73.143s-73.143 32.571-73.143 73.143 32.571 73.143 73.143 73.143 73.143-32.571 73.143-73.143zM950.857 73.143v877.714c0 40-33.143 73.143-73.143 73.143h-804.571c-40 0-73.143-33.143-73.143-73.143v-877.714c0-40 33.143-73.143 73.143-73.143h804.571c40 0 73.143 33.143 73.143 73.143z"],"attrs":[{}],"width":951,"isMulticolor":false,"isMulticolor2":false,"tags":["calculator"],"grid":14},"attrs":[{}],"properties":{"order":1,"id":7,"name":"calculator","prevSize":28,"code":59697},"setIdx":12,"setId":1,"iconIdx":3},{"icon":{"paths":["M548.571 0l548.571 219.429v73.143h-73.143c0 20-17.714 36.571-39.429 36.571h-872c-21.714 0-39.429-16.571-39.429-36.571h-73.143v-73.143zM146.286 365.714h146.286v438.857h73.143v-438.857h146.286v438.857h73.143v-438.857h146.286v438.857h73.143v-438.857h146.286v438.857h33.714c21.714 0 39.429 16.571 39.429 36.571v36.571h-950.857v-36.571c0-20 17.714-36.571 39.429-36.571h33.714v-438.857zM1057.714 914.286c21.714 0 39.429 16.571 39.429 36.571v73.143h-1097.143v-73.143c0-20 17.714-36.571 39.429-36.571h1018.286z"],"attrs":[{}],"width":1097,"isMulticolor":false,"isMulticolor2":false,"tags":["bank","institution","university"],"grid":14},"attrs":[{}],"properties":{"order":1,"id":6,"name":"bank","prevSize":28,"code":59690},"setIdx":12,"setId":1,"iconIdx":4},{"icon":{"paths":["M829.143 73.143c26.857 0 48.571 21.714 48.571 48.571v780.571c0 26.857-21.714 48.571-48.571 48.571h-223.429v-340h113.714l17.143-132.571h-130.857v-84.571c0-38.286 10.286-64 65.714-64l69.714-0.571v-118.286c-12-1.714-53.714-5.143-101.714-5.143-101.143 0-170.857 61.714-170.857 174.857v97.714h-114.286v132.571h114.286v340h-420c-26.857 0-48.571-21.714-48.571-48.571v-780.571c0-26.857 21.714-48.571 48.571-48.571h780.571z"],"attrs":[{}],"width":878,"isMulticolor":false,"isMulticolor2":false,"tags":["facebook-official"],"grid":14},"attrs":[{}],"properties":{"order":1,"id":5,"name":"facebook-official","prevSize":28,"code":59691},"setIdx":12,"setId":1,"iconIdx":5},{"icon":{"paths":["M741.714 755.429c0 14.286-5.714 28.571-16 38.857l-77.714 77.714c-10.286 10.286-24.571 16-38.857 16s-28.571-5.714-38.857-16l-168-168-168 168c-10.286 10.286-24.571 16-38.857 16s-28.571-5.714-38.857-16l-77.714-77.714c-10.286-10.286-16-24.571-16-38.857s5.714-28.571 16-38.857l168-168-168-168c-10.286-10.286-16-24.571-16-38.857s5.714-28.571 16-38.857l77.714-77.714c10.286-10.286 24.571-16 38.857-16s28.571 5.714 38.857 16l168 168 168-168c10.286-10.286 24.571-16 38.857-16s28.571 5.714 38.857 16l77.714 77.714c10.286 10.286 16 24.571 16 38.857s-5.714 28.571-16 38.857l-168 168 168 168c10.286 10.286 16 24.571 16 38.857z"],"attrs":[{}],"width":805,"isMulticolor":false,"isMulticolor2":false,"tags":["close","remove","times"],"grid":14},"attrs":[{}],"properties":{"order":1,"id":4,"prevSize":28,"name":"close","code":59692},"setIdx":12,"setId":1,"iconIdx":6},{"icon":{"paths":["M548.571 146.286c0-20-16.571-36.571-36.571-36.571s-36.571 16.571-36.571 36.571 16.571 36.571 36.571 36.571 36.571-16.571 36.571-36.571zM1024 676.571v201.143c0 7.429-4.571 14.286-11.429 17.143-2.286 0.571-4.571 1.143-6.857 1.143-4.571 0-9.143-1.714-13.143-5.143l-53.143-53.143c-89.714 108-250.857 177.143-427.429 177.143s-337.714-69.143-427.429-177.143l-53.143 53.143c-3.429 3.429-8.571 5.143-13.143 5.143-2.286 0-4.571-0.571-6.857-1.143-6.857-2.857-11.429-9.714-11.429-17.143v-201.143c0-10.286 8-18.286 18.286-18.286h201.143c7.429 0 14.286 4.571 17.143 11.429s1.143 14.286-4 20l-57.143 57.143c51.429 69.143 150.286 119.429 263.429 134.857v-369.714h-109.714c-20 0-36.571-16.571-36.571-36.571v-73.143c0-20 16.571-36.571 36.571-36.571h109.714v-93.143c-43.429-25.143-73.143-72-73.143-126.286 0-80.571 65.714-146.286 146.286-146.286s146.286 65.714 146.286 146.286c0 54.286-29.714 101.143-73.143 126.286v93.143h109.714c20 0 36.571 16.571 36.571 36.571v73.143c0 20-16.571 36.571-36.571 36.571h-109.714v369.714c113.143-15.429 212-65.714 263.429-134.857l-57.143-57.143c-5.143-5.714-6.857-13.143-4-20s9.714-11.429 17.143-11.429h201.143c10.286 0 18.286 8 18.286 18.286z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["anchor"],"grid":14},"attrs":[{}],"properties":{"order":1,"id":3,"name":"anchor","prevSize":28,"code":59693},"setIdx":12,"setId":1,"iconIdx":7},{"icon":{"paths":["M219.429 768c0 60.571-49.143 109.714-109.714 109.714s-109.714-49.143-109.714-109.714 49.143-109.714 109.714-109.714 109.714 49.143 109.714 109.714zM512 838.286c0.571 10.286-2.857 20-9.714 27.429-6.857 8-16.571 12-26.857 12h-77.143c-18.857 0-34.286-14.286-36-33.143-16.571-174.286-154.857-312.571-329.143-329.143-18.857-1.714-33.143-17.143-33.143-36v-77.143c0-10.286 4-20 12-26.857 6.286-6.286 15.429-9.714 24.571-9.714h2.857c121.714 9.714 236.571 62.857 322.857 149.714 86.857 86.286 140 201.143 149.714 322.857zM804.571 839.429c0.571 9.714-2.857 19.429-10.286 26.857-6.857 7.429-16 11.429-26.286 11.429h-81.714c-19.429 0-35.429-14.857-36.571-34.286-18.857-332-283.429-596.571-615.429-616-19.429-1.143-34.286-17.143-34.286-36v-81.714c0-10.286 4-19.429 11.429-26.286 6.857-6.857 16-10.286 25.143-10.286h1.714c200 10.286 388 94.286 529.714 236.571 142.286 141.714 226.286 329.714 236.571 529.714z"],"attrs":[{}],"width":805,"isMulticolor":false,"isMulticolor2":false,"tags":["feed","rss"],"grid":14},"attrs":[{}],"properties":{"order":1,"id":2,"name":"feed","prevSize":28,"code":59694},"setIdx":12,"setId":1,"iconIdx":8},{"icon":{"paths":["M445.714 269.714c0 64-33.143 140-106.857 140-92.571 0-148.571-116.571-148.571-196.571 0-64 33.143-140 106.857-140 93.143 0 148.571 116.571 148.571 196.571zM250.286 545.714c0 55.429-29.143 113.143-92 113.143-91.429 0-158.286-112-158.286-194.857 0-55.429 29.714-113.714 92-113.714 91.429 0 158.286 112.571 158.286 195.429zM475.429 530.286c140 0 329.143 201.714 329.143 336.571 0 72.571-59.429 84-117.714 84-76.571 0-138.286-51.429-211.429-51.429-76.571 0-141.714 50.857-224.571 50.857-55.429 0-104.571-18.857-104.571-83.429 0-135.429 189.143-336.571 329.143-336.571zM612 409.714c-73.714 0-106.857-76-106.857-140 0-80 55.429-196.571 148.571-196.571 73.714 0 106.857 76 106.857 140 0 80-56 196.571-148.571 196.571zM858.857 350.286c62.286 0 92 58.286 92 113.714 0 82.857-66.857 194.857-158.286 194.857-62.857 0-92-57.714-92-113.143 0-82.857 66.857-195.429 158.286-195.429z"],"attrs":[{}],"width":951,"isMulticolor":false,"isMulticolor2":false,"tags":["paw"],"grid":14},"attrs":[{}],"properties":{"order":1,"id":1,"prevSize":28,"code":59659,"name":"paw"},"setIdx":12,"setId":1,"iconIdx":9},{"icon":{"paths":["M1024 405.714v453.714c0 50.286-41.143 91.429-91.429 91.429h-841.143c-50.286 0-91.429-41.143-91.429-91.429v-453.714c17.143 18.857 36.571 35.429 57.714 49.714 94.857 64.571 190.857 129.143 284 197.143 48 35.429 107.429 78.857 169.714 78.857h1.143c62.286 0 121.714-43.429 169.714-78.857 93.143-67.429 189.143-132.571 284.571-197.143 20.571-14.286 40-30.857 57.143-49.714zM1024 237.714c0 64-47.429 121.714-97.714 156.571-89.143 61.714-178.857 123.429-267.429 185.714-37.143 25.714-100 78.286-146.286 78.286h-1.143c-46.286 0-109.143-52.571-146.286-78.286-88.571-62.286-178.286-124-266.857-185.714-40.571-27.429-98.286-92-98.286-144 0-56 30.286-104 91.429-104h841.143c49.714 0 91.429 41.143 91.429 91.429z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["envelope"],"grid":14},"attrs":[{}],"properties":{"order":13,"id":0,"name":"envelope","prevSize":28,"code":59695},"setIdx":12,"setId":1,"iconIdx":10}],"height":1024,"metadata":{"name":"pirati-ui"},"preferences":{"showGlyphs":true,"showCodes":true,"showQuickUse":true,"showQuickUse2":true,"showSVGs":true,"fontPref":{"prefix":"ico--","metadata":{"fontFamily":"pirati-ui","majorVersion":1,"minorVersion":1},"metrics":{"emSize":1024,"baseline":6.25,"whitespace":50},"embed":false,"showSelector":true,"cssVars":true,"cssVarsFormat":"scss","showMetrics":true,"showMetadata":true,"showVersion":true,"selector":"","classSelector":".icon"},"imagePref":{"prefix":"icon-","png":true,"useClassSelector":true,"color":0,"bgColor":16777215,"name":"icomoon","classSelector":".icon"},"historySize":50,"showLiga":true,"gridSize":16}} \ No newline at end of file +{"IcoMoonType":"selection","icons":[{"icon":{"paths":["M808.96 409.6h-92.16v-122.88c0-148.326-68.352-235.52-204.8-235.52-136.499 0-204.8 87.194-204.8 235.52v20.48h102.4v-41.011c0-73.984 40.806-112.589 102.4-112.589s102.4 38.605 102.4 112.589v143.411h-409.6c-28.314 0-51.2 33.075-51.2 61.389v399.411c0 28.109 21.914 58.317 48.691 66.918l61.286 19.814c26.829 8.55 71.782 15.667 99.942 15.667h296.96c28.109 0 73.114-7.117 99.891-15.718l61.235-19.814c26.829-8.55 48.794-38.758 48.794-66.867v-399.411c0-28.314-33.178-61.389-61.44-61.389z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["lock-open"],"grid":20},"attrs":[{}],"properties":{"order":1,"id":4,"prevSize":20,"code":59721,"name":"lock-open"},"setIdx":0,"setId":15,"iconIdx":0},{"icon":{"paths":["M808.96 409.6h-92.16v-122.88c0-148.326-68.352-235.52-204.8-235.52-136.499 0-204.8 87.194-204.8 235.52v122.88h-102.4c-28.314 0-51.2 33.075-51.2 61.389v399.411c0 28.109 21.914 58.317 48.691 66.918l61.286 19.814c26.829 8.55 71.782 15.667 99.942 15.667h296.96c28.109 0 73.114-7.117 99.891-15.718l61.235-19.814c26.829-8.55 48.794-38.758 48.794-66.867v-399.411c0-28.314-33.178-61.389-61.44-61.389zM614.4 409.6h-204.8v-143.411c0-73.984 40.806-112.589 102.4-112.589s102.4 38.605 102.4 112.589v143.411z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["lock"],"grid":20},"attrs":[{}],"properties":{"order":2,"id":3,"prevSize":20,"code":59722,"name":"lock"},"setIdx":0,"setId":15,"iconIdx":1},{"icon":{"paths":["M512.051 399.36c-62.208 0-112.691 50.432-112.691 112.64s50.483 112.64 112.691 112.64c62.208 0 112.589-50.432 112.589-112.64s-50.381-112.64-112.589-112.64zM512.051 266.24c62.208 0 112.589-50.483 112.589-112.64s-50.381-112.64-112.589-112.64c-62.208 0-112.691 50.432-112.691 112.64s50.483 112.64 112.691 112.64zM512.051 757.76c-62.208 0-112.691 50.432-112.691 112.64s50.483 112.64 112.691 112.64c62.208 0 112.589-50.432 112.589-112.64s-50.381-112.64-112.589-112.64z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["dots-three-vertical"],"grid":20},"attrs":[{}],"properties":{"order":1,"id":2,"name":"dots-three-vertical","prevSize":20,"code":59712},"setIdx":0,"setId":15,"iconIdx":2},{"icon":{"paths":["M512.051 399.36c-62.208 0-112.691 50.432-112.691 112.64s50.483 112.64 112.691 112.64c62.208 0 112.589-50.432 112.589-112.64s-50.381-112.64-112.589-112.64zM153.651 399.36c-62.208 0-112.691 50.432-112.691 112.64s50.483 112.64 112.691 112.64c62.208 0 112.589-50.483 112.589-112.64s-50.381-112.64-112.589-112.64zM870.451 399.36c-62.208 0-112.691 50.432-112.691 112.64s50.483 112.64 112.691 112.64c62.208 0 112.589-50.432 112.589-112.64s-50.381-112.64-112.589-112.64z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["dots-three-horizontal"],"grid":20},"attrs":[{}],"properties":{"order":2,"id":1,"name":"dots-three-horizontal","prevSize":20,"code":59713},"setIdx":0,"setId":15,"iconIdx":3},{"icon":{"paths":["M972.8 512l-307.2-256v153.6h-358.4v204.8h358.4v153.6l307.2-256zM153.6 153.6h409.6v-102.4h-409.6c-56.32 0-102.4 46.080-102.4 102.4v716.8c0 56.32 46.080 102.4 102.4 102.4h409.6v-102.4h-409.6v-716.8z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["log-out"],"grid":20},"attrs":[{}],"properties":{"order":1,"id":0,"name":"log-out","prevSize":20,"code":59714},"setIdx":0,"setId":15,"iconIdx":4},{"icon":{"paths":["M563.2 614.4h307.2v-51.2l-153.6-51.2v-409.6l153.6-51.2v-51.2h-716.8v51.2l153.6 51.2v409.6l-153.6 51.2v51.2h307.2v358.4l51.2 51.2 51.2-51.2v-358.4z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["pin"],"grid":20},"attrs":[{}],"properties":{"order":1,"id":2,"name":"pin","prevSize":20,"code":59715},"setIdx":12,"setId":2,"iconIdx":0},{"icon":{"paths":["M629.76 189.44l204.8 204.8-629.76 629.76h-204.8v-204.8l629.76-629.76zM701.44 117.76l117.76-117.76 204.8 204.8-117.76 117.76-204.8-204.8z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["edit-pencil"],"grid":20},"attrs":[{}],"properties":{"order":1,"id":1,"name":"edit-pencil","prevSize":20,"code":59689},"setIdx":12,"setId":2,"iconIdx":1},{"icon":{"paths":["M696.32 689.664c-46.612 48.782-112.182 79.108-184.835 79.108-141.102 0-255.488-114.386-255.488-255.488 0-0.451 0.001-0.902 0.004-1.353v0.070c0-141.385 114.615-256 256-256 57.921 0 111.348 19.235 154.244 51.667l-0.644-0.467v-51.2h102.4v332.8c0 42.415 34.385 76.8 76.8 76.8s76.8-34.385 76.8-76.8v0-76.8c-0.167-226.090-183.487-409.307-409.6-409.307-226.216 0-409.6 183.384-409.6 409.6s183.384 409.6 409.6 409.6c66.818 0 129.898-15.999 185.62-44.376l-2.325 1.074 46.080 91.648c-66.813 34.208-145.753 54.255-229.376 54.255-282.77 0-512-229.23-512-512s229.23-512 512-512c282.596 0 511.718 228.948 512 511.478v0.027h-0.512v76.8c0.001 0.159 0.001 0.346 0.001 0.534 0 98.969-80.231 179.2-179.2 179.2-61.529 0-115.815-31.010-148.083-78.253l-0.398-0.617zM512 665.6c84.831 0 153.6-68.769 153.6-153.6s-68.769-153.6-153.6-153.6v0c-84.831 0-153.6 68.769-153.6 153.6s68.769 153.6 153.6 153.6v0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["at-symbol"],"grid":20},"attrs":[{}],"properties":{"order":1,"id":0,"prevSize":20,"code":59653,"name":"at"},"setIdx":12,"setId":2,"iconIdx":2},{"icon":{"paths":["M704 1008c0-8.832-7.168-16-16-16h-576c-8.832 0-16 7.168-16 16s7.168 16 16 16h576c8.832 0 16-7.168 16-16zM40.768 299.328c-13.376 8.896-33.664 35.968-14.432 74.432 15.968 31.904 49.28 70.944 84.704 81.248 18.048 5.312 35.84 3.104 51.36-6.272 35.168-21.056 76.704-49.536 94.304-61.76 22.208 11.232 50.24 13.568 78.72 6.24 0.128-0.032 0.256-0.096 0.384-0.128-1.664 52.832-19.552 85.824-107.008 167.040-77.952 72.352-124.192 167.392-123.744 254.272 0.32 56.992 21.088 105.92 60.16 141.408 2.976 2.72 6.816 4.192 10.784 4.192h448c8.832 0 16-7.168 16-16s-7.168-16-16-16h-441.632c-29.408-28.96-45.024-68.16-45.28-113.76-0.416-76.864 43.104-165.28 113.504-230.656 93.28-86.592 117.408-127.616 117.408-199.584 0-1.312-0.448-2.464-0.736-3.68 17.504-9.44 32.64-21.92 42.976-37.024 12.96-18.88 40.864-67.36 20.16-110.272-3.84-7.904-13.408-11.264-21.376-7.424-7.936 3.84-11.296 13.408-7.424 21.376 9.312 19.296 2.688 48.544-17.728 78.24-11.776 17.152-32.832 31.008-56.352 37.024-23.904 6.112-46.624 3.424-62.464-7.424-5.536-3.776-12.8-3.744-18.272 0.128-0.576 0.384-56.864 40.032-100.768 66.368-8.032 4.8-16.512 5.824-25.984 3.008-24.768-7.232-52-38.784-65.024-64.832-10.528-21.056 0.256-31.104 5.152-34.688 110.304-95.264 165.664-194.24 167.936-198.432 2.112-3.904 2.56-8.512 1.152-12.768-0.16-0.48-11.2-34.016-17.28-65.056 33.472 20.16 91.040 48.32 150.976 48.32 83.328 0 277.056 31.104 277.056 319.232 0 1.568-0.288 158.208-63.040 330.464-3.040 8.288 1.248 17.472 9.568 20.512 1.824 0.608 3.648 0.928 5.472 0.928 6.528 0 12.672-4.032 15.040-10.528 64.672-177.536 64.992-334.912 64.96-341.472 0-325.856-236.576-351.168-309.056-351.168-80.288 0-160.384-60.896-161.152-61.536-4.896-3.68-11.36-4.288-16.864-1.632-5.472 2.688-8.928 8.256-8.928 14.336 0 31.392 14.88 82.176 20.672 100.704-13.376 22.336-66.112 104.992-155.904 182.624zM559.52 49.28c-51.232-34.528-108.512-49.28-191.52-49.28-8.832 0-16 7.168-16 16s7.168 16 16 16c76.16 0 128.096 13.088 173.664 43.808 74.048 49.984 162.336 149.568 162.336 340.192 0 46.432 0 110.016-31.52 236.128-2.112 8.576 3.072 17.248 11.648 19.392 1.312 0.32 2.592 0.48 3.872 0.48 7.2 0 13.728-4.832 15.52-12.128 32.48-129.888 32.48-195.776 32.48-243.872 0-204.672-95.968-312.416-176.48-366.72z"],"attrs":[{}],"width":736,"isMulticolor":false,"isMulticolor2":false,"tags":["strategy","horse","chess","piece"],"grid":32},"attrs":[{}],"properties":{"order":1,"id":0,"prevSize":32,"code":59698,"name":"strategy"},"setIdx":1,"setId":14,"iconIdx":0},{"icon":{"paths":["M789.568 701.088c0 0 106.56-72.896 106.56-216.672 0-214.016-226.816-293.152-348.768-291.040-121.984 2.144-158.336 34.24-158.336 34.24s-41.504-30.176-85.504-55.456c-33.664-13.12-41.472-15.008-64.864-7.488-18.72 0-6.944 31.168 0.576 42.4 7.456 11.232 43.712 73.28 43.712 73.28s-76.096 78.368-81.728 129.888c0-0.928-35.84-0.288-55.488-0.288s-17.792 21.408-17.792 21.408l0.544 150.848c0 0-1.216 21.408 16.608 21.408 17.792 0 55.616 0.416 55.616 0.416s53.216 77.28 86.944 91.328c0 0.928-29.152 80.096-29.152 80.096s-14.048 24.352 11.232 33.728c25.28 9.344 91.232 37.024 119.328 45.472 28.064 8.416 32.096-10.688 32.096-10.688l27.808-60.064 181.92 0.288 27.808 61.92c0 0 5.344 28.736 42.784 12.832 37.472-15.904 78.368-34.784 109.28-50.688 30.88-15.904 10.56-45.632 10.56-45.632l-31.744-61.536zM298.304 440.448c-17.056 0-30.88-13.856-30.88-30.912s13.824-30.88 30.88-30.88 30.912 13.824 30.912 30.88-13.856 30.912-30.912 30.912zM733.6 344.192c-9.856 11.68-16.288 3.072-24.224 0.736 0 0-33.632-31.2-83.040-45.76-51.168-15.040-105.024-7.776-105.024-7.776-7.936-2.336-17.568-2.592-17.632-14.848 0.416-15.136 18.784-15.264 18.56-15.776 0 0 60.608-5.6 111.328 9.312 49.888 14.656 88 46.528 88 46.528s20.384 14.048 12.032 27.584z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["pig","money","bank"],"grid":32},"attrs":[{}],"properties":{"order":1,"id":0,"name":"pig","prevSize":32,"code":59688},"setIdx":5,"setId":9,"iconIdx":0},{"icon":{"paths":["M543.553 741.306c37.519 13.052 64.447 48.728 64.447 90.694 0 53.019-42.981 96-96 96s-96-42.981-96-96c0-41.961 26.922-77.635 64.435-90.69-0.286-1.727-0.435-3.5-0.435-5.309v-480.003c0-17.448 14.327-31.999 32-31.999 17.796 0 32 14.326 32 31.999v480.003c0 1.803-0.153 3.576-0.447 5.305v0zM576 721.124v-593.009c0-35.41-28.407-64.115-64-64.115-35.346 0-64 28.472-64 64.115v593.009c-38.259 22.132-64 63.498-64 110.876 0 70.692 57.308 128 128 128s128-57.308 128-128c0-47.378-25.741-88.744-64-110.876zM638.996 687.997c39.862 35.181 65.004 86.656 65.004 144.003 0 106.039-85.961 192-192 192s-192-85.961-192-192c0-57.346 25.141-108.82 65.002-144.002-0.661-5.27-1.002-10.639-1.002-16.088v-543.82c0-70.556 57.308-128.090 128-128.090 70.549 0 128 57.348 128 128.090v543.82c0 5.447-0.342 10.816-1.004 16.087v0 0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["thermometer-three-quarters"],"grid":32},"attrs":[{}],"properties":{"order":1,"id":0,"name":"thermometer","prevSize":32,"code":59658},"setIdx":10,"setId":4,"iconIdx":0},{"icon":{"paths":["M458.203 133.565c-109.449 0-211.478 42.667-287.536 118.725-77.913 76.058-120.58 179.942-120.58 287.536 0 109.449 42.667 211.478 118.725 289.391 77.913 76.058 179.942 118.725 287.536 118.725 109.449 0 211.478-42.667 287.536-118.725 77.913-76.058 118.725-179.942 118.725-287.536 0-109.449-42.667-211.478-118.725-287.536-74.203-79.768-176.232-120.58-285.681-120.58zM458.203 908.986c-204.058 0-369.159-165.101-369.159-369.159s165.101-369.159 369.159-369.159c204.058 0 369.159 165.101 369.159 369.159s-165.101 369.159-369.159 369.159z","M335.768 298.667v-57.507h-35.246v66.783c-24.116 7.42-38.957 14.841-35.246 20.406 7.42-1.855 20.406-3.71 35.246-1.855v341.333c-37.101 70.493 16.696 179.942 16.696 179.942s-38.957-116.87 48.232-172.522c79.768-50.087 358.029-27.826 356.174-183.652-1.855-220.754-257.855-220.754-385.855-192.928zM448.928 513.855c-12.986 59.362-76.058 89.043-115.014 115.014v-298.667c64.928 14.841 140.986 64.928 115.014 183.652z"],"attrs":[{},{}],"width":968,"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["logo"]},"attrs":[{},{}],"properties":{"order":42,"id":0,"name":"pirati","prevSize":32,"code":59661},"setIdx":2,"setId":13,"iconIdx":0},{"icon":{"paths":["M994.848 653.784c-58.718 0-109.37 35.183-132.020 85.575h-183.898l-72.283-228.341 73.252-227.035h182.664c22.489 50.736 73.322 86.245 132.285 86.245 79.789 0 144.685-64.908 144.685-144.691s-64.9-144.685-144.685-144.685c-56.185 0-104.953 32.216-128.915 79.128h-230.524c-0.002 0-0.004 0-0.008 0-27.142 0-50.216 17.435-58.626 41.723l-0.133 0.436-83.594 247.536h-204.86c-22.127-51.614-73.405-87.843-133.036-87.843-79.769 0-144.685 64.9-144.685 144.685 0 79.769 64.915 144.669 144.685 144.669 55.549 0 103.843-31.476 128.078-77.501h208.838l83.616 247.536c8.523 24.715 31.583 42.159 58.717 42.159 0.010 0 0.022 0 0.027 0h231.176c23.823 47.274 72.793 79.769 129.228 79.769 79.789 0 144.685-64.9 144.685-144.685 0-79.769-64.9-144.669-144.685-144.669zM994.848 158.35c37.045 0 67.183 30.143 67.183 67.183s-30.143 67.183-67.183 67.183c-37.046 0-67.162-30.151-67.162-67.183 0-37.045 30.116-67.183 67.162-67.183zM155.163 573.674c-37.045 0-67.162-30.143-67.162-67.162 0-37.052 30.116-67.183 67.162-67.183s67.183 30.137 67.183 67.183c0 37.017-30.143 67.162-67.183 67.162zM994.848 865.63c-37.045 0-67.162-30.143-67.162-67.183s30.116-67.162 67.162-67.162c37.046 0 67.183 30.116 67.183 67.162s-30.143 67.183-67.183 67.183z"],"attrs":[],"width":1150,"grid":0,"tags":["stackshare"],"isMulticolor":false,"isMulticolor2":false,"colorPermutations":{}},"attrs":[],"properties":{"order":5,"id":0,"name":"stackshare","prevSize":32,"code":59663,"codes":[59663,59665]},"setIdx":6,"setId":8,"iconIdx":0},{"icon":{"paths":["M512 16.288c-282.304 0-512 229.696-512 512 0 210.624 132.032 402.432 328.448 477.248 8.192 3.264 17.408 2.752 25.344-1.088 7.936-3.904 13.952-10.816 16.576-19.264l96-306.56c4.544-14.528-1.728-30.272-15.040-37.568-41.536-22.912-67.328-66.112-67.328-112.768 0-70.592 57.408-128 128-128s128 57.408 128 128c0 46.656-25.792 89.856-67.328 112.832-13.312 7.296-19.648 23.040-15.040 37.568l96 306.56c2.624 8.448 8.64 15.36 16.576 19.264 4.416 2.112 9.216 3.2 13.952 3.2 3.84 0 7.744-0.704 11.392-2.112 196.48-74.88 328.448-266.688 328.448-477.312 0-282.304-229.696-512-512-512z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["open-source"]},"attrs":[{}],"properties":{"order":4,"id":0,"name":"open-source","prevSize":32,"code":59662},"setIdx":7,"setId":7,"iconIdx":0},{"icon":{"paths":["M1014.88 926.496c12.192 12.192 12.192 31.968 0 44.192l-44.192 44.192c-12.224 12.192-32 12.192-44.192 0l-309.376-309.376c-3.36-3.36-5.6-7.328-7.104-11.552-63.456 46.368-141.376 74.048-226.016 74.048-212.064 0-384-171.936-384-384s171.936-384 384-384c212.064 0 384 171.936 384 384 0 84.64-27.68 162.56-74.048 226.016 4.224 1.504 8.192 3.712 11.552 7.104l309.376 309.376zM384 128c-141.376 0-256 114.624-256 256s114.624 256 256 256 256-114.624 256-256c0-141.376-114.624-256-256-256z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["search","zoom","magnifier","magnifying glass"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":0,"prevSize":32,"name":"search","code":59667},"setIdx":3,"setId":12,"iconIdx":0},{"icon":{"paths":["M640 146.588v135.958c36.206 15.804 69.5 38.408 98.274 67.18 60.442 60.44 93.726 140.8 93.726 226.274s-33.286 165.834-93.726 226.274c-60.44 60.44-140.798 93.726-226.274 93.726s-165.834-33.286-226.274-93.726c-60.44-60.44-93.726-140.8-93.726-226.274s33.286-165.834 93.726-226.274c28.774-28.774 62.068-51.378 98.274-67.182v-135.956c-185.048 55.080-320 226.472-320 429.412 0 247.424 200.578 448 448 448 247.424 0 448-200.576 448-448 0-202.94-134.95-374.332-320-429.412zM448 0h128v512h-128z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["switch"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":39,"name":"switch","prevSize":32,"code":59723},"setIdx":14,"setId":0,"iconIdx":0},{"icon":{"paths":["M889.68 166.32c-93.608-102.216-228.154-166.32-377.68-166.32-282.77 0-512 229.23-512 512h96c0-229.75 186.25-416 416-416 123.020 0 233.542 53.418 309.696 138.306l-149.696 149.694h352v-352l-134.32 134.32z","M928 512c0 229.75-186.25 416-416 416-123.020 0-233.542-53.418-309.694-138.306l149.694-149.694h-352v352l134.32-134.32c93.608 102.216 228.154 166.32 377.68 166.32 282.77 0 512-229.23 512-512h-96z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"tags":["loop","repeat","player","reload","refresh","update","synchronize","arrows"],"grid":16},"attrs":[{},{}],"properties":{"order":2,"id":38,"name":"loop, repeat, player, reload, refresh, update, synchronize, arrows","prevSize":32,"code":59724},"setIdx":14,"setId":0,"iconIdx":1},{"icon":{"paths":["M1024 384h-384l143.53-143.53c-72.53-72.526-168.96-112.47-271.53-112.47s-199 39.944-271.53 112.47c-72.526 72.53-112.47 168.96-112.47 271.53s39.944 199 112.47 271.53c72.53 72.526 168.96 112.47 271.53 112.47s199-39.944 271.528-112.472c6.056-6.054 11.86-12.292 17.456-18.668l96.32 84.282c-93.846 107.166-231.664 174.858-385.304 174.858-282.77 0-512-229.23-512-512s229.23-512 512-512c141.386 0 269.368 57.326 362.016 149.984l149.984-149.984v384z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["spinner","loading","loading-wheel","refresh","repeat","busy","wait","arrow"],"grid":16},"attrs":[{}],"properties":{"order":3,"id":37,"name":"spinner, loading, loading-wheel, refresh1, repeat1, busy, wait, arrow","prevSize":32,"code":59725},"setIdx":14,"setId":0,"iconIdx":2},{"icon":{"paths":["M1024 429.256c0-200.926-58.792-363.938-131.482-365.226 0.292-0.006 0.578-0.030 0.872-0.030h-82.942c0 0-194.8 146.336-475.23 203.754-8.56 45.292-14.030 99.274-14.030 161.502s5.466 116.208 14.030 161.5c280.428 57.418 475.23 203.756 475.23 203.756h82.942c-0.292 0-0.578-0.024-0.872-0.032 72.696-1.288 131.482-164.298 131.482-365.224zM864.824 739.252c-9.382 0-19.532-9.742-24.746-15.548-12.63-14.064-24.792-35.96-35.188-63.328-23.256-61.232-36.066-143.31-36.066-231.124 0-87.81 12.81-169.89 36.066-231.122 10.394-27.368 22.562-49.266 35.188-63.328 5.214-5.812 15.364-15.552 24.746-15.552 9.38 0 19.536 9.744 24.744 15.552 12.634 14.064 24.796 35.958 35.188 63.328 23.258 61.23 36.068 143.312 36.068 231.122 0 87.804-12.81 169.888-36.068 231.124-10.39 27.368-22.562 49.264-35.188 63.328-5.208 5.806-15.36 15.548-24.744 15.548zM251.812 429.256c0-51.95 3.81-102.43 11.052-149.094-47.372 6.554-88.942 10.324-140.34 10.324-67.058 0-67.058 0-67.058 0l-55.466 94.686v88.17l55.46 94.686c0 0 0 0 67.060 0 51.398 0 92.968 3.774 140.34 10.324-7.236-46.664-11.048-97.146-11.048-149.096zM368.15 642.172l-127.998-24.51 81.842 321.544c4.236 16.634 20.744 25.038 36.686 18.654l118.556-47.452c15.944-6.376 22.328-23.964 14.196-39.084l-123.282-229.152zM864.824 548.73c-3.618 0-7.528-3.754-9.538-5.992-4.87-5.42-9.556-13.86-13.562-24.408-8.962-23.6-13.9-55.234-13.9-89.078s4.938-65.478 13.9-89.078c4.006-10.548 8.696-18.988 13.562-24.408 2.010-2.24 5.92-5.994 9.538-5.994 3.616 0 7.53 3.756 9.538 5.994 4.87 5.42 9.556 13.858 13.56 24.408 8.964 23.598 13.902 55.234 13.902 89.078 0 33.842-4.938 65.478-13.902 89.078-4.004 10.548-8.696 18.988-13.56 24.408-2.008 2.238-5.92 5.992-9.538 5.992z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["bullhorn","megaphone","announcement","advertisement","news"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":36,"prevSize":32,"code":59716,"name":"bullhorn"},"setIdx":14,"setId":0,"iconIdx":3},{"icon":{"paths":["M128 320v640c0 35.2 28.8 64 64 64h576c35.2 0 64-28.8 64-64v-640h-704zM320 896h-64v-448h64v448zM448 896h-64v-448h64v448zM576 896h-64v-448h64v448zM704 896h-64v-448h64v448z","M848 128h-208v-80c0-26.4-21.6-48-48-48h-224c-26.4 0-48 21.6-48 48v80h-208c-26.4 0-48 21.6-48 48v80h832v-80c0-26.4-21.6-48-48-48zM576 128h-192v-63.198h192v63.198z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"tags":["bin","trashcan","remove","delete","recycle","dispose"],"grid":16},"attrs":[{},{}],"properties":{"order":1,"id":35,"name":"bin, trashcan, remove, delete, recycle, dispose","prevSize":32,"code":59717},"setIdx":14,"setId":0,"iconIdx":4},{"icon":{"paths":["M1014.662 822.66c-0.004-0.004-0.008-0.008-0.012-0.010l-310.644-310.65 310.644-310.65c0.004-0.004 0.008-0.006 0.012-0.010 3.344-3.346 5.762-7.254 7.312-11.416 4.246-11.376 1.824-24.682-7.324-33.83l-146.746-146.746c-9.148-9.146-22.45-11.566-33.828-7.32-4.16 1.55-8.070 3.968-11.418 7.31 0 0.004-0.004 0.006-0.008 0.010l-310.648 310.652-310.648-310.65c-0.004-0.004-0.006-0.006-0.010-0.010-3.346-3.342-7.254-5.76-11.414-7.31-11.38-4.248-24.682-1.826-33.83 7.32l-146.748 146.748c-9.148 9.148-11.568 22.452-7.322 33.828 1.552 4.16 3.97 8.072 7.312 11.416 0.004 0.002 0.006 0.006 0.010 0.010l310.65 310.648-310.65 310.652c-0.002 0.004-0.006 0.006-0.008 0.010-3.342 3.346-5.76 7.254-7.314 11.414-4.248 11.376-1.826 24.682 7.322 33.83l146.748 146.746c9.15 9.148 22.452 11.568 33.83 7.322 4.16-1.552 8.070-3.97 11.416-7.312 0.002-0.004 0.006-0.006 0.010-0.010l310.648-310.65 310.648 310.65c0.004 0.002 0.008 0.006 0.012 0.008 3.348 3.344 7.254 5.762 11.414 7.314 11.378 4.246 24.684 1.826 33.828-7.322l146.746-146.748c9.148-9.148 11.57-22.454 7.324-33.83-1.552-4.16-3.97-8.068-7.314-11.414z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["cross","cancel","close","quit","remove"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":34,"prevSize":32,"name":"cross","code":59703},"setIdx":14,"setId":0,"iconIdx":5},{"icon":{"paths":["M896 0h-768c-70.4 0-128 57.6-128 128v768c0 70.4 57.6 128 128 128h768c70.4 0 128-57.6 128-128v-768c0-70.4-57.6-128-128-128zM448 794.51l-237.254-237.256 90.51-90.508 146.744 146.744 306.746-306.746 90.508 90.51-397.254 397.256z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["checkbox-checked","checkbox","tick","checked","selected"],"grid":16},"attrs":[{}],"properties":{"order":2,"id":33,"prevSize":32,"name":"checkbox-checked","code":59704},"setIdx":14,"setId":0,"iconIdx":6},{"icon":{"paths":["M0 1024c128-384 463-1024 1024-1024-263 211-384 704-576 704s-192 0-192 0l-192 320h-64z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["quill","feather","write","edit"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":32,"name":"quill, feather, write, edit","prevSize":32,"code":59705},"setIdx":14,"setId":0,"iconIdx":7},{"icon":{"paths":["M480 64c-265.096 0-480 214.904-480 480 0 265.098 214.904 480 480 480 265.098 0 480-214.902 480-480 0-265.096-214.902-480-480-480zM751.59 704c8.58-40.454 13.996-83.392 15.758-128h127.446c-3.336 44.196-13.624 87.114-30.68 128h-112.524zM208.41 384c-8.58 40.454-13.996 83.392-15.758 128h-127.444c3.336-44.194 13.622-87.114 30.678-128h112.524zM686.036 384c9.614 40.962 15.398 83.854 17.28 128h-191.316v-128h174.036zM512 320v-187.338c14.59 4.246 29.044 11.37 43.228 21.37 26.582 18.74 52.012 47.608 73.54 83.486 14.882 24.802 27.752 52.416 38.496 82.484h-155.264zM331.232 237.516c21.528-35.878 46.956-64.748 73.54-83.486 14.182-10 28.638-17.124 43.228-21.37v187.34h-155.264c10.746-30.066 23.616-57.68 38.496-82.484zM448 384v128h-191.314c1.88-44.146 7.666-87.038 17.278-128h174.036zM95.888 704c-17.056-40.886-27.342-83.804-30.678-128h127.444c1.762 44.608 7.178 87.546 15.758 128h-112.524zM256.686 576h191.314v128h-174.036c-9.612-40.96-15.398-83.854-17.278-128zM448 768v187.34c-14.588-4.246-29.044-11.372-43.228-21.37-26.584-18.74-52.014-47.61-73.54-83.486-14.882-24.804-27.75-52.418-38.498-82.484h155.266zM628.768 850.484c-21.528 35.876-46.958 64.746-73.54 83.486-14.184 9.998-28.638 17.124-43.228 21.37v-187.34h155.266c-10.746 30.066-23.616 57.68-38.498 82.484zM512 704v-128h191.314c-1.88 44.146-7.666 87.040-17.28 128h-174.034zM767.348 512c-1.762-44.608-7.178-87.546-15.758-128h112.524c17.056 40.886 27.344 83.806 30.68 128h-127.446zM830.658 320h-95.9c-18.638-58.762-44.376-110.294-75.316-151.428 42.536 20.34 81.058 47.616 114.714 81.272 21.48 21.478 40.362 44.938 56.502 70.156zM185.844 249.844c33.658-33.658 72.18-60.932 114.714-81.272-30.942 41.134-56.676 92.666-75.316 151.428h-95.898c16.138-25.218 35.022-48.678 56.5-70.156zM129.344 768h95.898c18.64 58.762 44.376 110.294 75.318 151.43-42.536-20.34-81.058-47.616-114.714-81.274-21.48-21.478-40.364-44.938-56.502-70.156zM774.156 838.156c-33.656 33.658-72.18 60.934-114.714 81.274 30.942-41.134 56.678-92.668 75.316-151.43h95.9c-16.14 25.218-35.022 48.678-56.502 70.156z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["sphere","globe","internet"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":31,"name":"sphere, globe, internet","prevSize":32,"code":59706},"setIdx":14,"setId":0,"iconIdx":8},{"icon":{"paths":["M966.8 233.6c0 3.2-1 6.2-3 9-2 2.6-4.2 4-6.8 4-20 2-36.4 8.4-49 19.2-12.8 10.8-25.8 31.8-39.2 62.4l-206.4 465.4c-1.4 4.4-5.2 6.4-11.4 6.4-4.8 0-8.6-2.2-11.4-6.4l-115.8-242-133.2 242c-2.8 4.4-6.4 6.4-11.4 6.4-6 0-9.8-2.2-11.8-6.4l-202.6-465.2c-12.6-28.8-26-49-40-60.4s-33.6-18.6-58.6-21.2c-2.2 0-4.2-1.2-6-3.4-2-2.2-2.8-4.8-2.8-7.8 0-7.6 2.2-11.4 6.4-11.4 18 0 37 0.8 56.8 2.4 18.4 1.6 35.6 2.4 51.8 2.4 16.4 0 36-0.8 58.4-2.4 23.4-1.6 44.2-2.4 62.4-2.4 4.4 0 6.4 3.8 6.4 11.4s-1.4 11.2-4 11.2c-18 1.4-32.4 6-42.8 13.8s-15.6 18-15.6 30.8c0 6.4 2.2 14.6 6.4 24.2l167.4 378.4 95.2-179.6-88.6-185.8c-16-33.2-29-54.6-39.2-64.2s-25.8-15.4-46.6-17.6c-2 0-3.6-1.2-5.4-3.4s-2.6-4.8-2.6-7.8c0-7.6 1.8-11.4 5.6-11.4 18 0 34.6 0.8 49.8 2.4 14.6 1.6 30 2.4 46.6 2.4 16.2 0 33.2-0.8 51.4-2.4 18.6-1.6 37-2.4 55-2.4 4.4 0 6.4 3.8 6.4 11.4s-1.2 11.2-4 11.2c-36.2 2.4-54.2 12.8-54.2 30.8 0 8 4.2 20.6 12.6 37.6l58.6 119 58.4-108.8c8-15.4 12.2-28.4 12.2-38.8 0-24.8-18-38-54.2-39.6-3.2 0-4.8-3.8-4.8-11.2 0-2.8 0.8-5.2 2.4-7.6s3.2-3.6 4.8-3.6c13 0 28.8 0.8 47.8 2.4 18 1.6 33 2.4 44.6 2.4 8.4 0 20.6-0.8 36.8-2 20.4-1.8 37.6-2.8 51.4-2.8 3.2 0 4.8 3.2 4.8 9.6 0 8.6-3 13-8.8 13-21 2.2-38 8-50.8 17.4s-28.8 30.8-48 64.4l-78.2 143.2 105.2 214.4 155.4-361.4c5.4-13.2 8-25.4 8-36.4 0-26.4-18-40.4-54.2-42.2-3.2 0-4.8-3.8-4.8-11.2 0-7.6 2.4-11.4 7.2-11.4 13.2 0 28.8 0.8 47 2.4 16.8 1.6 30.8 2.4 42 2.4 12 0 25.6-0.8 41.2-2.4 16.2-1.6 30.8-2.4 43.8-2.4 4 0 6 3.2 6 9.6z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["wikipedia","brand"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":30,"name":"wikipedia, brand","prevSize":32,"code":59707},"setIdx":14,"setId":0,"iconIdx":9},{"icon":{"paths":["M1013.8 307.2c0 0-10-70.6-40.8-101.6-39-40.8-82.6-41-102.6-43.4-143.2-10.4-358.2-10.4-358.2-10.4h-0.4c0 0-215 0-358.2 10.4-20 2.4-63.6 2.6-102.6 43.4-30.8 31-40.6 101.6-40.6 101.6s-10.2 82.8-10.2 165.8v77.6c0 82.8 10.2 165.8 10.2 165.8s10 70.6 40.6 101.6c39 40.8 90.2 39.4 113 43.8 82 7.8 348.2 10.2 348.2 10.2s215.2-0.4 358.4-10.6c20-2.4 63.6-2.6 102.6-43.4 30.8-31 40.8-101.6 40.8-101.6s10.2-82.8 10.2-165.8v-77.6c-0.2-82.8-10.4-165.8-10.4-165.8zM406.2 644.8v-287.8l276.6 144.4-276.6 143.4z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["youtube","brand","social"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":29,"prevSize":32,"code":59702,"name":"youtube"},"setIdx":14,"setId":0,"iconIdx":10},{"icon":{"paths":["M768 770.612v-52.78c70.498-39.728 128-138.772 128-237.832 0-159.058 0-288-192-288s-192 128.942-192 288c0 99.060 57.502 198.104 128 237.832v52.78c-217.102 17.748-384 124.42-384 253.388h896c0-128.968-166.898-235.64-384-253.388z","M327.196 795.328c55.31-36.15 124.080-63.636 199.788-80.414-15.054-17.784-28.708-37.622-40.492-59.020-30.414-55.234-46.492-116.058-46.492-175.894 0-86.042 0-167.31 30.6-233.762 29.706-64.504 83.128-104.496 159.222-119.488-16.914-76.48-61.94-126.75-181.822-126.75-192 0-192 128.942-192 288 0 99.060 57.502 198.104 128 237.832v52.78c-217.102 17.748-384 124.42-384 253.388h279.006c14.518-12.91 30.596-25.172 48.19-36.672z"],"attrs":[{},{}],"width":1152,"isMulticolor":false,"isMulticolor2":false,"tags":["users","group","team","members","community","collaborate"],"grid":16},"attrs":[{},{}],"properties":{"order":1,"id":28,"name":"users, group, team, members, community, collaborate","prevSize":32,"code":59700},"setIdx":14,"setId":0,"iconIdx":11},{"icon":{"paths":["M896 128v832h-672c-53.026 0-96-42.98-96-96s42.974-96 96-96h608v-768h-640c-70.398 0-128 57.6-128 128v768c0 70.4 57.602 128 128 128h768v-896h-64z","M224.056 832v0c-0.018 0.002-0.038 0-0.056 0-17.672 0-32 14.326-32 32s14.328 32 32 32c0.018 0 0.038-0.002 0.056-0.002v0.002h607.89v-64h-607.89z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"tags":["book","read","reading"],"grid":16},"attrs":[{},{}],"properties":{"order":2,"id":27,"name":"book, read, reading","prevSize":32,"code":59701},"setIdx":14,"setId":0,"iconIdx":12},{"icon":{"paths":["M480 0v0c265.096 0 480 173.914 480 388.448s-214.904 388.448-480 388.448c-25.458 0-50.446-1.62-74.834-4.71-103.106 102.694-222.172 121.108-341.166 123.814v-25.134c64.252-31.354 116-88.466 116-153.734 0-9.106-0.712-18.048-2.030-26.794-108.558-71.214-177.97-179.988-177.97-301.89 0-214.534 214.904-388.448 480-388.448zM996 870.686c0 55.942 36.314 104.898 92 131.772v21.542c-103.126-2.318-197.786-18.102-287.142-106.126-21.14 2.65-42.794 4.040-64.858 4.040-95.47 0-183.408-25.758-253.614-69.040 144.674-0.506 281.26-46.854 384.834-130.672 52.208-42.252 93.394-91.826 122.414-147.348 30.766-58.866 46.366-121.582 46.366-186.406 0-10.448-0.45-20.836-1.258-31.168 72.57 59.934 117.258 141.622 117.258 231.676 0 104.488-60.158 197.722-154.24 258.764-1.142 7.496-1.76 15.16-1.76 22.966z"],"attrs":[{}],"width":1152,"isMulticolor":false,"isMulticolor2":false,"tags":["bubbles","comments","chat","talk"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":26,"prevSize":32,"code":59696,"name":"bubbles"},"setIdx":14,"setId":0,"iconIdx":13},{"icon":{"paths":["M0 192l320-128v768l-320 128z","M384 32l320 192v736l-320-160z","M768 224l256-192v768l-256 192z"],"attrs":[{},{},{}],"isMulticolor":false,"isMulticolor2":false,"tags":["map","guide"],"grid":16},"attrs":[{},{},{}],"properties":{"order":1,"id":25,"name":"map","prevSize":32,"code":59668},"setIdx":14,"setId":0,"iconIdx":14},{"icon":{"paths":["M512 0c-282.77 0-512 229.23-512 512s229.23 512 512 512 512-229.23 512-512-229.23-512-512-512zM96 512c0-229.75 186.25-416 416-416 109.574 0 209.232 42.386 283.534 111.628l-411.534 176.372-176.372 411.534c-69.242-74.302-111.628-173.96-111.628-283.534zM585.166 585.166l-256.082 109.75 109.75-256.082 146.332 146.332zM512 928c-109.574 0-209.234-42.386-283.532-111.628l411.532-176.372 176.372-411.532c69.242 74.298 111.628 173.958 111.628 283.532 0 229.75-186.25 416-416 416z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["compass","direction","location"],"grid":16},"attrs":[{}],"properties":{"order":2,"id":24,"name":"compass","prevSize":32,"code":59669},"setIdx":14,"setId":0,"iconIdx":15},{"icon":{"paths":["M832 960l192-512h-832l-192 512zM128 384l-128 576v-832h288l128 128h416v128z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["folder-open","directory","category","browse"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":23,"name":"folder-open","prevSize":32,"code":59670},"setIdx":14,"setId":0,"iconIdx":16},{"icon":{"paths":["M448 128l128 128h448v704h-1024v-832z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["folder","directory","category","browse"],"grid":16},"attrs":[{}],"properties":{"order":2,"id":22,"name":"folder","prevSize":32,"code":59671},"setIdx":14,"setId":0,"iconIdx":17},{"icon":{"paths":["M1016.988 652.010l-256-320c-6.074-7.592-15.266-12.010-24.988-12.010h-448c-9.72 0-18.916 4.418-24.988 12.010l-256 320c-4.538 5.674-7.012 12.724-7.012 19.99v288c0 35.346 28.654 64 64 64h896c35.348 0 64-28.654 64-64v-288c0-7.266-2.472-14.316-7.012-19.99zM960 704h-224l-128 128h-192l-128-128h-224v-20.776l239.38-299.224h417.24l239.38 299.224v20.776z","M736 512h-448c-17.672 0-32-14.328-32-32s14.328-32 32-32h448c17.674 0 32 14.328 32 32s-14.326 32-32 32z","M800 640h-576c-17.672 0-32-14.326-32-32s14.328-32 32-32h576c17.674 0 32 14.326 32 32s-14.326 32-32 32z"],"attrs":[{},{},{}],"isMulticolor":false,"isMulticolor2":false,"tags":["drawer","box","inbox","archive","category"],"grid":16},"attrs":[{},{},{}],"properties":{"order":3,"id":21,"name":"drawer","prevSize":32,"code":59672},"setIdx":14,"setId":0,"iconIdx":18},{"icon":{"paths":["M128 128h768v768h-768z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["stop","player","square"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":20,"name":"stop","prevSize":32,"code":59673},"setIdx":14,"setId":0,"iconIdx":19},{"icon":{"paths":["M512.008 12.642c-282.738 0-512.008 229.218-512.008 511.998 0 226.214 146.704 418.132 350.136 485.836 25.586 4.738 34.992-11.11 34.992-24.632 0-12.204-0.48-52.542-0.696-95.324-142.448 30.976-172.504-60.41-172.504-60.41-23.282-59.176-56.848-74.916-56.848-74.916-46.452-31.778 3.51-31.124 3.51-31.124 51.4 3.61 78.476 52.766 78.476 52.766 45.672 78.27 119.776 55.64 149.004 42.558 4.588-33.086 17.852-55.68 32.506-68.464-113.73-12.942-233.276-56.85-233.276-253.032 0-55.898 20.004-101.574 52.76-137.428-5.316-12.9-22.854-64.972 4.952-135.5 0 0 43.006-13.752 140.84 52.49 40.836-11.348 84.636-17.036 128.154-17.234 43.502 0.198 87.336 5.886 128.256 17.234 97.734-66.244 140.656-52.49 140.656-52.49 27.872 70.528 10.35 122.6 5.036 135.5 32.82 35.856 52.694 81.532 52.694 137.428 0 196.654-119.778 239.95-233.79 252.624 18.364 15.89 34.724 47.046 34.724 94.812 0 68.508-0.596 123.644-0.596 140.508 0 13.628 9.222 29.594 35.172 24.566 203.322-67.776 349.842-259.626 349.842-485.768 0-282.78-229.234-511.998-511.992-511.998z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["github","brand","octacat","social"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":19,"name":"github","prevSize":32,"code":59674},"setIdx":14,"setId":0,"iconIdx":20},{"icon":{"paths":["M658.744 749.256l-210.744-210.746v-282.51h128v229.49l173.256 173.254zM512 0c-282.77 0-512 229.23-512 512s229.23 512 512 512 512-229.23 512-512-229.23-512-512-512zM512 896c-212.078 0-384-171.922-384-384s171.922-384 384-384c212.078 0 384 171.922 384 384s-171.922 384-384 384z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["clock","time","schedule"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":18,"name":"clock","prevSize":32,"code":59675},"setIdx":14,"setId":0,"iconIdx":21},{"icon":{"paths":["M320 384h128v128h-128zM512 384h128v128h-128zM704 384h128v128h-128zM128 768h128v128h-128zM320 768h128v128h-128zM512 768h128v128h-128zM320 576h128v128h-128zM512 576h128v128h-128zM704 576h128v128h-128zM128 576h128v128h-128zM832 0v64h-128v-64h-448v64h-128v-64h-128v1024h960v-1024h-128zM896 960h-832v-704h832v704z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["calendar","date","schedule","time","day"],"grid":16},"attrs":[{}],"properties":{"order":2,"id":17,"name":"calendar","prevSize":32,"code":59676},"setIdx":14,"setId":0,"iconIdx":22},{"icon":{"paths":["M928 0h-832c-52.8 0-96 43.2-96 96v832c0 52.8 43.2 96 96 96h832c52.8 0 96-43.2 96-96v-832c0-52.8-43.2-96-96-96zM288 672c-88.4 0-160-71.6-160-160s71.6-160 160-160 160 71.6 160 160-71.6 160-160 160zM736 672c-88.4 0-160-71.6-160-160s71.6-160 160-160c88.4 0 160 71.6 160 160s-71.6 160-160 160z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["flickr","brand","social"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":16,"name":"flickr","prevSize":32,"code":59677},"setIdx":14,"setId":0,"iconIdx":23},{"icon":{"paths":["M512 92.2c136.8 0 153 0.6 206.8 3 50 2.2 77 10.6 95 17.6 23.8 9.2 41 20.4 58.8 38.2 18 18 29 35 38.4 58.8 7 18 15.4 45.2 17.6 95 2.4 54 3 70.2 3 206.8s-0.6 153-3 206.8c-2.2 50-10.6 77-17.6 95-9.2 23.8-20.4 41-38.2 58.8-18 18-35 29-58.8 38.4-18 7-45.2 15.4-95 17.6-54 2.4-70.2 3-206.8 3s-153-0.6-206.8-3c-50-2.2-77-10.6-95-17.6-23.8-9.2-41-20.4-58.8-38.2-18-18-29-35-38.4-58.8-7-18-15.4-45.2-17.6-95-2.4-54-3-70.2-3-206.8s0.6-153 3-206.8c2.2-50 10.6-77 17.6-95 9.2-23.8 20.4-41 38.2-58.8 18-18 35-29 58.8-38.4 18-7 45.2-15.4 95-17.6 53.8-2.4 70-3 206.8-3zM512 0c-139 0-156.4 0.6-211 3-54.4 2.4-91.8 11.2-124.2 23.8-33.8 13.2-62.4 30.6-90.8 59.2-28.6 28.4-46 57-59.2 90.6-12.6 32.6-21.4 69.8-23.8 124.2-2.4 54.8-3 72.2-3 211.2s0.6 156.4 3 211c2.4 54.4 11.2 91.8 23.8 124.2 13.2 33.8 30.6 62.4 59.2 90.8 28.4 28.4 57 46 90.6 59 32.6 12.6 69.8 21.4 124.2 23.8 54.6 2.4 72 3 211 3s156.4-0.6 211-3c54.4-2.4 91.8-11.2 124.2-23.8 33.6-13 62.2-30.6 90.6-59s46-57 59-90.6c12.6-32.6 21.4-69.8 23.8-124.2 2.4-54.6 3-72 3-211s-0.6-156.4-3-211c-2.4-54.4-11.2-91.8-23.8-124.2-12.6-34-30-62.6-58.6-91-28.4-28.4-57-46-90.6-59-32.6-12.6-69.8-21.4-124.2-23.8-54.8-2.6-72.2-3.2-211.2-3.2v0z","M512 249c-145.2 0-263 117.8-263 263s117.8 263 263 263 263-117.8 263-263c0-145.2-117.8-263-263-263zM512 682.6c-94.2 0-170.6-76.4-170.6-170.6s76.4-170.6 170.6-170.6c94.2 0 170.6 76.4 170.6 170.6s-76.4 170.6-170.6 170.6z","M846.8 238.6c0 33.91-27.49 61.4-61.4 61.4s-61.4-27.49-61.4-61.4c0-33.91 27.49-61.4 61.4-61.4s61.4 27.49 61.4 61.4z"],"attrs":[{},{},{}],"isMulticolor":false,"isMulticolor2":false,"tags":["instagram","brand","social"],"grid":16},"attrs":[{},{},{}],"properties":{"order":1,"id":15,"name":"instagram","prevSize":32,"code":59678},"setIdx":14,"setId":0,"iconIdx":24},{"icon":{"paths":["M1024 226.4c-37.6 16.8-78.2 28-120.6 33 43.4-26 76.6-67.2 92.4-116.2-40.6 24-85.6 41.6-133.4 51-38.4-40.8-93-66.2-153.4-66.2-116 0-210 94-210 210 0 16.4 1.8 32.4 5.4 47.8-174.6-8.8-329.4-92.4-433-219.6-18 31-28.4 67.2-28.4 105.6 0 72.8 37 137.2 93.4 174.8-34.4-1-66.8-10.6-95.2-26.2 0 0.8 0 1.8 0 2.6 0 101.8 72.4 186.8 168.6 206-17.6 4.8-36.2 7.4-55.4 7.4-13.6 0-26.6-1.4-39.6-3.8 26.8 83.4 104.4 144.2 196.2 146-72 56.4-162.4 90-261 90-17 0-33.6-1-50.2-3 93.2 59.8 203.6 94.4 322.2 94.4 386.4 0 597.8-320.2 597.8-597.8 0-9.2-0.2-18.2-0.6-27.2 41-29.4 76.6-66.4 104.8-108.6z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["twitter","brand","tweet","social"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":14,"name":"twitter","prevSize":32,"code":59679},"setIdx":14,"setId":0,"iconIdx":25},{"icon":{"paths":["M896 256v-128h-896v704c0 35.346 28.654 64 64 64h864c53.022 0 96-42.978 96-96v-544h-128zM832 832h-768v-640h768v640zM128 320h640v64h-640zM512 448h256v64h-256zM512 576h256v64h-256zM512 704h192v64h-192zM128 448h320v320h-320z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["newspaper","news","paper"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":13,"name":"newspaper","prevSize":32,"code":59680},"setIdx":14,"setId":0,"iconIdx":26},{"icon":{"paths":["M384 928c0 53.019-42.981 96-96 96s-96-42.981-96-96c0-53.019 42.981-96 96-96s96 42.981 96 96z","M1024 928c0 53.019-42.981 96-96 96s-96-42.981-96-96c0-53.019 42.981-96 96-96s96 42.981 96 96z","M1024 512v-384h-768c0-35.346-28.654-64-64-64h-192v64h128l48.074 412.054c-29.294 23.458-48.074 59.5-48.074 99.946 0 70.696 57.308 128 128 128h768v-64h-768c-35.346 0-64-28.654-64-64 0-0.218 0.014-0.436 0.016-0.656l831.984-127.344z"],"attrs":[{},{},{}],"isMulticolor":false,"isMulticolor2":false,"tags":["cart","purchase","ecommerce","shopping"],"grid":16},"attrs":[{},{},{}],"properties":{"order":1,"id":12,"name":"cart","prevSize":32,"code":59681},"setIdx":14,"setId":0,"iconIdx":27},{"icon":{"paths":["M1024 608l-192-192v-288h-128v160l-192-192-512 512v32h128v320h320v-192h128v192h320v-320h128z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["home","house"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":11,"name":"home","prevSize":32,"code":59682},"setIdx":14,"setId":0,"iconIdx":28},{"icon":{"paths":["M440.236 635.766c-13.31 0-26.616-5.076-36.77-15.23-95.134-95.136-95.134-249.934 0-345.070l192-192c46.088-46.086 107.36-71.466 172.534-71.466s126.448 25.38 172.536 71.464c95.132 95.136 95.132 249.934 0 345.070l-87.766 87.766c-20.308 20.308-53.23 20.308-73.54 0-20.306-20.306-20.306-53.232 0-73.54l87.766-87.766c54.584-54.586 54.584-143.404 0-197.99-26.442-26.442-61.6-41.004-98.996-41.004s-72.552 14.562-98.996 41.006l-192 191.998c-54.586 54.586-54.586 143.406 0 197.992 20.308 20.306 20.306 53.232 0 73.54-10.15 10.152-23.462 15.23-36.768 15.23z","M256 1012c-65.176 0-126.45-25.38-172.534-71.464-95.134-95.136-95.134-249.934 0-345.070l87.764-87.764c20.308-20.306 53.234-20.306 73.54 0 20.308 20.306 20.308 53.232 0 73.54l-87.764 87.764c-54.586 54.586-54.586 143.406 0 197.992 26.44 26.44 61.598 41.002 98.994 41.002s72.552-14.562 98.998-41.006l192-191.998c54.584-54.586 54.584-143.406 0-197.992-20.308-20.308-20.306-53.232 0-73.54 20.306-20.306 53.232-20.306 73.54 0.002 95.132 95.134 95.132 249.932 0.002 345.068l-192.002 192c-46.090 46.088-107.364 71.466-172.538 71.466z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"tags":["link","chain","url","uri","anchor"],"grid":16},"attrs":[{},{}],"properties":{"order":43,"id":10,"prevSize":32,"code":59666,"name":"link"},"setIdx":14,"setId":0,"iconIdx":29},{"icon":{"paths":["M384 0l-384 512h384l-256 512 896-640h-512l384-384z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["power","lightning","bolt","electricity"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":9,"prevSize":32,"code":59660,"name":"power"},"setIdx":14,"setId":0,"iconIdx":30},{"icon":{"paths":["M1024 608l-192-192v-288h-128v160l-192-192-512 512v32h128v320h320v-192h128v192h320v-320h128z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["home","house"],"grid":16},"attrs":[{}],"properties":{"order":55,"id":8,"name":"house","prevSize":32,"code":59711},"setIdx":14,"setId":0,"iconIdx":31},{"icon":{"paths":["M704 64l-320 320h-192l-192 256c0 0 203.416-56.652 322.066-30.084l-322.066 414.084 421.902-328.144c58.838 134.654-37.902 328.144-37.902 328.144l256-192v-192l320-320 64-320-320 64z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["rocket","jet","speed","spaceship","fast"],"grid":16},"attrs":[{}],"properties":{"order":54,"id":7,"name":"rocket, jet, speed, spaceship, fast","prevSize":32,"code":59718},"setIdx":14,"setId":0,"iconIdx":32},{"icon":{"paths":["M512 0c-176.732 0-320 143.268-320 320 0 320 320 704 320 704s320-384 320-704c0-176.732-143.27-320-320-320zM512 512c-106.040 0-192-85.96-192-192s85.96-192 192-192 192 85.96 192 192-85.96 192-192 192z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["location","map-marker","pin"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":6,"prevSize":32,"code":59654,"name":"location"},"setIdx":14,"setId":0,"iconIdx":33},{"icon":{"paths":["M704 640c-64 64-64 128-128 128s-128-64-192-128-128-128-128-192 64-64 128-128-128-256-192-256-192 192-192 192c0 128 131.5 387.5 256 512s384 256 512 256c0 0 192-128 192-192s-192-256-256-192z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["phone","telephone","contact","support","call"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":5,"name":"phone","prevSize":32,"code":59655},"setIdx":14,"setId":0,"iconIdx":34},{"icon":{"paths":["M928 0h-832c-52.8 0-96 43.2-96 96v832c0 52.8 43.2 96 96 96h832c52.8 0 96-43.2 96-96v-832c0-52.8-43.2-96-96-96zM384 832h-128v-448h128v448zM320 320c-35.4 0-64-28.6-64-64s28.6-64 64-64c35.4 0 64 28.6 64 64s-28.6 64-64 64zM832 832h-128v-256c0-35.4-28.6-64-64-64s-64 28.6-64 64v256h-128v-448h128v79.4c26.4-36.2 66.8-79.4 112-79.4 79.6 0 144 71.6 144 160v288z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["linkedin","brand","social"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":4,"prevSize":32,"code":59651,"name":"linkedin"},"setIdx":14,"setId":0,"iconIdx":35},{"icon":{"paths":["M512.008 12.642c-282.738 0-512.008 229.218-512.008 511.998 0 226.214 146.704 418.132 350.136 485.836 25.586 4.738 34.992-11.11 34.992-24.632 0-12.204-0.48-52.542-0.696-95.324-142.448 30.976-172.504-60.41-172.504-60.41-23.282-59.176-56.848-74.916-56.848-74.916-46.452-31.778 3.51-31.124 3.51-31.124 51.4 3.61 78.476 52.766 78.476 52.766 45.672 78.27 119.776 55.64 149.004 42.558 4.588-33.086 17.852-55.68 32.506-68.464-113.73-12.942-233.276-56.85-233.276-253.032 0-55.898 20.004-101.574 52.76-137.428-5.316-12.9-22.854-64.972 4.952-135.5 0 0 43.006-13.752 140.84 52.49 40.836-11.348 84.636-17.036 128.154-17.234 43.502 0.198 87.336 5.886 128.256 17.234 97.734-66.244 140.656-52.49 140.656-52.49 27.872 70.528 10.35 122.6 5.036 135.5 32.82 35.856 52.694 81.532 52.694 137.428 0 196.654-119.778 239.95-233.79 252.624 18.364 15.89 34.724 47.046 34.724 94.812 0 68.508-0.596 123.644-0.596 140.508 0 13.628 9.222 29.594 35.172 24.566 203.322-67.776 349.842-259.626 349.842-485.768 0-282.78-229.234-511.998-511.992-511.998z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["github","brand","octacat","social"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":3,"name":"github1","prevSize":32,"code":59652},"setIdx":14,"setId":0,"iconIdx":36},{"icon":{"paths":["M325.8 457.4v111.8h184.8c-7.4 48-55.8 140.6-184.8 140.6-111.2 0-202-92.2-202-205.8s90.8-205.8 202-205.8c63.4 0 105.6 27 129.8 50.2l88.4-85.2c-56.8-53-130.4-85.2-218.2-85.2-180.2 0.2-325.8 145.8-325.8 326s145.6 325.8 325.8 325.8c188 0 312.8-132.2 312.8-318.4 0-21.4-2.4-37.8-5.2-54h-307.6z","M1024 448h-96v-96h-96v96h-96v96h96v96h96v-96h96z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"tags":["google-plus","brand","social"],"grid":16},"attrs":[{},{}],"properties":{"order":1,"id":2,"prevSize":32,"code":59648,"name":"gplus"},"setIdx":14,"setId":0,"iconIdx":37},{"icon":{"paths":["M1024 226.4c-37.6 16.8-78.2 28-120.6 33 43.4-26 76.6-67.2 92.4-116.2-40.6 24-85.6 41.6-133.4 51-38.4-40.8-93-66.2-153.4-66.2-116 0-210 94-210 210 0 16.4 1.8 32.4 5.4 47.8-174.6-8.8-329.4-92.4-433-219.6-18 31-28.4 67.2-28.4 105.6 0 72.8 37 137.2 93.4 174.8-34.4-1-66.8-10.6-95.2-26.2 0 0.8 0 1.8 0 2.6 0 101.8 72.4 186.8 168.6 206-17.6 4.8-36.2 7.4-55.4 7.4-13.6 0-26.6-1.4-39.6-3.8 26.8 83.4 104.4 144.2 196.2 146-72 56.4-162.4 90-261 90-17 0-33.6-1-50.2-3 93.2 59.8 203.6 94.4 322.2 94.4 386.4 0 597.8-320.2 597.8-597.8 0-9.2-0.2-18.2-0.6-27.2 41-29.4 76.6-66.4 104.8-108.6z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["twitter","brand","tweet","social"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":1,"prevSize":32,"code":59649,"name":"twitter1"},"setIdx":14,"setId":0,"iconIdx":38},{"icon":{"paths":["M608 192h160v-192h-160c-123.514 0-224 100.486-224 224v96h-128v192h128v512h192v-512h160l32-192h-192v-96c0-17.346 14.654-32 32-32z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["facebook","brand","social"],"grid":16},"attrs":[{}],"properties":{"order":1,"id":0,"name":"facebook","prevSize":32,"code":59650},"setIdx":14,"setId":0,"iconIdx":39},{"icon":{"paths":["M128 554.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 298.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 810.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["menu"],"grid":24},"attrs":[{}],"properties":{"order":1,"id":4,"prevSize":24,"code":59699,"name":"menu"},"setIdx":4,"setId":10,"iconIdx":2},{"icon":{"paths":["M414.165 798.165l256-256c16.683-16.683 16.683-43.691 0-60.331l-256-256c-16.683-16.683-43.691-16.683-60.331 0s-16.683 43.691 0 60.331l225.835 225.835-225.835 225.835c-16.683 16.683-16.683 43.691 0 60.331s43.691 16.683 60.331 0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["chevron-right"],"grid":24},"attrs":[{}],"properties":{"order":1,"id":3,"name":"chevron-right","prevSize":24,"code":59683},"setIdx":4,"setId":10,"iconIdx":3},{"icon":{"paths":["M670.165 737.835l-225.835-225.835 225.835-225.835c16.683-16.683 16.683-43.691 0-60.331s-43.691-16.683-60.331 0l-256 256c-16.683 16.683-16.683 43.691 0 60.331l256 256c16.683 16.683 43.691 16.683 60.331 0s16.683-43.691 0-60.331z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["chevron-left"],"grid":24},"attrs":[{}],"properties":{"order":2,"id":2,"name":"chevron-left","prevSize":24,"code":59684},"setIdx":4,"setId":10,"iconIdx":4},{"icon":{"paths":["M225.835 414.165l256 256c16.683 16.683 43.691 16.683 60.331 0l256-256c16.683-16.683 16.683-43.691 0-60.331s-43.691-16.683-60.331 0l-225.835 225.835-225.835-225.835c-16.683-16.683-43.691-16.683-60.331 0s-16.683 43.691 0 60.331z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["chevron-down"],"grid":24},"attrs":[{}],"properties":{"order":3,"id":1,"name":"chevron-down","prevSize":24,"code":59685},"setIdx":4,"setId":10,"iconIdx":5},{"icon":{"paths":["M798.165 609.835l-256-256c-16.683-16.683-43.691-16.683-60.331 0l-256 256c-16.683 16.683-16.683 43.691 0 60.331s43.691 16.683 60.331 0l225.835-225.835 225.835 225.835c16.683 16.683 43.691 16.683 60.331 0s16.683-43.691 0-60.331z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["chevron-up"],"grid":24},"attrs":[{}],"properties":{"order":4,"id":0,"name":"chevron-up","prevSize":24,"code":59686},"setIdx":4,"setId":10,"iconIdx":6},{"icon":{"paths":["M506 384h6q52 0 90 38t38 90v8zM322 418q-24 48-24 94 0 88 63 151t151 63q46 0 94-24l-66-66q-16 4-28 4-52 0-90-38t-38-90q0-12 4-28zM86 182l54-54 756 756-54 54q-10-10-63-62t-81-80q-86 36-186 36-158 0-286-88t-184-232q22-52 69-115t91-97q-24-24-67-68t-49-50zM512 298q-40 0-78 16l-92-92q78-30 170-30 158 0 285 88t183 232q-48 118-146 202l-124-124q16-38 16-78 0-88-63-151t-151-63z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["visibility_off"],"grid":24},"attrs":[{}],"properties":{"order":1,"id":6,"prevSize":24,"code":59719,"name":"eye-off"},"setIdx":8,"setId":6,"iconIdx":0},{"icon":{"paths":["M512 384q52 0 90 38t38 90-38 90-90 38-90-38-38-90 38-90 90-38zM512 726q88 0 151-63t63-151-63-151-151-63-151 63-63 151 63 151 151 63zM512 192q158 0 286 88t184 232q-56 144-184 232t-286 88-286-88-184-232q56-144 184-232t286-88z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["remove_red_eye","visibility"],"grid":24},"attrs":[{}],"properties":{"order":2,"id":5,"prevSize":24,"code":59720,"name":"eye"},"setIdx":8,"setId":6,"iconIdx":1},{"icon":{"paths":["M896 640v256h-256l98-98-124-122 62-62 122 124zM384 896h-256v-256l98 98 122-124 62 62-124 122zM128 384v-256h256l-98 98 124 122-62 62-122-124zM640 128h256v256l-98-98-122 124-62-62 124-122z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["zoom_out_map"],"grid":24},"attrs":[{}],"properties":{"order":1,"id":4,"prevSize":24,"name":"zoom_out_map","code":59687},"setIdx":8,"setId":6,"iconIdx":2},{"icon":{"paths":["M316 334l196 196 196-196 60 60-256 256-256-256z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["keyboard_arrow_down"],"grid":24},"attrs":[{}],"properties":{"order":1,"id":3,"prevSize":24,"code":59665,"name":"arrow-down"},"setIdx":8,"setId":6,"iconIdx":3},{"icon":{"paths":["M726 298c118 0 212 96 212 214s-94 214-212 214h-172v-82h172c72 0 132-60 132-132s-60-132-132-132h-172v-82h172zM342 554v-84h340v84h-340zM166 512c0 72 60 132 132 132h172v82h-172c-118 0-212-96-212-214s94-214 212-214h172v82h-172c-72 0-132 60-132 132z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["link"],"grid":24},"attrs":[{}],"properties":{"order":1,"id":1,"prevSize":24,"code":59664,"name":"link1"},"setIdx":8,"setId":6,"iconIdx":5},{"icon":{"paths":["M810 640v-86h-84v86h84zM810 810v-84h-84v84h84zM554 298v-84h-84v84h84zM554 470v-86h-84v86h84zM554 640v-86h-84v86h84zM554 810v-84h-84v84h84zM298 470v-86h-84v86h84zM298 640v-86h-84v86h84zM298 810v-84h-84v84h84zM640 470h256v426h-768v-598h256v-84l128-128 128 128v256z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["location_city"],"grid":24},"attrs":[{}],"properties":{"order":1,"id":0,"prevSize":24,"code":59656,"name":"city"},"setIdx":8,"setId":6,"iconIdx":6},{"icon":{"paths":["M426.667 704c0 11.733-9.6 21.333-21.333 21.333s-21.333-9.6-21.333-21.333v-256c0-11.733 9.6-21.333 21.333-21.333s21.333 9.6 21.333 21.333v256z","M512 704c0 11.733-9.6 21.333-21.333 21.333s-21.333-9.6-21.333-21.333v-256c0-11.733 9.6-21.333 21.333-21.333s21.333 9.6 21.333 21.333v256z","M597.333 704c0 11.733-9.6 21.333-21.333 21.333s-21.333-9.6-21.333-21.333v-256c0-11.733 9.6-21.333 21.333-21.333s21.333 9.6 21.333 21.333v256z","M789.333 256h-21.333v-42.667c0-47.104-38.229-85.333-85.333-85.333h-384c-47.104 0-85.333 38.229-85.333 85.333v554.667c0 70.656 57.344 128 128 128h298.667c70.656 0 128-57.344 128-128h21.333c82.347 0 149.333-66.987 149.333-149.333v-213.333c0-82.347-66.987-149.333-149.333-149.333zM298.667 213.333h384v42.667h-189.611l-5.035 14.165c-6.997 19.541-28.288 31.147-47.659 27.648l-14.848-2.475-7.381 13.099c-11.392 20.267-32.64 32.896-55.467 32.896-35.285 0-64-28.715-64-64v-64zM682.667 768c0 23.552-19.115 42.667-42.667 42.667h-298.667c-23.552 0-42.667-19.115-42.667-42.667v-405.76c17.877 13.525 39.936 21.76 64 21.76 33.451 0 64.896-16.043 84.864-42.667 31.061 0 59.008-16.683 74.069-42.667h161.067v469.334zM853.333 618.667c0 35.285-28.715 64-64 64h-64v-341.333h64c35.285 0 64 28.715 64 64v213.333z"],"attrs":[{},{},{},{}],"isMulticolor":false,"isMulticolor2":false,"tags":["beer"],"grid":24},"attrs":[{},{},{},{}],"properties":{"order":1,"id":0,"name":"beer","prevSize":24,"code":59657},"setIdx":9,"setId":5,"iconIdx":0},{"icon":{"paths":["M146.286 329.143c0 20-16.571 36.571-36.571 36.571-20.571 0-36.571-16.571-36.571-36.571 0-20.571 16-36.571 36.571-36.571 20 0 36.571 16 36.571 36.571zM237.714 621.714v-365.714c0-20-16.571-36.571-36.571-36.571h-164.571c-20 0-36.571 16.571-36.571 36.571v365.714c0 20 16.571 36.571 36.571 36.571h164.571c20 0 36.571-16.571 36.571-36.571zM882.857 536.571c19.429 21.714 31.429 54.857 31.429 85.143-0.571 59.429-50.286 109.714-109.714 109.714h-158.286c4.571 18.286 10.286 24 16.571 36.571 14.857 29.714 32 62.857 32 109.714 0 44 0 146.286-128 146.286-9.714 0-18.857-4-25.714-10.857-24.571-24-31.429-59.429-37.714-93.143-6.857-33.143-13.143-67.429-35.429-89.714-17.714-17.714-37.143-42.286-57.714-68.571-25.143-33.143-80-101.143-101.143-102.857-18.857-1.714-34.857-17.714-34.857-36.571v-366.286c0-20 17.143-36 36.571-36.571 20-0.571 54.286-12.571 90.286-25.143 61.714-21.143 138.857-48 220.571-48h73.714c50.286 0.571 88 15.429 112.571 44.571 21.714 25.714 31.429 60.571 28 103.429 14.286 13.714 25.143 32.571 30.857 53.714 6.286 22.857 6.286 45.714 0 66.857 17.143 22.857 25.714 49.714 24.571 78.286 0 8-2.286 25.143-8.571 43.429z"],"attrs":[{}],"width":914,"isMulticolor":false,"isMulticolor2":false,"tags":["thumbs-down"],"grid":14},"attrs":[{}],"properties":{"order":1,"id":10,"prevSize":28,"code":59709,"name":"thumbs-down"},"setIdx":13,"setId":1,"iconIdx":0},{"icon":{"paths":["M146.286 768c0-20-16.571-36.571-36.571-36.571-20.571 0-36.571 16.571-36.571 36.571 0 20.571 16 36.571 36.571 36.571 20 0 36.571-16 36.571-36.571zM237.714 475.429v365.714c0 20-16.571 36.571-36.571 36.571h-164.571c-20 0-36.571-16.571-36.571-36.571v-365.714c0-20 16.571-36.571 36.571-36.571h164.571c20 0 36.571 16.571 36.571 36.571zM914.286 475.429c0 30.286-12 62.857-31.429 85.143 6.286 18.286 8.571 35.429 8.571 43.429 1.143 28.571-7.429 55.429-24.571 78.286 6.286 21.143 6.286 44 0 66.857-5.714 21.143-16.571 40-30.857 53.714 3.429 42.857-6.286 77.714-28 103.429-24.571 29.143-62.286 44-112.571 44.571h-73.714c-81.714 0-158.857-26.857-220.571-48-36-12.571-70.286-24.571-90.286-25.143-19.429-0.571-36.571-16.571-36.571-36.571v-366.286c0-18.857 16-34.857 34.857-36.571 21.143-1.714 76-69.714 101.143-102.857 20.571-26.286 40-50.857 57.714-68.571 22.286-22.286 28.571-56.571 35.429-89.714 6.286-33.714 13.143-69.143 37.714-93.143 6.857-6.857 16-10.857 25.714-10.857 128 0 128 102.286 128 146.286 0 46.857-16.571 80-32 109.714-6.286 12.571-12 18.286-16.571 36.571h158.286c59.429 0 109.714 50.286 109.714 109.714z"],"attrs":[{}],"width":914,"isMulticolor":false,"isMulticolor2":false,"tags":["thumbs-up"],"grid":14},"attrs":[{}],"properties":{"order":2,"id":9,"prevSize":28,"code":59710,"name":"thumbs-up"},"setIdx":13,"setId":1,"iconIdx":1},{"icon":{"paths":["M585.143 804.571h365.714v-73.143h-365.714v73.143zM365.714 512h585.143v-73.143h-585.143v73.143zM731.429 219.429h219.429v-73.143h-219.429v73.143zM1024 694.857v146.286c0 20-16.571 36.571-36.571 36.571h-950.857c-20 0-36.571-16.571-36.571-36.571v-146.286c0-20 16.571-36.571 36.571-36.571h950.857c20 0 36.571 16.571 36.571 36.571zM1024 402.286v146.286c0 20-16.571 36.571-36.571 36.571h-950.857c-20 0-36.571-16.571-36.571-36.571v-146.286c0-20 16.571-36.571 36.571-36.571h950.857c20 0 36.571 16.571 36.571 36.571zM1024 109.714v146.286c0 20-16.571 36.571-36.571 36.571h-950.857c-20 0-36.571-16.571-36.571-36.571v-146.286c0-20 16.571-36.571 36.571-36.571h950.857c20 0 36.571 16.571 36.571 36.571z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["tasks"],"grid":14},"attrs":[{}],"properties":{"order":1,"id":8,"name":"tasks","prevSize":28,"code":59708},"setIdx":13,"setId":1,"iconIdx":2},{"icon":{"paths":["M219.429 877.714c0-40.571-32.571-73.143-73.143-73.143s-73.143 32.571-73.143 73.143 32.571 73.143 73.143 73.143 73.143-32.571 73.143-73.143zM438.857 877.714c0-40.571-32.571-73.143-73.143-73.143s-73.143 32.571-73.143 73.143 32.571 73.143 73.143 73.143 73.143-32.571 73.143-73.143zM219.429 658.286c0-40.571-32.571-73.143-73.143-73.143s-73.143 32.571-73.143 73.143 32.571 73.143 73.143 73.143 73.143-32.571 73.143-73.143zM658.286 877.714c0-40.571-32.571-73.143-73.143-73.143s-73.143 32.571-73.143 73.143 32.571 73.143 73.143 73.143 73.143-32.571 73.143-73.143zM438.857 658.286c0-40.571-32.571-73.143-73.143-73.143s-73.143 32.571-73.143 73.143 32.571 73.143 73.143 73.143 73.143-32.571 73.143-73.143zM219.429 438.857c0-40.571-32.571-73.143-73.143-73.143s-73.143 32.571-73.143 73.143 32.571 73.143 73.143 73.143 73.143-32.571 73.143-73.143zM658.286 658.286c0-40.571-32.571-73.143-73.143-73.143s-73.143 32.571-73.143 73.143 32.571 73.143 73.143 73.143 73.143-32.571 73.143-73.143zM438.857 438.857c0-40.571-32.571-73.143-73.143-73.143s-73.143 32.571-73.143 73.143 32.571 73.143 73.143 73.143 73.143-32.571 73.143-73.143zM877.714 877.714v-219.429c0-40-33.143-73.143-73.143-73.143v0c-40 0-73.143 33.143-73.143 73.143v219.429c0 40 33.143 73.143 73.143 73.143v0c40 0 73.143-33.143 73.143-73.143zM658.286 438.857c0-40.571-32.571-73.143-73.143-73.143s-73.143 32.571-73.143 73.143 32.571 73.143 73.143 73.143 73.143-32.571 73.143-73.143zM877.714 256v-146.286c0-20-16.571-36.571-36.571-36.571h-731.429c-20 0-36.571 16.571-36.571 36.571v146.286c0 20 16.571 36.571 36.571 36.571h731.429c20 0 36.571-16.571 36.571-36.571zM877.714 438.857c0-40.571-32.571-73.143-73.143-73.143s-73.143 32.571-73.143 73.143 32.571 73.143 73.143 73.143 73.143-32.571 73.143-73.143zM950.857 73.143v877.714c0 40-33.143 73.143-73.143 73.143h-804.571c-40 0-73.143-33.143-73.143-73.143v-877.714c0-40 33.143-73.143 73.143-73.143h804.571c40 0 73.143 33.143 73.143 73.143z"],"attrs":[{}],"width":951,"isMulticolor":false,"isMulticolor2":false,"tags":["calculator"],"grid":14},"attrs":[{}],"properties":{"order":1,"id":7,"name":"calculator","prevSize":28,"code":59697},"setIdx":13,"setId":1,"iconIdx":3},{"icon":{"paths":["M548.571 0l548.571 219.429v73.143h-73.143c0 20-17.714 36.571-39.429 36.571h-872c-21.714 0-39.429-16.571-39.429-36.571h-73.143v-73.143zM146.286 365.714h146.286v438.857h73.143v-438.857h146.286v438.857h73.143v-438.857h146.286v438.857h73.143v-438.857h146.286v438.857h33.714c21.714 0 39.429 16.571 39.429 36.571v36.571h-950.857v-36.571c0-20 17.714-36.571 39.429-36.571h33.714v-438.857zM1057.714 914.286c21.714 0 39.429 16.571 39.429 36.571v73.143h-1097.143v-73.143c0-20 17.714-36.571 39.429-36.571h1018.286z"],"attrs":[{}],"width":1097,"isMulticolor":false,"isMulticolor2":false,"tags":["bank","institution","university"],"grid":14},"attrs":[{}],"properties":{"order":1,"id":6,"name":"bank","prevSize":28,"code":59690},"setIdx":13,"setId":1,"iconIdx":4},{"icon":{"paths":["M829.143 73.143c26.857 0 48.571 21.714 48.571 48.571v780.571c0 26.857-21.714 48.571-48.571 48.571h-223.429v-340h113.714l17.143-132.571h-130.857v-84.571c0-38.286 10.286-64 65.714-64l69.714-0.571v-118.286c-12-1.714-53.714-5.143-101.714-5.143-101.143 0-170.857 61.714-170.857 174.857v97.714h-114.286v132.571h114.286v340h-420c-26.857 0-48.571-21.714-48.571-48.571v-780.571c0-26.857 21.714-48.571 48.571-48.571h780.571z"],"attrs":[{}],"width":878,"isMulticolor":false,"isMulticolor2":false,"tags":["facebook-official"],"grid":14},"attrs":[{}],"properties":{"order":1,"id":5,"name":"facebook-official","prevSize":28,"code":59691},"setIdx":13,"setId":1,"iconIdx":5},{"icon":{"paths":["M741.714 755.429c0 14.286-5.714 28.571-16 38.857l-77.714 77.714c-10.286 10.286-24.571 16-38.857 16s-28.571-5.714-38.857-16l-168-168-168 168c-10.286 10.286-24.571 16-38.857 16s-28.571-5.714-38.857-16l-77.714-77.714c-10.286-10.286-16-24.571-16-38.857s5.714-28.571 16-38.857l168-168-168-168c-10.286-10.286-16-24.571-16-38.857s5.714-28.571 16-38.857l77.714-77.714c10.286-10.286 24.571-16 38.857-16s28.571 5.714 38.857 16l168 168 168-168c10.286-10.286 24.571-16 38.857-16s28.571 5.714 38.857 16l77.714 77.714c10.286 10.286 16 24.571 16 38.857s-5.714 28.571-16 38.857l-168 168 168 168c10.286 10.286 16 24.571 16 38.857z"],"attrs":[{}],"width":805,"isMulticolor":false,"isMulticolor2":false,"tags":["close","remove","times"],"grid":14},"attrs":[{}],"properties":{"order":1,"id":4,"prevSize":28,"name":"close","code":59692},"setIdx":13,"setId":1,"iconIdx":6},{"icon":{"paths":["M548.571 146.286c0-20-16.571-36.571-36.571-36.571s-36.571 16.571-36.571 36.571 16.571 36.571 36.571 36.571 36.571-16.571 36.571-36.571zM1024 676.571v201.143c0 7.429-4.571 14.286-11.429 17.143-2.286 0.571-4.571 1.143-6.857 1.143-4.571 0-9.143-1.714-13.143-5.143l-53.143-53.143c-89.714 108-250.857 177.143-427.429 177.143s-337.714-69.143-427.429-177.143l-53.143 53.143c-3.429 3.429-8.571 5.143-13.143 5.143-2.286 0-4.571-0.571-6.857-1.143-6.857-2.857-11.429-9.714-11.429-17.143v-201.143c0-10.286 8-18.286 18.286-18.286h201.143c7.429 0 14.286 4.571 17.143 11.429s1.143 14.286-4 20l-57.143 57.143c51.429 69.143 150.286 119.429 263.429 134.857v-369.714h-109.714c-20 0-36.571-16.571-36.571-36.571v-73.143c0-20 16.571-36.571 36.571-36.571h109.714v-93.143c-43.429-25.143-73.143-72-73.143-126.286 0-80.571 65.714-146.286 146.286-146.286s146.286 65.714 146.286 146.286c0 54.286-29.714 101.143-73.143 126.286v93.143h109.714c20 0 36.571 16.571 36.571 36.571v73.143c0 20-16.571 36.571-36.571 36.571h-109.714v369.714c113.143-15.429 212-65.714 263.429-134.857l-57.143-57.143c-5.143-5.714-6.857-13.143-4-20s9.714-11.429 17.143-11.429h201.143c10.286 0 18.286 8 18.286 18.286z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["anchor"],"grid":14},"attrs":[{}],"properties":{"order":1,"id":3,"name":"anchor","prevSize":28,"code":59693},"setIdx":13,"setId":1,"iconIdx":7},{"icon":{"paths":["M219.429 768c0 60.571-49.143 109.714-109.714 109.714s-109.714-49.143-109.714-109.714 49.143-109.714 109.714-109.714 109.714 49.143 109.714 109.714zM512 838.286c0.571 10.286-2.857 20-9.714 27.429-6.857 8-16.571 12-26.857 12h-77.143c-18.857 0-34.286-14.286-36-33.143-16.571-174.286-154.857-312.571-329.143-329.143-18.857-1.714-33.143-17.143-33.143-36v-77.143c0-10.286 4-20 12-26.857 6.286-6.286 15.429-9.714 24.571-9.714h2.857c121.714 9.714 236.571 62.857 322.857 149.714 86.857 86.286 140 201.143 149.714 322.857zM804.571 839.429c0.571 9.714-2.857 19.429-10.286 26.857-6.857 7.429-16 11.429-26.286 11.429h-81.714c-19.429 0-35.429-14.857-36.571-34.286-18.857-332-283.429-596.571-615.429-616-19.429-1.143-34.286-17.143-34.286-36v-81.714c0-10.286 4-19.429 11.429-26.286 6.857-6.857 16-10.286 25.143-10.286h1.714c200 10.286 388 94.286 529.714 236.571 142.286 141.714 226.286 329.714 236.571 529.714z"],"attrs":[{}],"width":805,"isMulticolor":false,"isMulticolor2":false,"tags":["feed","rss"],"grid":14},"attrs":[{}],"properties":{"order":1,"id":2,"name":"feed","prevSize":28,"code":59694},"setIdx":13,"setId":1,"iconIdx":8},{"icon":{"paths":["M445.714 269.714c0 64-33.143 140-106.857 140-92.571 0-148.571-116.571-148.571-196.571 0-64 33.143-140 106.857-140 93.143 0 148.571 116.571 148.571 196.571zM250.286 545.714c0 55.429-29.143 113.143-92 113.143-91.429 0-158.286-112-158.286-194.857 0-55.429 29.714-113.714 92-113.714 91.429 0 158.286 112.571 158.286 195.429zM475.429 530.286c140 0 329.143 201.714 329.143 336.571 0 72.571-59.429 84-117.714 84-76.571 0-138.286-51.429-211.429-51.429-76.571 0-141.714 50.857-224.571 50.857-55.429 0-104.571-18.857-104.571-83.429 0-135.429 189.143-336.571 329.143-336.571zM612 409.714c-73.714 0-106.857-76-106.857-140 0-80 55.429-196.571 148.571-196.571 73.714 0 106.857 76 106.857 140 0 80-56 196.571-148.571 196.571zM858.857 350.286c62.286 0 92 58.286 92 113.714 0 82.857-66.857 194.857-158.286 194.857-62.857 0-92-57.714-92-113.143 0-82.857 66.857-195.429 158.286-195.429z"],"attrs":[{}],"width":951,"isMulticolor":false,"isMulticolor2":false,"tags":["paw"],"grid":14},"attrs":[{}],"properties":{"order":1,"id":1,"prevSize":28,"code":59659,"name":"paw"},"setIdx":13,"setId":1,"iconIdx":9},{"icon":{"paths":["M1024 405.714v453.714c0 50.286-41.143 91.429-91.429 91.429h-841.143c-50.286 0-91.429-41.143-91.429-91.429v-453.714c17.143 18.857 36.571 35.429 57.714 49.714 94.857 64.571 190.857 129.143 284 197.143 48 35.429 107.429 78.857 169.714 78.857h1.143c62.286 0 121.714-43.429 169.714-78.857 93.143-67.429 189.143-132.571 284.571-197.143 20.571-14.286 40-30.857 57.143-49.714zM1024 237.714c0 64-47.429 121.714-97.714 156.571-89.143 61.714-178.857 123.429-267.429 185.714-37.143 25.714-100 78.286-146.286 78.286h-1.143c-46.286 0-109.143-52.571-146.286-78.286-88.571-62.286-178.286-124-266.857-185.714-40.571-27.429-98.286-92-98.286-144 0-56 30.286-104 91.429-104h841.143c49.714 0 91.429 41.143 91.429 91.429z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["envelope"],"grid":14},"attrs":[{}],"properties":{"order":13,"id":0,"name":"envelope","prevSize":28,"code":59695},"setIdx":13,"setId":1,"iconIdx":10}],"height":1024,"metadata":{"name":"pirati-ui"},"preferences":{"showGlyphs":true,"showCodes":true,"showQuickUse":true,"showQuickUse2":true,"showSVGs":true,"fontPref":{"prefix":"ico--","metadata":{"fontFamily":"pirati-ui","majorVersion":1,"minorVersion":1},"metrics":{"emSize":1024,"baseline":6.25,"whitespace":50},"embed":false,"showSelector":true,"cssVars":true,"cssVarsFormat":"scss","showMetrics":true,"showMetadata":true,"showVersion":true,"selector":"","classSelector":".icon"},"imagePref":{"prefix":"icon-","png":true,"useClassSelector":true,"color":0,"bgColor":16777215,"name":"icomoon","classSelector":".icon"},"historySize":50,"showLiga":true,"gridSize":16}} \ No newline at end of file diff --git a/source/icons/style.css b/source/icons/style.css index b2e8cdd78c00110dd1a2e28ba23a563e335b8aa8..4ec54a943ff3475080e874b110d9b1596590da89 100644 --- a/source/icons/style.css +++ b/source/icons/style.css @@ -1,10 +1,10 @@ @font-face { font-family: 'pirati-ui'; - src: url('fonts/pirati-ui.eot?fpla8g'); - src: url('fonts/pirati-ui.eot?fpla8g#iefix') format('embedded-opentype'), - url('fonts/pirati-ui.ttf?fpla8g') format('truetype'), - url('fonts/pirati-ui.woff?fpla8g') format('woff'), - url('fonts/pirati-ui.svg?fpla8g#pirati-ui') format('svg'); + src: url('fonts/pirati-ui.eot?uj7vjb'); + src: url('fonts/pirati-ui.eot?uj7vjb#iefix') format('embedded-opentype'), + url('fonts/pirati-ui.ttf?uj7vjb') format('truetype'), + url('fonts/pirati-ui.woff?uj7vjb') format('woff'), + url('fonts/pirati-ui.svg?uj7vjb#pirati-ui') format('svg'); font-weight: normal; font-style: normal; font-display: block; @@ -25,6 +25,30 @@ -moz-osx-font-smoothing: grayscale; } +.ico--lock-open:before { + content: "\e949"; +} +.ico--lock:before { + content: "\e94a"; +} +.ico--dots-three-vertical:before { + content: "\e940"; +} +.ico--dots-three-horizontal:before { + content: "\e941"; +} +.ico--log-out:before { + content: "\e942"; +} +.ico--pin:before { + content: "\e943"; +} +.ico--edit-pencil:before { + content: "\e929"; +} +.ico--at:before { + content: "\e905"; +} .ico--strategy:before { content: "\e932"; } @@ -46,6 +70,78 @@ .ico--search:before { content: "\e913"; } +.ico--switch:before { + content: "\e94b"; +} +.ico--loop:before { + content: "\e94c"; +} +.ico--repeat:before { + content: "\e94c"; +} +.ico--player:before { + content: "\e94c"; +} +.ico--reload:before { + content: "\e94c"; +} +.ico--refresh:before { + content: "\e94c"; +} +.ico--update:before { + content: "\e94c"; +} +.ico--synchronize:before { + content: "\e94c"; +} +.ico--arrows:before { + content: "\e94c"; +} +.ico--spinner:before { + content: "\e94d"; +} +.ico--loading:before { + content: "\e94d"; +} +.ico--loading-wheel:before { + content: "\e94d"; +} +.ico--refresh1:before { + content: "\e94d"; +} +.ico--repeat1:before { + content: "\e94d"; +} +.ico--busy:before { + content: "\e94d"; +} +.ico--wait:before { + content: "\e94d"; +} +.ico--arrow:before { + content: "\e94d"; +} +.ico--bullhorn:before { + content: "\e944"; +} +.ico--bin:before { + content: "\e945"; +} +.ico--trashcan:before { + content: "\e945"; +} +.ico--remove:before { + content: "\e945"; +} +.ico--delete:before { + content: "\e945"; +} +.ico--recycle:before { + content: "\e945"; +} +.ico--dispose:before { + content: "\e945"; +} .ico--cross:before { content: "\e937"; } @@ -163,6 +259,24 @@ .ico--power:before { content: "\e90c"; } +.ico--house:before { + content: "\e93f"; +} +.ico--rocket:before { + content: "\e946"; +} +.ico--jet:before { + content: "\e946"; +} +.ico--speed:before { + content: "\e946"; +} +.ico--spaceship:before { + content: "\e946"; +} +.ico--fast:before { + content: "\e946"; +} .ico--location:before { content: "\e906"; } @@ -199,6 +313,12 @@ .ico--chevron-up:before { content: "\e926"; } +.ico--eye-off:before { + content: "\e947"; +} +.ico--eye:before { + content: "\e948"; +} .ico--zoom_out_map:before { content: "\e927"; } @@ -214,12 +334,6 @@ .ico--beer:before { content: "\e909"; } -.ico--edit-pencil:before { - content: "\e929"; -} -.ico--at:before { - content: "\e905"; -} .ico--thumbs-down:before { content: "\e93d"; } diff --git a/source/icons/style.scss b/source/icons/style.scss index 02f87246771aa6c44fd5972779b43928649640bd..ca5bca1991b896c501bfec52c903a20c04f4e27c 100644 --- a/source/icons/style.scss +++ b/source/icons/style.scss @@ -2,11 +2,11 @@ @font-face { font-family: '#{$icomoon-font-family}'; - src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?fpla8g'); - src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?fpla8g#iefix') format('embedded-opentype'), - url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?fpla8g') format('truetype'), - url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?fpla8g') format('woff'), - url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?fpla8g##{$icomoon-font-family}') format('svg'); + src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?uj7vjb'); + src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?uj7vjb#iefix') format('embedded-opentype'), + url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?uj7vjb') format('truetype'), + url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?uj7vjb') format('woff'), + url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?uj7vjb##{$icomoon-font-family}') format('svg'); font-weight: normal; font-style: normal; font-display: block; @@ -27,6 +27,46 @@ -moz-osx-font-smoothing: grayscale; } +.ico--lock-open { + &:before { + content: $ico--lock-open; + } +} +.ico--lock { + &:before { + content: $ico--lock; + } +} +.ico--dots-three-vertical { + &:before { + content: $ico--dots-three-vertical; + } +} +.ico--dots-three-horizontal { + &:before { + content: $ico--dots-three-horizontal; + } +} +.ico--log-out { + &:before { + content: $ico--log-out; + } +} +.ico--pin { + &:before { + content: $ico--pin; + } +} +.ico--edit-pencil { + &:before { + content: $ico--edit-pencil; + } +} +.ico--at { + &:before { + content: $ico--at; + } +} .ico--strategy { &:before { content: $ico--strategy; @@ -62,6 +102,126 @@ content: $ico--search; } } +.ico--switch { + &:before { + content: $ico--switch; + } +} +.ico--loop { + &:before { + content: $ico--loop; + } +} +.ico--repeat { + &:before { + content: $ico--repeat; + } +} +.ico--player { + &:before { + content: $ico--player; + } +} +.ico--reload { + &:before { + content: $ico--reload; + } +} +.ico--refresh { + &:before { + content: $ico--refresh; + } +} +.ico--update { + &:before { + content: $ico--update; + } +} +.ico--synchronize { + &:before { + content: $ico--synchronize; + } +} +.ico--arrows { + &:before { + content: $ico--arrows; + } +} +.ico--spinner { + &:before { + content: $ico--spinner; + } +} +.ico--loading { + &:before { + content: $ico--loading; + } +} +.ico--loading-wheel { + &:before { + content: $ico--loading-wheel; + } +} +.ico--refresh1 { + &:before { + content: $ico--refresh1; + } +} +.ico--repeat1 { + &:before { + content: $ico--repeat1; + } +} +.ico--busy { + &:before { + content: $ico--busy; + } +} +.ico--wait { + &:before { + content: $ico--wait; + } +} +.ico--arrow { + &:before { + content: $ico--arrow; + } +} +.ico--bullhorn { + &:before { + content: $ico--bullhorn; + } +} +.ico--bin { + &:before { + content: $ico--bin; + } +} +.ico--trashcan { + &:before { + content: $ico--trashcan; + } +} +.ico--remove { + &:before { + content: $ico--remove; + } +} +.ico--delete { + &:before { + content: $ico--delete; + } +} +.ico--recycle { + &:before { + content: $ico--recycle; + } +} +.ico--dispose { + &:before { + content: $ico--dispose; + } +} .ico--cross { &:before { content: $ico--cross; @@ -257,6 +417,36 @@ content: $ico--power; } } +.ico--house { + &:before { + content: $ico--house; + } +} +.ico--rocket { + &:before { + content: $ico--rocket; + } +} +.ico--jet { + &:before { + content: $ico--jet; + } +} +.ico--speed { + &:before { + content: $ico--speed; + } +} +.ico--spaceship { + &:before { + content: $ico--spaceship; + } +} +.ico--fast { + &:before { + content: $ico--fast; + } +} .ico--location { &:before { content: $ico--location; @@ -317,6 +507,16 @@ content: $ico--chevron-up; } } +.ico--eye-off { + &:before { + content: $ico--eye-off; + } +} +.ico--eye { + &:before { + content: $ico--eye; + } +} .ico--zoom_out_map { &:before { content: $ico--zoom_out_map; @@ -342,16 +542,6 @@ content: $ico--beer; } } -.ico--edit-pencil { - &:before { - content: $ico--edit-pencil; - } -} -.ico--at { - &:before { - content: $ico--at; - } -} .ico--thumbs-down { &:before { content: $ico--thumbs-down; diff --git a/source/icons/variables.scss b/source/icons/variables.scss index 96ab9ad0f91929ce5b357b212449a171762ad870..8432743b68c5f58eb8b83e7d08f5df369378b1d6 100644 --- a/source/icons/variables.scss +++ b/source/icons/variables.scss @@ -1,6 +1,14 @@ $icomoon-font-family: "pirati-ui" !default; $icomoon-font-path: "fonts" !default; +$ico--lock-open: "\e949"; +$ico--lock: "\e94a"; +$ico--dots-three-vertical: "\e940"; +$ico--dots-three-horizontal: "\e941"; +$ico--log-out: "\e942"; +$ico--pin: "\e943"; +$ico--edit-pencil: "\e929"; +$ico--at: "\e905"; $ico--strategy: "\e932"; $ico--pig: "\e928"; $ico--thermometer: "\e90a"; @@ -8,6 +16,30 @@ $ico--pirati: "\e90d"; $ico--stackshare: "\e90f"; $ico--open-source: "\e90e"; $ico--search: "\e913"; +$ico--switch: "\e94b"; +$ico--loop: "\e94c"; +$ico--repeat: "\e94c"; +$ico--player: "\e94c"; +$ico--reload: "\e94c"; +$ico--refresh: "\e94c"; +$ico--update: "\e94c"; +$ico--synchronize: "\e94c"; +$ico--arrows: "\e94c"; +$ico--spinner: "\e94d"; +$ico--loading: "\e94d"; +$ico--loading-wheel: "\e94d"; +$ico--refresh1: "\e94d"; +$ico--repeat1: "\e94d"; +$ico--busy: "\e94d"; +$ico--wait: "\e94d"; +$ico--arrow: "\e94d"; +$ico--bullhorn: "\e944"; +$ico--bin: "\e945"; +$ico--trashcan: "\e945"; +$ico--remove: "\e945"; +$ico--delete: "\e945"; +$ico--recycle: "\e945"; +$ico--dispose: "\e945"; $ico--cross: "\e937"; $ico--checkbox-checked: "\e938"; $ico--quill: "\e939"; @@ -47,6 +79,12 @@ $ico--cart: "\e921"; $ico--home: "\e922"; $ico--link: "\e912"; $ico--power: "\e90c"; +$ico--house: "\e93f"; +$ico--rocket: "\e946"; +$ico--jet: "\e946"; +$ico--speed: "\e946"; +$ico--spaceship: "\e946"; +$ico--fast: "\e946"; $ico--location: "\e906"; $ico--phone: "\e907"; $ico--linkedin: "\e903"; @@ -59,13 +97,13 @@ $ico--chevron-right: "\e923"; $ico--chevron-left: "\e924"; $ico--chevron-down: "\e925"; $ico--chevron-up: "\e926"; +$ico--eye-off: "\e947"; +$ico--eye: "\e948"; $ico--zoom_out_map: "\e927"; $ico--arrow-down: "\e911"; $ico--link1: "\e910"; $ico--city: "\e908"; $ico--beer: "\e909"; -$ico--edit-pencil: "\e929"; -$ico--at: "\e905"; $ico--thumbs-down: "\e93d"; $ico--thumbs-up: "\e93e"; $ico--tasks: "\e93c";