Icons 1 icon
glyphs:icons-1
The Icons 1 icon (glyphs:icons-1) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Glyphs
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
- Tags
- icon
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M15.652 25.647V8m0 17.647c0 1.895-1.937 3.431-4.327 3.431s-4.327-1.536-4.327-3.43c0-1.896 1.937-3.432 4.327-3.432s4.327 1.536 4.327 3.431m16.346 3.922V11.922m0 17.647c0 1.895-1.937 3.43-4.327 3.43s-4.327-1.535-4.327-3.43s1.938-3.432 4.327-3.432s4.327 1.537 4.327 3.432M15.652 12.902l16.346 3.922M15.652 8l16.346 3.922m18.494 4.662l20.64 11.917M55.271 15.639a3.21 3.21 0 0 1-4.383 1.174l-.794-.458a3.208 3.208 0 0 1 3.209-5.557l.793.458a3.21 3.21 0 0 1 1.175 4.383M50.492 25.75l20.64-11.917M55.271 26.696a3.21 3.21 0 0 0-4.383-1.175l-.794.459a3.208 3.208 0 1 0 3.209 5.557l.793-.459a3.21 3.21 0 0 0 1.175-4.382M23.116 67.714c0 1.184-.948 2.143-2.118 2.143s-2.118-.96-2.118-2.143s.948-2.143 2.118-2.143s2.118.96 2.118 2.143m-9.069-4.434a8.3 8.3 0 0 1 1.806-2.028a8.2 8.2 0 0 1 3.312-1.614a8.2 8.2 0 0 1 3.675 0c1.21.28 2.341.83 3.311 1.614a8.3 8.3 0 0 1 1.805 2.026M9.492 57.87a14.6 14.6 0 0 1 2.5-2.59a14.4 14.4 0 0 1 5.794-2.824a14.3 14.3 0 0 1 6.432 0a14.4 14.4 0 0 1 5.795 2.824a14.5 14.5 0 0 1 2.499 2.59"/><path d="M4.96 52.49a20.8 20.8 0 0 1 3.167-3.179a20.55 20.55 0 0 1 8.278-4.034a20.4 20.4 0 0 1 9.188 0a20.54 20.54 0 0 1 8.278 4.034a20.8 20.8 0 0 1 3.17 3.182m20.254.689a5.756 5.756 0 1 1 4.406 10.636a5.756 5.756 0 0 1-4.406-10.636m2.219-4.022L59.498 45l-.016 4.16l.016-.006zm6.576 2.725l.017.006l.007.016l2.93-2.953zm2.748 6.599l.007.016l-.007.016l4.16-.016zm-2.724 6.609l-.007.016l-.016.007l2.953 2.93zm-6.6 2.747l-.016.006l-.016-.007l.016 4.161zm-6.608-2.725l-.016-.006l-.007-.017l-2.93 2.954zm-2.747-6.599l-.007-.016l.007-.016l-4.161.016zm2.724-6.608l.007-.017l.016-.006l-2.954-2.93z"/></g></svg>
How to use the Icons 1 icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:icons-1" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:icons-1" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:icons-1" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--icons-1]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:icons-1"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:icons-1"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/glyphs/icons-1.svg" alt="Icons 1 icon" width="24" height="24">
Icons 1 icon in other icon sets
Icons 1 icon FAQ
Is the Icons 1 icon free for commercial use?
Yes. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Icons 1 icon in React?
Install @iconify/react and render <Icon icon="glyphs:icons-1" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Icons 1 icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/icons-1.svg" alt="Icons 1 icon">, or paste the SVG code inline to style it with CSS.
Browse all Glyphs icons →
ICONYZ
