Eight icon
glyphs-poly:eight
The Eight icon (glyphs-poly:eight) is a free SVG icon from the Glyphs Poly set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs Poly 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 Poly
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="#eb5757" d="M30 52v-3.937h-4V52zm24 0v-3.96h-4V52zM28 26c0 6.614 5.406 11.959 11.987 12l.026-4C35.598 33.972 32 30.383 32 26zm20 0c0 4.383-3.598 7.972-8.013 8l.026 4C46.594 37.959 52 32.614 52 26zm-8-8a8 8 0 0 1 8 8h4c0-6.628-5.373-12-12-12zm14 30.04c0-7.737-6.258-14.015-13.993-14.04l-.014 4C45.525 38.018 50 42.507 50 48.04zm-24 .023C30 42.526 34.473 38.029 40.01 38l-.02-4C32.252 34.04 26 40.325 26 48.063zM40 14c-6.627 0-12 5.372-12 12h4a8 8 0 0 1 8-8zM26 52c0 7.732 6.268 14 14 14v-4c-5.523 0-10-4.477-10-10zm24 0c0 5.523-4.477 10-10 10v4c7.732 0 14-6.268 14-14z"/></svg>How to use the Eight icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:eight" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:eight" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:eight" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--eight]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:eight"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:eight"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs-poly/eight.svg" alt="Eight icon" width="24" height="24">Eight icon in other icon sets
Eight icon FAQ
Is the Eight icon free for commercial use?
Yes. Glyphs Poly icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Eight icon in React?
Install @iconify/react and render <Icon icon="glyphs-poly:eight" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Eight icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs-poly/eight.svg" alt="Eight icon">, or paste the SVG code inline to style it with CSS.