1
src/images/icons/box_add.svg
Normal file
|
@ -0,0 +1 @@
|
|||
<svg width="21" height="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M11.492 4.067l5 2.857A2 2 0 0117.5 8.661v4.678a2 2 0 01-1.008 1.737l-5 2.857a2 2 0 01-1.984 0l-5-2.857A2 2 0 013.5 13.339V8.661a2 2 0 011.008-1.737l5-2.857a2 2 0 011.984 0zM17.5 1.5v4M19.5 3.5h-4M14 9.5l-7-4"/><path d="M4 8l5.552 2.99a2 2 0 001.896 0L17 8M10.5 11.5V18"/></g></g></svg>
|
After Width: | Height: | Size: 464 B |
1
src/images/icons/box_remove.svg
Normal file
|
@ -0,0 +1 @@
|
|||
<svg width="21" height="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M11.492 4.067l5 2.857A2 2 0 0117.5 8.661v4.678a2 2 0 01-1.008 1.737l-5 2.857a2 2 0 01-1.984 0l-5-2.857A2 2 0 013.5 13.339V8.661a2 2 0 011.008-1.737l5-2.857a2 2 0 011.984 0zM19.5 3.5h-4M14 9.5l-7-4"/><path d="M4 8l5.552 2.99a2 2 0 001.896 0L17 8M10.5 11.5V18"/></g></g></svg>
|
After Width: | Height: | Size: 453 B |
1
src/images/icons/boxes.svg
Normal file
|
@ -0,0 +1 @@
|
|||
<svg width="21" height="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M10.5 15.429l3.548 1.837a1 1 0 00.907.006l2.992-1.496a1 1 0 00.553-.894v-2.764a1 1 0 00-.553-.894L14.5 9.5l-3.46 1.792a1 1 0 00-.54.888v3.249z"/><path d="M3.04 15.708l3.008 1.558a1 1 0 00.907.006L10.5 15.5v-3.382a1 1 0 00-.553-.894L6.5 9.5l-3.46 1.792a1 1 0 00-.54.888v2.64a1 1 0 00.54.888zM6.5 9.429l3.548 1.837a1 1 0 00.907.006L14.5 9.5V6.118a1 1 0 00-.553-.894l-2.992-1.496a1 1 0 00-.907.006L7.04 5.292a1 1 0 00-.54.888v3.249z"/><path d="M6.846 5.673l3.207 1.603a1 1 0 00.894 0L14.12 5.69h0M8.799 4.649L12.5 6.5M12.799 10.649L16.5 12.5M4.799 10.649L8.5 12.5M10.846 11.673l3.207 1.603a1 1 0 00.894 0l3.172-1.586h0M2.846 11.673l3.207 1.603a1 1 0 00.894 0l3.172-1.586h0M10.5 7.5v4M14.5 13.5V17M6.5 13.5V17"/></g></g></svg>
|
After Width: | Height: | Size: 901 B |
1
src/images/icons/cubes.svg
Normal file
|
@ -0,0 +1 @@
|
|||
<svg width="21" height="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M10.5 15.429l3.548 1.837a1 1 0 00.907.006l2.992-1.496a1 1 0 00.553-.894v-2.764a1 1 0 00-.553-.894L14.5 9.5l-3.46 1.792a1 1 0 00-.54.888v3.249z"/><path d="M3.04 15.708l3.008 1.558a1 1 0 00.907.006L10.5 15.5v-3.382a1 1 0 00-.553-.894L6.5 9.5l-3.46 1.792a1 1 0 00-.54.888v2.64a1 1 0 00.54.888zM6.5 9.429l3.548 1.837a1 1 0 00.907.006L14.5 9.5V6.118a1 1 0 00-.553-.894l-2.992-1.496a1 1 0 00-.907.006L7.04 5.292a1 1 0 00-.54.888v3.249z"/><path d="M6.846 5.673l3.207 1.603a1 1 0 00.894 0L14.12 5.69h0M10.846 11.673l3.207 1.603a1 1 0 00.894 0l3.172-1.586h0M2.846 11.673l3.207 1.603a1 1 0 00.894 0l3.172-1.586h0M10.5 7.5v4M14.5 13.5V17M6.5 13.5V17"/></g></g></svg>
|
After Width: | Height: | Size: 834 B |
1
src/images/icons/pill.svg
Normal file
|
@ -0,0 +1 @@
|
|||
<svg width="21" height="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M10.5 7.5v5.817M3.5 10.5a3 3 0 003 3h8a3 3 0 000-6h-8a3 3 0 00-3 3z"/></g></g></svg>
|
After Width: | Height: | Size: 263 B |
1
src/images/icons/signal_full.svg
Normal file
|
@ -0,0 +1 @@
|
|||
<svg width="21" height="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M5.5 16.5v-3a1 1 0 112 0v3a1 1 0 01-2 0zM9.5 16.5v-6a1 1 0 112 0v6a1 1 0 01-2 0zM13.5 16.5v-9a1 1 0 112 0v9a1 1 0 01-2 0z"/></g></g></svg>
|
After Width: | Height: | Size: 337 B |
1
src/images/icons/signal_low.svg
Normal file
|
@ -0,0 +1 @@
|
|||
<svg width="21" height="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M5.5 16.5v-3a1 1 0 112 0v3a1 1 0 01-2 0z" fill="currentColor"/><path d="M9.5 16.5v-6a1 1 0 112 0v6a1 1 0 01-2 0zM13.5 16.5v-9a1 1 0 112 0v9a1 1 0 01-2 0z"/></g></g></svg>
|
After Width: | Height: | Size: 349 B |
1
src/images/icons/signal_medium.svg
Normal file
|
@ -0,0 +1 @@
|
|||
<svg width="21" height="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M5.5 16.5v-3a1 1 0 112 0v3a1 1 0 01-2 0zM9.5 16.5v-6a1 1 0 112 0v6a1 1 0 01-2 0z" fill="currentColor"/><path d="M13.5 16.5v-9a1 1 0 112 0v9a1 1 0 01-2 0z"/></g></g></svg>
|
After Width: | Height: | Size: 349 B |
1
src/images/icons/signal_none.svg
Normal file
|
@ -0,0 +1 @@
|
|||
<svg width="21" height="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M5.5 16.5v-3a1 1 0 112 0v3a1 1 0 01-2 0zM9.5 16.5v-6a1 1 0 112 0v6a1 1 0 01-2 0zM13.5 16.5v-9a1 1 0 112 0v9a1 1 0 01-2 0z"/></g></g></svg>
|
After Width: | Height: | Size: 317 B |
1
src/images/icons/terminal.svg
Normal file
|
@ -0,0 +1 @@
|
|||
<svg width="21" height="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M5.5 4.5h10a2 2 0 012 2v8a2 2 0 01-2 2h-10a2 2 0 01-2-2v-8a2 2 0 012-2zM10.5 13.5h3"/><path d="M6.5 12.5l2-2-2-2"/></g></g></svg>
|
After Width: | Height: | Size: 308 B |
|
@ -53,10 +53,7 @@
|
|||
>
|
||||
<main class="flex-grow">
|
||||
<nav class="flex justify-between p-4 text-sm md:p-6 lg:p-8 md:text-base">
|
||||
<a class="font-extrabold" href="/">System UIcons</a>
|
||||
<div class="flex space-x-3 md:space-x-8">
|
||||
<!-- <a class="hover:underline" href="/about">Behind the design</a>
|
||||
<a class="hover:underline" href="/changelog">Changelog</a> -->
|
||||
<div class="flex ml-auto space-x-3 md:space-x-8">
|
||||
<a
|
||||
class="hover:underline"
|
||||
href="https://github.com/CoreyGinnivan/system-uicons"
|
||||
|
@ -78,13 +75,16 @@
|
|||
>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="p-4 md:p-6 lg:p-8">
|
||||
<p class="text-xl leading-tight text-black lg:text-3xl xl:text-5xl">
|
||||
<div class="p-4 md:p-6 lg:p-8 y-">
|
||||
<p class="text-xl leading-tight font-bold text-black lg:text-3xl xl:text-5xl">
|
||||
System UIcons
|
||||
</p>
|
||||
<p class="text-xl leading-tight ml-6 md:ml-12 lg:ml-24 text-black lg:text-3xl xl:text-5xl">
|
||||
A growing collection of simple and consistent icons specifically
|
||||
designed for systems and products.
|
||||
<strong class="italic underline"
|
||||
>Use how you want, without attribution.</strong
|
||||
>
|
||||
</p>
|
||||
<p class="text-xl leading-tight font-bold text-black lg:text-3xl xl:text-5xl">
|
||||
Use how you want, without attribution.
|
||||
</p>
|
||||
</div>
|
||||
<div
|
||||
|
|
|
@ -984,6 +984,29 @@ var sourceData = [
|
|||
icon_path: "side_menu",
|
||||
icon_keywords: "side menu navigation",
|
||||
},
|
||||
{
|
||||
icon_name: "Signal (None)",
|
||||
icon_path: "signal_none",
|
||||
icon_keywords:
|
||||
"signal radio alert commuication phone strength sign none no",
|
||||
},
|
||||
{
|
||||
icon_name: "Signal (Low)",
|
||||
icon_path: "signal_low",
|
||||
icon_keywords:
|
||||
"signal radio alert commuication phone strength sign low weak",
|
||||
},
|
||||
{
|
||||
icon_name: "Signal (Medium)",
|
||||
icon_path: "signal_medium",
|
||||
icon_keywords: "signal radio alert commuication phone strength sign medium",
|
||||
},
|
||||
{
|
||||
icon_name: "Signal (Full)",
|
||||
icon_path: "signal_full",
|
||||
icon_keywords:
|
||||
"signal radio alert commuication phone strength sign full high strong",
|
||||
},
|
||||
{
|
||||
icon_name: "Info (Circle)",
|
||||
icon_path: "info_circle",
|
||||
|
@ -1094,6 +1117,11 @@ var sourceData = [
|
|||
icon_path: "target",
|
||||
icon_keywords: "target aim",
|
||||
},
|
||||
{
|
||||
icon_name: "Terminal",
|
||||
icon_path: "terminal",
|
||||
icon_keywords: "terminal warp console dev developer hack mainframe",
|
||||
},
|
||||
{
|
||||
icon_name: "Ticket",
|
||||
icon_path: "ticket",
|
||||
|
@ -1314,11 +1342,31 @@ var sourceData = [
|
|||
icon_path: "cube",
|
||||
icon_keywords: "cube box 3d ice cold",
|
||||
},
|
||||
{
|
||||
icon_name: "Cubes",
|
||||
icon_path: "cubes",
|
||||
icon_keywords: "box crate carboard 3d boxes cubes",
|
||||
},
|
||||
{
|
||||
icon_name: "Box",
|
||||
icon_path: "box",
|
||||
icon_keywords: "box crate carboard 3d",
|
||||
},
|
||||
{
|
||||
icon_name: "Box (Add)",
|
||||
icon_path: "box_add",
|
||||
icon_keywords: "box crate carboard 3d add new",
|
||||
},
|
||||
{
|
||||
icon_name: "Box (Remove)",
|
||||
icon_path: "box_remove",
|
||||
icon_keywords: "box crate carboard 3d remove minus",
|
||||
},
|
||||
{
|
||||
icon_name: "Boxes",
|
||||
icon_path: "boxes",
|
||||
icon_keywords: "box crate carboard 3d boxes cubes",
|
||||
},
|
||||
{
|
||||
icon_name: "Box (Open)",
|
||||
icon_path: "box_open",
|
||||
|
@ -1908,6 +1956,11 @@ var sourceData = [
|
|||
icon_path: "pie_third",
|
||||
icon_keywords: "pie third chart split fraction maths math",
|
||||
},
|
||||
{
|
||||
icon_name: "Pill",
|
||||
icon_path: "pill",
|
||||
icon_keywords: "pill drugs pillbox medicine doctor",
|
||||
},
|
||||
{
|
||||
icon_name: "Play Button",
|
||||
icon_path: "play_button",
|
||||
|
|
67
svgo.config.js
Executable file
|
@ -0,0 +1,67 @@
|
|||
// svgo.config.js
|
||||
module.exports = {
|
||||
multipass: true,
|
||||
datauri: "enc",
|
||||
js2svg: {
|
||||
pretty: true,
|
||||
},
|
||||
plugins: [
|
||||
"cleanupAttrs",
|
||||
"cleanupEnableBackground",
|
||||
"cleanupIDs",
|
||||
"cleanupListOfValues",
|
||||
"cleanupNumericValues",
|
||||
"collapseGroups",
|
||||
"convertColors",
|
||||
{
|
||||
name: "convertPathData",
|
||||
params: {
|
||||
noSpaceAfterFlags: false,
|
||||
},
|
||||
},
|
||||
{ convertShapeToPath: false },
|
||||
"convertStyleToAttrs",
|
||||
"convertTransform",
|
||||
"inlineStyles",
|
||||
{
|
||||
name: "mergePaths",
|
||||
params: {
|
||||
noSpaceAfterFlags: false,
|
||||
},
|
||||
},
|
||||
"minifyStyles",
|
||||
"moveElemsAttrsToGroup",
|
||||
"moveGroupAttrsToElems",
|
||||
{
|
||||
name: "removeAttrs",
|
||||
attrs: {
|
||||
"data-name": "",
|
||||
"clip-rule": "",
|
||||
},
|
||||
},
|
||||
"removeComments",
|
||||
"removeDesc",
|
||||
"removeDoctype",
|
||||
"removeEditorsNSData",
|
||||
"removeEmptyAttrs",
|
||||
"removeEmptyContainers",
|
||||
"removeEmptyText",
|
||||
"removeHiddenElems",
|
||||
"removeMetadata",
|
||||
"removeNonInheritableGroupAttrs",
|
||||
"removeTitle",
|
||||
{
|
||||
name: "removeUnknownsAndDefaults",
|
||||
params: {
|
||||
keepRoleAttr: true,
|
||||
},
|
||||
},
|
||||
"removeUnusedNS",
|
||||
"removeUselessDefs",
|
||||
"removeUselessStrokeAndFill",
|
||||
"removeXMLProcInst",
|
||||
"sortAttrs",
|
||||
{ removeViewBox: false },
|
||||
{ removeXMLNS: false },
|
||||
],
|
||||
};
|