2020-05-25 12:01:32 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
|
|
<head>
|
2020-05-25 16:10:26 +02:00
|
|
|
<title>System UIcons</title>
|
2020-05-25 12:01:32 +02:00
|
|
|
<meta charset="utf-8" />
|
|
|
|
<meta
|
|
|
|
name="viewport"
|
|
|
|
content="width=device-width, initial-scale=1, shrink-to-fit=no"
|
|
|
|
/>
|
2020-05-26 12:10:14 +02:00
|
|
|
<script
|
|
|
|
src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.3.5/dist/alpine.min.js"
|
|
|
|
defer
|
|
|
|
></script>
|
2020-05-26 16:14:18 +02:00
|
|
|
<link rel="icon" type="image/svg+xml" href="/images/favicons/favicon.svg" />
|
|
|
|
<link rel="alternate icon" href="/images/favicons/favicon.ico" />
|
|
|
|
<link
|
|
|
|
rel="mask-icon"
|
|
|
|
href="/images/favicons/safari-pinned-tab.svg"
|
|
|
|
color="#2A2E3B"
|
|
|
|
/>
|
2020-05-25 12:01:32 +02:00
|
|
|
</head>
|
2020-05-25 15:07:46 +02:00
|
|
|
<body
|
2020-05-27 08:00:08 +02:00
|
|
|
class="bg-white font-mono leading-normal tracking-normal flex flex-col min-h-screen"
|
2020-05-25 15:07:46 +02:00
|
|
|
x-data="loadIcons()"
|
|
|
|
>
|
2020-05-27 08:00:08 +02:00
|
|
|
<main class="flex-grow">
|
|
|
|
<div class="bg-white px-8 py-4">
|
2020-05-26 05:19:31 +02:00
|
|
|
<input
|
2020-05-27 08:00:08 +02:00
|
|
|
onFocus="this.select()"
|
|
|
|
autofocus="autofocus"
|
|
|
|
x-ref="searchField"
|
|
|
|
x-model="search"
|
|
|
|
x-on:keydown.window.prevent.slash="$refs.searchField.focus()"
|
|
|
|
placeholder="Search 420 System UIcons"
|
|
|
|
type="text"
|
|
|
|
name="search"
|
|
|
|
value=""
|
|
|
|
autocapitalize="off"
|
|
|
|
autocomplete="off"
|
|
|
|
autocorrect="off"
|
|
|
|
spellcheck="false"
|
|
|
|
class="flex flex-1 w-full py-4 focus:outline-none placeholder-gray-400 appearance-none text-black focus:text-black tracking-tighter text-xl lg:text-3xl xl:text-5xl"
|
2020-05-26 05:19:31 +02:00
|
|
|
/>
|
2020-05-27 08:00:08 +02:00
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="flex flex-col space-y-4 md:space-y-0 md:flex-row border-t border-gray-300 bg-white py-4 px-8 sticky top-0 z-10"
|
2020-05-26 05:19:31 +02:00
|
|
|
>
|
2020-05-27 08:00:08 +02:00
|
|
|
<label
|
|
|
|
class="inline-flex items-center cursor-pointer rounded px-2 text-sm lg:text-base hover:bg-gray-900 hover:text-white"
|
|
|
|
>
|
|
|
|
<input
|
|
|
|
type="radio"
|
|
|
|
class="form-radio"
|
|
|
|
name="clickType"
|
|
|
|
value="copy"
|
|
|
|
checked
|
|
|
|
/>
|
|
|
|
<span class="ml-2">Copy SVG Code</span>
|
|
|
|
</label>
|
|
|
|
<label
|
|
|
|
class="inline-flex items-center md:ml-2 lg:ml-4 cursor-pointer rounded px-2 text-sm lg:text-base hover:bg-gray-900 hover:text-white"
|
|
|
|
>
|
|
|
|
<input
|
|
|
|
type="radio"
|
|
|
|
class="form-radio"
|
|
|
|
name="clickType"
|
|
|
|
value="link"
|
|
|
|
/>
|
2020-05-27 08:34:24 +02:00
|
|
|
<span class="ml-2">Copy CDN Link</span>
|
2020-05-27 08:00:08 +02:00
|
|
|
</label>
|
|
|
|
<label
|
|
|
|
class="inline-flex items-center md:ml-2 lg:ml-4 cursor-pointer rounded px-2 text-sm lg:text-base hover:bg-gray-900 hover:text-white"
|
2020-05-25 15:07:46 +02:00
|
|
|
>
|
2020-05-27 08:00:08 +02:00
|
|
|
<input
|
|
|
|
type="radio"
|
|
|
|
class="form-radio"
|
|
|
|
name="clickType"
|
|
|
|
value="download"
|
2020-05-26 07:43:42 +02:00
|
|
|
/>
|
2020-05-27 08:00:08 +02:00
|
|
|
<span class="ml-2">Download SVGs</span>
|
|
|
|
</label>
|
|
|
|
<button
|
|
|
|
class="flex flex-row items-center ml-auto p-3 rounded bg-black text-white text-sm lg:text-base hover:bg-gray-900 w-full md:w-auto"
|
|
|
|
>
|
|
|
|
<span class="mr-4">
|
|
|
|
<svg
|
|
|
|
height="21"
|
|
|
|
viewBox="0 0 21 21"
|
|
|
|
width="21"
|
|
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
|
|
>
|
|
|
|
<g
|
|
|
|
fill="none"
|
|
|
|
fill-rule="evenodd"
|
|
|
|
stroke="currentcolor"
|
|
|
|
stroke-linecap="round"
|
|
|
|
stroke-linejoin="round"
|
|
|
|
transform="translate(4 3)"
|
|
|
|
>
|
|
|
|
<path
|
|
|
|
d="m9.221 4.716.165 5.821-5.792-.135"
|
|
|
|
transform="matrix(-.70710678 .70710678 .70710678 .70710678 5.685139 -2.354861)"
|
|
|
|
/>
|
|
|
|
<path d="m6.5.5v11" />
|
|
|
|
<path d="m.5 14.5h12" />
|
|
|
|
</g>
|
|
|
|
</svg>
|
|
|
|
</span>
|
|
|
|
Download All SVGs
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="p-8 grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 xl:grid-cols-7 gap-4"
|
|
|
|
>
|
|
|
|
<template x-for="(item, index) in filteredIcons" :key="index">
|
|
|
|
<a
|
|
|
|
href="#"
|
|
|
|
class="flex flex-col items-center group justify-center text-gray-700 rounded shadow hover:shadow-xl bg-white cursor-pointer transition duration-150 ease-in-out h-48"
|
|
|
|
>
|
|
|
|
<img
|
|
|
|
:src="`images/` + item.icon_path + `.svg`"
|
|
|
|
:alt="item.icon_name"
|
|
|
|
class="transform transition duration-200 group-hover:scale-150"
|
|
|
|
loading="lazy"
|
|
|
|
/>
|
|
|
|
<p
|
|
|
|
class="text-xs leading-none text-center mt-8"
|
|
|
|
x-text="item.icon_name"
|
|
|
|
></p>
|
|
|
|
<span class="hidden" x-text="item.icon_keywords"></span>
|
|
|
|
</a>
|
|
|
|
</template>
|
|
|
|
</div>
|
|
|
|
</main>
|
2020-05-26 07:03:29 +02:00
|
|
|
<footer
|
2020-05-26 07:48:29 +02:00
|
|
|
class="flex flex-col space-y-4 md:space-y-0 md:flex-row py-8 mx-8 border-t border-gray-300 text-gray-700"
|
2020-05-26 07:03:29 +02:00
|
|
|
>
|
2020-05-26 07:48:29 +02:00
|
|
|
<span>
|
2020-05-26 08:13:46 +02:00
|
|
|
Project by
|
2020-05-26 07:48:29 +02:00
|
|
|
<a
|
|
|
|
href="https://twitter.com/CoreyGinnivan"
|
|
|
|
rel="noreferrer"
|
|
|
|
target="_blank"
|
|
|
|
class="text-black hover:underline"
|
|
|
|
>Corey Ginnivan</a
|
|
|
|
>
|
|
|
|
</span>
|
|
|
|
<span class="md:ml-auto">Use how you want, without attribution</span>
|
2020-05-25 15:59:48 +02:00
|
|
|
</footer>
|
2020-05-25 12:44:09 +02:00
|
|
|
<script>
|
|
|
|
var sourceData = [
|
|
|
|
{
|
2020-05-26 07:43:42 +02:00
|
|
|
icon_name: "Create",
|
|
|
|
icon_path: "create",
|
|
|
|
icon_keywords: "create",
|
2020-05-25 12:44:09 +02:00
|
|
|
},
|
|
|
|
{
|
2020-05-26 07:43:42 +02:00
|
|
|
icon_name: "Write",
|
|
|
|
icon_path: "write",
|
2020-05-27 07:47:59 +02:00
|
|
|
icon_keywords:
|
|
|
|
"write, writing, new, create, note, taking, paper pencil",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Pen",
|
|
|
|
icon_path: "pen",
|
|
|
|
icon_keywords:
|
|
|
|
"write, writing, new, create, note, taking, paper pencil",
|
2020-05-25 12:44:09 +02:00
|
|
|
},
|
|
|
|
{
|
2020-05-26 07:43:42 +02:00
|
|
|
icon_name: "Tag",
|
|
|
|
icon_path: "tag",
|
|
|
|
icon_keywords: "tag",
|
2020-05-25 12:44:09 +02:00
|
|
|
},
|
|
|
|
{
|
2020-05-26 07:43:42 +02:00
|
|
|
icon_name: "Tags",
|
|
|
|
icon_path: "tags",
|
|
|
|
icon_keywords: "tags",
|
2020-05-25 12:44:09 +02:00
|
|
|
},
|
|
|
|
{
|
2020-05-26 07:43:42 +02:00
|
|
|
icon_name: "Speech Bubble",
|
|
|
|
icon_path: "speech_bubble",
|
|
|
|
icon_keywords: "speech bubble, chat",
|
2020-05-25 12:44:09 +02:00
|
|
|
},
|
|
|
|
{
|
2020-05-26 07:43:42 +02:00
|
|
|
icon_name: "Speech Bubble (Writing)",
|
|
|
|
icon_path: "speech_typing",
|
|
|
|
icon_keywords: "speech bubble, chat, speak, typing, writing, waiting",
|
2020-05-25 12:44:09 +02:00
|
|
|
},
|
|
|
|
{
|
2020-05-26 07:43:42 +02:00
|
|
|
icon_name: "Paperclip",
|
|
|
|
icon_path: "paperclip",
|
|
|
|
icon_keywords: "paperclip, attachment, link",
|
2020-05-25 12:44:09 +02:00
|
|
|
},
|
|
|
|
{
|
2020-05-26 12:10:03 +02:00
|
|
|
icon_name: "Phone (Portrait)",
|
2020-05-26 07:43:42 +02:00
|
|
|
icon_path: "phone_portrait",
|
2020-05-26 12:10:03 +02:00
|
|
|
icon_keywords: "iphone android phone portrait mobile talk",
|
2020-05-25 12:44:09 +02:00
|
|
|
},
|
|
|
|
{
|
2020-05-26 12:10:03 +02:00
|
|
|
icon_name: "Phone (Landscape)",
|
2020-05-26 07:43:42 +02:00
|
|
|
icon_path: "phone_landscape",
|
2020-05-26 12:10:03 +02:00
|
|
|
icon_keywords: "iphone android phone landscape mobile talk",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Phone (Alt - Portrait)",
|
|
|
|
icon_path: "iphone_portrait",
|
|
|
|
icon_keywords: "iphone android phone portrait mobile talk",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Phone (Alt - Landscape)",
|
|
|
|
icon_path: "iphone_landscape",
|
|
|
|
icon_keywords: "iphone android phone landscape mobile talk",
|
2020-05-25 12:44:09 +02:00
|
|
|
},
|
|
|
|
{
|
2020-05-26 07:43:42 +02:00
|
|
|
icon_name: "Calendar",
|
|
|
|
icon_path: "calendar",
|
|
|
|
icon_keywords: "calendar",
|
2020-05-25 12:44:09 +02:00
|
|
|
},
|
|
|
|
{
|
2020-05-26 07:43:42 +02:00
|
|
|
icon_name: "Calendar (Day)",
|
|
|
|
icon_path: "calendar_day",
|
|
|
|
icon_keywords: "calendar day",
|
2020-05-25 12:44:09 +02:00
|
|
|
},
|
|
|
|
{
|
2020-05-26 07:43:42 +02:00
|
|
|
icon_name: "Calendar (Days)",
|
|
|
|
icon_path: "calendar_days",
|
|
|
|
icon_keywords: "calendar days",
|
2020-05-25 12:44:09 +02:00
|
|
|
},
|
|
|
|
{
|
2020-05-26 07:43:42 +02:00
|
|
|
icon_name: "Calendar (Date)",
|
|
|
|
icon_path: "calendar_date",
|
|
|
|
icon_keywords: "calendar date",
|
2020-05-25 12:44:09 +02:00
|
|
|
},
|
|
|
|
{
|
2020-05-26 07:43:42 +02:00
|
|
|
icon_name: "Calendar (End)",
|
|
|
|
icon_path: "calendar_last_day",
|
|
|
|
icon_keywords: "calendar day month end last final year",
|
2020-05-25 12:44:09 +02:00
|
|
|
},
|
|
|
|
{
|
2020-05-26 07:43:42 +02:00
|
|
|
icon_name: "Calendar (Week)",
|
|
|
|
icon_path: "calendar_week",
|
|
|
|
icon_keywords: "calendar week days",
|
2020-05-25 12:44:09 +02:00
|
|
|
},
|
|
|
|
{
|
2020-05-26 07:43:42 +02:00
|
|
|
icon_name: "Calendar (Month)",
|
|
|
|
icon_path: "calendar_month",
|
|
|
|
icon_keywords: "calendar month week",
|
2020-05-25 12:44:09 +02:00
|
|
|
},
|
|
|
|
{
|
2020-05-26 07:43:42 +02:00
|
|
|
icon_name: "Calendar (Split)",
|
|
|
|
icon_path: "calendar_split",
|
|
|
|
icon_keywords: "calendar split",
|
2020-05-25 12:44:09 +02:00
|
|
|
},
|
|
|
|
{
|
2020-05-26 07:43:42 +02:00
|
|
|
icon_name: "Calendar (Add)",
|
|
|
|
icon_path: "calendar_add",
|
|
|
|
icon_keywords: "calendar add",
|
2020-05-25 12:44:09 +02:00
|
|
|
},
|
|
|
|
{
|
2020-05-26 07:43:42 +02:00
|
|
|
icon_name: "Calendar (Remove)",
|
|
|
|
icon_path: "calendar_remove",
|
|
|
|
icon_keywords: "calendar remove delete cancel",
|
2020-05-25 12:44:09 +02:00
|
|
|
},
|
|
|
|
{
|
2020-05-26 07:43:42 +02:00
|
|
|
icon_name: "Calendar (Move)",
|
|
|
|
icon_path: "calendar_move",
|
|
|
|
icon_keywords: "calendar move",
|
2020-05-25 12:44:09 +02:00
|
|
|
},
|
2020-05-26 12:10:03 +02:00
|
|
|
{
|
|
|
|
icon_name: "Check (Circle)",
|
|
|
|
icon_path: "check_circle",
|
|
|
|
icon_keywords: "check circle tick approved correct yes",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Cross (Circle)",
|
|
|
|
icon_path: "cross_circle",
|
|
|
|
icon_keywords: "circle cross delete remove wrong incorrect no",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Check",
|
|
|
|
icon_path: "check",
|
|
|
|
icon_keywords: "check tick approved correct yes",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Cross",
|
|
|
|
icon_path: "cross",
|
|
|
|
icon_keywords: "cross delete remove wrong incorrect no",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Exit (Left)",
|
|
|
|
icon_path: "exit_left",
|
|
|
|
icon_keywords: "exit left",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Exit (Right)",
|
|
|
|
icon_path: "exit_right",
|
|
|
|
icon_keywords: "exit right",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Folder",
|
|
|
|
icon_path: "folder_closed",
|
|
|
|
icon_keywords: "folder closed",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Folder (Open)",
|
|
|
|
icon_path: "folder_open",
|
|
|
|
icon_keywords: "folder open",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Lightning",
|
|
|
|
icon_path: "lightning",
|
|
|
|
icon_keywords: "lightning charge charging bolt electricity",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Lightning (Alt)",
|
|
|
|
icon_path: "lightning_alt",
|
|
|
|
icon_keywords: "lightning charge charging bolt electricity",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Message",
|
|
|
|
icon_path: "message",
|
|
|
|
icon_keywords: "message comment text writing",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Message (Writing)",
|
|
|
|
icon_path: "message_writing",
|
|
|
|
icon_keywords: "message comment text writing",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Search",
|
|
|
|
icon_path: "search",
|
|
|
|
icon_keywords: "search",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Sliders",
|
|
|
|
icon_path: "sliders",
|
|
|
|
icon_keywords: "sliders",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Thumbs Up",
|
|
|
|
icon_path: "thumbs_up",
|
|
|
|
icon_keywords: "thumbs up",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Thumbs Down",
|
|
|
|
icon_path: "thumbs_down",
|
|
|
|
icon_keywords: "thumbs down",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Version",
|
|
|
|
icon_path: "version",
|
|
|
|
icon_keywords: "versions stacks stacked levels",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Versions",
|
|
|
|
icon_path: "versions",
|
|
|
|
icon_keywords: "versions stacks stacked levels",
|
|
|
|
},
|
2020-05-26 15:01:07 +02:00
|
|
|
{
|
|
|
|
icon_name: "Coffee",
|
|
|
|
icon_path: "coffee",
|
|
|
|
icon_keywords: "coffee",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Compass",
|
|
|
|
icon_path: "compass",
|
|
|
|
icon_keywords: "compass",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Document",
|
|
|
|
icon_path: "document",
|
|
|
|
icon_keywords: "document",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Download",
|
|
|
|
icon_path: "download",
|
|
|
|
icon_keywords: "download",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Download (Alt)",
|
|
|
|
icon_path: "download_alt",
|
|
|
|
icon_keywords: "download_alt",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Upload",
|
|
|
|
icon_path: "upload",
|
|
|
|
icon_keywords: "upload",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Upload (Alt)",
|
|
|
|
icon_path: "upload_alt",
|
|
|
|
icon_keywords: "upload_alt",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Location",
|
|
|
|
icon_path: "location",
|
|
|
|
icon_keywords: "location",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Lock (Closed)",
|
|
|
|
icon_path: "lock",
|
|
|
|
icon_keywords: "lock",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Lock (Open)",
|
|
|
|
icon_path: "lock_open",
|
|
|
|
icon_keywords: "lock",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Mail",
|
|
|
|
icon_path: "mail",
|
|
|
|
icon_keywords: "mail",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Mail (Open)",
|
|
|
|
icon_path: "mail_open",
|
|
|
|
icon_keywords: "mail",
|
|
|
|
},
|
|
|
|
{
|
2020-05-26 15:26:30 +02:00
|
|
|
icon_name: "Mail (New)",
|
|
|
|
icon_path: "mail_new",
|
|
|
|
icon_keywords: "mail_ ew",
|
2020-05-26 15:01:07 +02:00
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Mail (Delete)",
|
|
|
|
icon_path: "mail_delete",
|
|
|
|
icon_keywords: "mail",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Mail (Remove)",
|
|
|
|
icon_path: "mail_remove",
|
|
|
|
icon_keywords: "mail",
|
|
|
|
},
|
2020-05-26 15:26:30 +02:00
|
|
|
{
|
|
|
|
icon_name: "Mail (Add)",
|
|
|
|
icon_path: "mail_add",
|
|
|
|
icon_keywords: "mail",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Mail (Minus)",
|
|
|
|
icon_path: "mail_minus",
|
|
|
|
icon_keywords: "mail",
|
|
|
|
},
|
2020-05-26 15:01:07 +02:00
|
|
|
{
|
|
|
|
icon_name: "Maximise",
|
|
|
|
icon_path: "maximise",
|
|
|
|
icon_keywords: "maximise",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Paper",
|
|
|
|
icon_path: "paper",
|
2020-05-26 16:14:18 +02:00
|
|
|
icon_keywords: "paper document file",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Paper Folded",
|
|
|
|
icon_path: "paper_folded",
|
|
|
|
icon_keywords: "paper folded document file",
|
2020-05-26 15:01:07 +02:00
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Share",
|
|
|
|
icon_path: "share",
|
|
|
|
icon_keywords: "share",
|
|
|
|
},
|
2020-05-26 15:26:30 +02:00
|
|
|
{
|
|
|
|
icon_name: "Archive",
|
|
|
|
icon_path: "archive",
|
|
|
|
icon_keywords: "archive",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Unarchive",
|
|
|
|
icon_path: "unarchive",
|
|
|
|
icon_keywords: "unarchive",
|
|
|
|
},
|
|
|
|
{
|
2020-05-26 15:27:51 +02:00
|
|
|
icon_name: "Chevron Up",
|
2020-05-26 15:26:30 +02:00
|
|
|
icon_path: "chevron_up",
|
|
|
|
icon_keywords: "chevron up",
|
|
|
|
},
|
|
|
|
{
|
2020-05-26 15:27:51 +02:00
|
|
|
icon_name: "Chevron Down",
|
2020-05-26 15:26:30 +02:00
|
|
|
icon_path: "chevron_down",
|
|
|
|
icon_keywords: "chevron down",
|
|
|
|
},
|
|
|
|
{
|
2020-05-26 15:27:51 +02:00
|
|
|
icon_name: "Chevron Left",
|
2020-05-26 15:26:30 +02:00
|
|
|
icon_path: "chevron_left",
|
|
|
|
icon_keywords: "chevron left",
|
|
|
|
},
|
|
|
|
{
|
2020-05-26 15:27:51 +02:00
|
|
|
icon_name: "Chevron Right",
|
2020-05-26 15:26:30 +02:00
|
|
|
icon_path: "chevron_right",
|
|
|
|
icon_keywords: "chevron right",
|
|
|
|
},
|
|
|
|
{
|
2020-05-26 15:27:51 +02:00
|
|
|
icon_name: "Double Chevron Up",
|
2020-05-26 15:26:30 +02:00
|
|
|
icon_path: "chevron_up_double",
|
|
|
|
icon_keywords: "chevron up double",
|
|
|
|
},
|
|
|
|
{
|
2020-05-26 15:27:51 +02:00
|
|
|
icon_name: "Double Chevron Down",
|
2020-05-26 15:26:30 +02:00
|
|
|
icon_path: "chevron_down_double",
|
|
|
|
icon_keywords: "chevron down double",
|
|
|
|
},
|
|
|
|
{
|
2020-05-26 15:27:51 +02:00
|
|
|
icon_name: "Double Chevron Left",
|
2020-05-26 15:26:30 +02:00
|
|
|
icon_path: "chevron_left_double",
|
|
|
|
icon_keywords: "chevron left double",
|
|
|
|
},
|
|
|
|
{
|
2020-05-26 15:27:51 +02:00
|
|
|
icon_name: "Double Chevron Right",
|
2020-05-26 15:26:30 +02:00
|
|
|
icon_path: "chevron_right_double",
|
|
|
|
icon_keywords: "chevron right double",
|
|
|
|
},
|
2020-05-27 05:37:43 +02:00
|
|
|
{
|
|
|
|
icon_name: "Chevron Up (Circle)",
|
|
|
|
icon_path: "chevron_up_circle",
|
|
|
|
icon_keywords: "chevron up circle",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Chevron Down (Circle)",
|
|
|
|
icon_path: "chevron_down_circle",
|
|
|
|
icon_keywords: "chevron down circle",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Chevron Left (Circle)",
|
|
|
|
icon_path: "chevron_left_circle",
|
|
|
|
icon_keywords: "chevron left circle",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Chevron Right (Circle)",
|
|
|
|
icon_path: "chevron_right_circle",
|
|
|
|
icon_keywords: "chevron right circle",
|
|
|
|
},
|
2020-05-26 15:26:30 +02:00
|
|
|
{
|
|
|
|
icon_name: "Funnel",
|
|
|
|
icon_path: "funnel",
|
|
|
|
icon_keywords: "funnel",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Thread",
|
|
|
|
icon_path: "thread",
|
|
|
|
icon_keywords: "thread",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Star",
|
|
|
|
icon_path: "star",
|
|
|
|
icon_keywords: "star",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "User (Female)",
|
|
|
|
icon_path: "user",
|
|
|
|
icon_keywords: "user female",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "User (Male)",
|
|
|
|
icon_path: "user_male",
|
|
|
|
icon_keywords: "user male",
|
|
|
|
},
|
2020-05-26 16:07:21 +02:00
|
|
|
{
|
|
|
|
icon_name: "User (Female Circle)",
|
|
|
|
icon_path: "user_circle",
|
|
|
|
icon_keywords: "user female circle",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "User (Male Circle)",
|
|
|
|
icon_path: "user_male_circle",
|
|
|
|
icon_keywords: "user male circle",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Users",
|
|
|
|
icon_path: "users",
|
|
|
|
icon_keywords: "users male circle",
|
|
|
|
},
|
2020-05-27 08:17:55 +02:00
|
|
|
{
|
|
|
|
icon_name: "Redo",
|
|
|
|
icon_path: "redo",
|
|
|
|
icon_keywords: "redo",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Undo",
|
|
|
|
icon_path: "undo",
|
|
|
|
icon_keywords: "undo",
|
|
|
|
},
|
2020-05-26 15:26:30 +02:00
|
|
|
{
|
|
|
|
icon_name: "Jump Forward",
|
|
|
|
icon_path: "jump_forward",
|
|
|
|
icon_keywords: "jump forward",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Jump Backward",
|
|
|
|
icon_path: "jump_backward",
|
2020-05-27 08:17:55 +02:00
|
|
|
icon_keywords: "jump backward reply",
|
2020-05-26 15:26:30 +02:00
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Jump Up",
|
|
|
|
icon_path: "jump_up",
|
|
|
|
icon_keywords: "jump up",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Jump Down",
|
|
|
|
icon_path: "jump_down",
|
|
|
|
icon_keywords: "jump down",
|
|
|
|
},
|
2020-05-26 16:07:21 +02:00
|
|
|
{
|
|
|
|
icon_name: "Plus",
|
|
|
|
icon_path: "plus",
|
|
|
|
icon_keywords: "add plus",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Minus",
|
|
|
|
icon_path: "minus",
|
2020-05-27 05:52:41 +02:00
|
|
|
icon_keywords: "minus remove negative take circle",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Plus (Circle)",
|
|
|
|
icon_path: "plus_circle",
|
|
|
|
icon_keywords: "add plus circle",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Minus (Circle)",
|
|
|
|
icon_path: "minus_circle",
|
|
|
|
icon_keywords: "minus remove negative take circle",
|
2020-05-26 16:07:21 +02:00
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Arrow Up",
|
|
|
|
icon_path: "arrow_up",
|
|
|
|
icon_keywords: "arrow up",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Arrow Down",
|
|
|
|
icon_path: "arrow_down",
|
|
|
|
icon_keywords: "arrow down",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Arrow Left",
|
|
|
|
icon_path: "arrow_left",
|
|
|
|
icon_keywords: "arrow left",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Arrow Right",
|
|
|
|
icon_path: "arrow_right",
|
|
|
|
icon_keywords: "arrow right",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Arrow Up (Circle)",
|
|
|
|
icon_path: "arrow_up_circle",
|
|
|
|
icon_keywords: "arrow up circle",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Arrow Down (Circle)",
|
|
|
|
icon_path: "arrow_down_circle",
|
|
|
|
icon_keywords: "arrow down circle",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Arrow Left (Circle)",
|
|
|
|
icon_path: "arrow_left_circle",
|
|
|
|
icon_keywords: "arrow left circle",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Arrow Right(Circle)",
|
|
|
|
icon_path: "arrow_right_circle",
|
|
|
|
icon_keywords: "arrow right circle",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Battery",
|
|
|
|
icon_path: "battery_full",
|
|
|
|
icon_keywords: "battery",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Battery Charging",
|
|
|
|
icon_path: "battery_charging",
|
|
|
|
icon_keywords: "battery charging",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Battery Empty",
|
|
|
|
icon_path: "battery_empty",
|
|
|
|
icon_keywords: "battery empty percent",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Battery Low",
|
|
|
|
icon_path: "battery_low",
|
|
|
|
icon_keywords: "battery low percent",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Battery Half",
|
|
|
|
icon_path: "battery_half",
|
|
|
|
icon_keywords: "battery half percent",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Battery 75%",
|
|
|
|
icon_path: "battery_75",
|
|
|
|
icon_keywords: "battery three quarter 75 percent",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Enter",
|
|
|
|
icon_path: "enter",
|
|
|
|
icon_keywords: "enter",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Enter (Alt)",
|
|
|
|
icon_path: "enter_alt",
|
|
|
|
icon_keywords: "enter",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Inbox",
|
|
|
|
icon_path: "inbox",
|
|
|
|
icon_keywords: "inbox",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Inbox (Alt)",
|
|
|
|
icon_path: "inbox_alt",
|
|
|
|
icon_keywords: "inbox",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "List (Bullet)",
|
|
|
|
icon_path: "list",
|
|
|
|
icon_keywords: "list bullets bulleted",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "List (Numbered)",
|
|
|
|
icon_path: "list_numbered",
|
|
|
|
icon_keywords: "list numbered",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Printer",
|
|
|
|
icon_path: "printer",
|
|
|
|
icon_keywords: "printer",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Replicate",
|
|
|
|
icon_path: "replicate",
|
|
|
|
icon_keywords: "replicate squares copy",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Replicate (Alt)",
|
|
|
|
icon_path: "replicate_alt",
|
|
|
|
icon_keywords: "replicate squares copy",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Reuse",
|
|
|
|
icon_path: "reuse",
|
|
|
|
icon_keywords: "reuse",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Sort",
|
|
|
|
icon_path: "sort",
|
|
|
|
icon_keywords: "sort",
|
|
|
|
},
|
2020-05-27 05:52:41 +02:00
|
|
|
{
|
|
|
|
icon_name: "Sort (Alt)",
|
|
|
|
icon_path: "sort_alt",
|
|
|
|
icon_keywords: "sort",
|
|
|
|
},
|
2020-05-26 16:07:21 +02:00
|
|
|
{
|
|
|
|
icon_name: "Alarm Clock",
|
|
|
|
icon_path: "alarm_clock",
|
|
|
|
icon_keywords: "alarm clock",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Chain",
|
|
|
|
icon_path: "chain",
|
|
|
|
icon_keywords: "chain link",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Link",
|
|
|
|
icon_path: "link",
|
|
|
|
icon_keywords: "chain link",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Link (Broken)",
|
|
|
|
icon_path: "link_broken",
|
|
|
|
icon_keywords: "chain link",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Grid",
|
|
|
|
icon_path: "grid",
|
|
|
|
icon_keywords: "grid",
|
|
|
|
},
|
2020-05-27 08:06:51 +02:00
|
|
|
{
|
|
|
|
icon_name: "Grid - Small",
|
|
|
|
icon_path: "grid_small",
|
|
|
|
icon_keywords: "grid",
|
|
|
|
},
|
2020-05-26 16:07:21 +02:00
|
|
|
{
|
|
|
|
icon_name: "Fingerprint",
|
|
|
|
icon_path: "fingerprint",
|
|
|
|
icon_keywords: "fingerprint security bio",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Refresh",
|
|
|
|
icon_path: "refresh",
|
|
|
|
icon_keywords: "refresh",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Reset",
|
|
|
|
icon_path: "reset",
|
|
|
|
icon_keywords: "reset",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Reset (Alt)",
|
|
|
|
icon_path: "reset_alt",
|
|
|
|
icon_keywords: "reset",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Trash",
|
|
|
|
icon_path: "trash",
|
|
|
|
icon_keywords: "trash bin rubbish",
|
|
|
|
},
|
2020-05-27 05:37:43 +02:00
|
|
|
{
|
|
|
|
icon_name: "Bell",
|
|
|
|
icon_path: "bell",
|
|
|
|
icon_keywords: "bell notification ringing",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Bell (Ringing)",
|
|
|
|
icon_path: "bell_ringing",
|
|
|
|
icon_keywords: "bell notification ringing",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Bell (Disabled)",
|
|
|
|
icon_path: "bell_disabled",
|
|
|
|
icon_keywords: "bell notification ringing",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Bell (Snooze)",
|
|
|
|
icon_path: "bell_snooze",
|
|
|
|
icon_keywords: "bell notification ringing",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Microphone",
|
|
|
|
icon_path: "microphone",
|
|
|
|
icon_keywords: "microphone",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Microphone (Muted)",
|
|
|
|
icon_path: "microphone_muted",
|
|
|
|
icon_keywords: "microphone muted",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Microphone (Disabled)",
|
|
|
|
icon_path: "microphone_disabled",
|
|
|
|
icon_keywords: "microphone",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Reverse",
|
|
|
|
icon_path: "reverse",
|
|
|
|
icon_keywords: "reverse",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Reverse (Alt)",
|
|
|
|
icon_path: "reverse_alt",
|
|
|
|
icon_keywords: "reverse",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Volume (Muted)",
|
|
|
|
icon_path: "volume_muted",
|
|
|
|
icon_keywords: "volume muted none off",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Volume (None)",
|
|
|
|
icon_path: "volume_0",
|
|
|
|
icon_keywords: "volume off none",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Volume (Low)",
|
|
|
|
icon_path: "volume_low",
|
|
|
|
icon_keywords: "volume low",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Volume (High)",
|
|
|
|
icon_path: "volume_high",
|
|
|
|
icon_keywords: "volume high",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Volume (Add)",
|
|
|
|
icon_path: "volume_add",
|
|
|
|
icon_keywords: "volume add",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Volume (Minus)",
|
|
|
|
icon_path: "volume_minus",
|
|
|
|
icon_keywords: "volume minus",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Volume (Disabled)",
|
|
|
|
icon_path: "volume_disabled",
|
|
|
|
icon_keywords: "volume off",
|
|
|
|
},
|
2020-05-27 05:52:41 +02:00
|
|
|
{
|
|
|
|
icon_name: "Add Button",
|
|
|
|
icon_path: "button_add",
|
|
|
|
icon_keywords: "button add plus new",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Minus Button",
|
|
|
|
icon_path: "button_minus",
|
|
|
|
icon_keywords: "button minus plus new",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Bookmark (Book)",
|
|
|
|
icon_path: "bookmark_book",
|
|
|
|
icon_keywords: "bookmark book notepad note pad journal",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Component (Add)",
|
|
|
|
icon_path: "component_add",
|
|
|
|
icon_keywords: "component add plus new create",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Contract",
|
|
|
|
icon_path: "contract",
|
|
|
|
icon_keywords: "contract",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Expand",
|
|
|
|
icon_path: "expand",
|
|
|
|
icon_keywords: "expand",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Fullscreen",
|
|
|
|
icon_path: "fullscreen",
|
|
|
|
icon_keywords: "fullscreen",
|
|
|
|
},
|
2020-05-27 08:17:55 +02:00
|
|
|
{
|
|
|
|
icon_name: "Minimise",
|
|
|
|
icon_path: "minimise",
|
|
|
|
icon_keywords: "minimise",
|
|
|
|
},
|
2020-05-27 05:52:41 +02:00
|
|
|
{
|
|
|
|
icon_name: "Height",
|
|
|
|
icon_path: "height",
|
|
|
|
icon_keywords: "height out",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Width",
|
|
|
|
icon_path: "width",
|
|
|
|
icon_keywords: "width out",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Expand Height",
|
|
|
|
icon_path: "expand_height",
|
|
|
|
icon_keywords: "expand height out",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Expand Width",
|
|
|
|
icon_path: "expand_width",
|
|
|
|
icon_keywords: "expand width out",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Display",
|
|
|
|
icon_path: "display",
|
|
|
|
icon_keywords: "display",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Display (Alt)",
|
|
|
|
icon_path: "display_alt",
|
|
|
|
icon_keywords: "display",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Folder (Add)",
|
|
|
|
icon_path: "folder_add",
|
|
|
|
icon_keywords: "folder new create add plus",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Folder (Minus)",
|
|
|
|
icon_path: "folder_minus",
|
|
|
|
icon_keywords: "folder new create minus plus",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Move",
|
|
|
|
icon_path: "move",
|
|
|
|
icon_keywords: "move",
|
|
|
|
},
|
2020-05-27 07:47:59 +02:00
|
|
|
{
|
|
|
|
icon_name: "Drag",
|
|
|
|
icon_path: "drag",
|
|
|
|
icon_keywords: "drag",
|
|
|
|
},
|
2020-05-27 08:06:51 +02:00
|
|
|
{
|
|
|
|
icon_name: "Drag (Circle)",
|
|
|
|
icon_path: "drag_circle",
|
|
|
|
icon_keywords: "drag circle",
|
|
|
|
},
|
2020-05-27 05:52:41 +02:00
|
|
|
{
|
|
|
|
icon_name: "Newspaper",
|
|
|
|
icon_path: "newspaper",
|
|
|
|
icon_keywords: "newspaper",
|
|
|
|
},
|
2020-05-27 07:47:59 +02:00
|
|
|
{
|
|
|
|
icon_name: "List (Add)",
|
|
|
|
icon_path: "list_add",
|
|
|
|
icon_keywords: "list new add",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Coin",
|
|
|
|
icon_path: "coin",
|
|
|
|
icon_keywords: "coins money",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Coins",
|
|
|
|
icon_path: "coins",
|
|
|
|
icon_keywords: "coins money stack",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Cylinder",
|
|
|
|
icon_path: "cylinder",
|
|
|
|
icon_keywords: "cylinder",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Database",
|
|
|
|
icon_path: "database",
|
|
|
|
icon_keywords: "database",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Disc",
|
|
|
|
icon_path: "disc",
|
|
|
|
icon_keywords: "disc",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Server",
|
|
|
|
icon_path: "server",
|
|
|
|
icon_keywords: "server",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Heart Rate",
|
|
|
|
icon_path: "heart_rate",
|
|
|
|
icon_keywords: "heart rate",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Projector",
|
|
|
|
icon_path: "projector",
|
|
|
|
icon_keywords: "projector",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Revert",
|
|
|
|
icon_path: "revert",
|
|
|
|
icon_keywords: "revert",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Diamond",
|
|
|
|
icon_path: "diamond",
|
|
|
|
icon_keywords: "diamond",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Venn",
|
|
|
|
icon_path: "venn",
|
|
|
|
icon_keywords: "venn",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Side Menu",
|
|
|
|
icon_path: "side_menu",
|
|
|
|
icon_keywords: "side menu navigation",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Info (Circle)",
|
|
|
|
icon_path: "info_circle",
|
|
|
|
icon_keywords: "information circle",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Question (Circle)",
|
|
|
|
icon_path: "question_circle",
|
|
|
|
icon_keywords: "question circle",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Warning (Circle)",
|
|
|
|
icon_path: "warning_circle",
|
|
|
|
icon_keywords: "warning circle",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Warning (Hex)",
|
|
|
|
icon_path: "warning_hex",
|
|
|
|
icon_keywords: "warning hex",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Warning (Triangle)",
|
|
|
|
icon_path: "warning_triangle",
|
|
|
|
icon_keywords: "warning triangle",
|
|
|
|
},
|
2020-05-27 08:06:51 +02:00
|
|
|
{
|
|
|
|
icon_name: "Bag",
|
|
|
|
icon_path: "bag",
|
|
|
|
icon_keywords: "bag shopping",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Branch",
|
|
|
|
icon_path: "branch",
|
|
|
|
icon_keywords: "branch",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Browser",
|
|
|
|
icon_path: "browser",
|
|
|
|
icon_keywords: "browser",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Browser (Alt)",
|
|
|
|
icon_path: "browser_alt",
|
|
|
|
icon_keywords: "browser",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Capture",
|
|
|
|
icon_path: "capture",
|
|
|
|
icon_keywords: "capture",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Cart",
|
|
|
|
icon_path: "cart",
|
|
|
|
icon_keywords: "cart shopping trolley trolly",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Code",
|
|
|
|
icon_path: "code",
|
|
|
|
icon_keywords: "code development embed",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Credit Card",
|
|
|
|
icon_path: "credit_card",
|
|
|
|
icon_keywords: "credit debit card money transfer",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Filter",
|
|
|
|
icon_path: "filter",
|
|
|
|
icon_keywords: "filter",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Filter (Circle)",
|
|
|
|
icon_path: "filter_circle",
|
|
|
|
icon_keywords: "filter circle",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Gauge",
|
|
|
|
icon_path: "gauge",
|
|
|
|
icon_keywords: "gauge guage",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Graph (Box)",
|
|
|
|
icon_path: "graph_box",
|
|
|
|
icon_keywords: "graph box",
|
|
|
|
},
|
2020-05-27 08:17:55 +02:00
|
|
|
{
|
|
|
|
icon_name: "Bar Graph",
|
|
|
|
icon_path: "graph_bar",
|
|
|
|
icon_keywords: "graph bar",
|
|
|
|
},
|
2020-05-27 08:06:51 +02:00
|
|
|
{
|
|
|
|
icon_name: "Heirarchy",
|
|
|
|
icon_path: "heirarchy",
|
|
|
|
icon_keywords: "heirarchy",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Laptop",
|
|
|
|
icon_path: "laptop",
|
|
|
|
icon_keywords: "laptop",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Marquee",
|
|
|
|
icon_path: "marquee",
|
|
|
|
icon_keywords: "marquee selection",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Target",
|
|
|
|
icon_path: "target",
|
|
|
|
icon_keywords: "target",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Ticket",
|
|
|
|
icon_path: "ticket",
|
|
|
|
icon_keywords: "ticket",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Toggle",
|
|
|
|
icon_path: "toggle",
|
|
|
|
icon_keywords: "toggle",
|
|
|
|
},
|
2020-05-27 08:17:55 +02:00
|
|
|
{
|
|
|
|
icon_name: "Chat (Add)",
|
|
|
|
icon_path: "chat_add",
|
|
|
|
icon_keywords: "chat bubble speech message new add",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "circle",
|
|
|
|
icon_path: "circle",
|
|
|
|
icon_keywords: "circle",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Crosshair",
|
|
|
|
icon_path: "crosshair",
|
|
|
|
icon_keywords: "crosshair",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Face (Delighted)",
|
|
|
|
icon_path: "face_delighted",
|
|
|
|
icon_keywords: "face delighted",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Face (Happy)",
|
|
|
|
icon_path: "face_happy",
|
|
|
|
icon_keywords: "face happy",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Face (Neutral)",
|
|
|
|
icon_path: "face_neutral",
|
|
|
|
icon_keywords: "face neutral",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Face (Sad)",
|
|
|
|
icon_path: "face_sad",
|
|
|
|
icon_keywords: "face sad",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Push Left",
|
|
|
|
icon_path: "push_left",
|
|
|
|
icon_keywords: "push left",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Push Right",
|
|
|
|
icon_path: "push_right",
|
|
|
|
icon_keywords: "push right",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Record",
|
|
|
|
icon_path: "record",
|
|
|
|
icon_keywords: "record",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Shuffle",
|
|
|
|
icon_path: "shuffle",
|
|
|
|
icon_keywords: "shuffle",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Support",
|
|
|
|
icon_path: "support",
|
|
|
|
icon_keywords: "support",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Zoom In",
|
|
|
|
icon_path: "zoom_in",
|
|
|
|
icon_keywords: "zoom plus in",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Zoom Out",
|
|
|
|
icon_path: "zoom_out",
|
|
|
|
icon_keywords: "zoom minus out",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Zoom Reset",
|
|
|
|
icon_path: "zoom_reset",
|
|
|
|
icon_keywords: "zoom reset",
|
|
|
|
},
|
|
|
|
{
|
|
|
|
icon_name: "Zoom Cancel",
|
|
|
|
icon_path: "zoom_cancel",
|
|
|
|
icon_keywords: "zoom cancel",
|
|
|
|
},
|
2020-05-25 12:44:09 +02:00
|
|
|
];
|
|
|
|
|
2020-05-25 15:07:46 +02:00
|
|
|
function loadIcons() {
|
2020-05-25 12:44:09 +02:00
|
|
|
return {
|
|
|
|
search: "",
|
|
|
|
myForData: sourceData,
|
2020-05-25 15:07:46 +02:00
|
|
|
get filteredIcons() {
|
2020-05-25 12:44:09 +02:00
|
|
|
if (this.search === "") {
|
|
|
|
return this.myForData;
|
|
|
|
}
|
|
|
|
return this.myForData.filter((item) => {
|
2020-05-26 04:50:53 +02:00
|
|
|
return item.icon_keywords
|
2020-05-25 12:44:09 +02:00
|
|
|
.toLowerCase()
|
|
|
|
.includes(this.search.toLowerCase());
|
|
|
|
});
|
|
|
|
},
|
|
|
|
};
|
|
|
|
}
|
|
|
|
</script>
|
2020-05-25 12:01:32 +02:00
|
|
|
</body>
|
|
|
|
</html>
|