Three icon
glyphs-poly:three
The Three icon (glyphs-poly:three) 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="#2f80ed" d="M28 62a2 2 0 1 0 0 4zm23.408-45.204l-1.605-1.194zM37.427 35.602l1.605 1.194zM28 14a2 2 0 1 0 0 4zm10.13 22.009l-.019 2zm-.504-.005l-.018 2zM38.004 62H28v4h10.004zm11.8-46.398L35.82 34.41l3.21 2.386L53.014 17.99zM28 18h23.009v-4H28zm10.147 16.009l-.503-.005l-.036 4l.503.005zm-2.326.4c-1.099 1.478-.055 3.579 1.787 3.595l.036-4c1.43.013 2.24 1.644 1.387 2.791zM54 50.004c0-8.778-7.075-15.917-15.853-15.995l-.036 4C44.694 38.068 50 43.42 50 50.004zm-4 0C50 56.63 44.63 62 38.004 62v4C46.838 66 54 58.838 54 50.004zm3.014-32.015C54.239 16.34 53.063 14 51.009 14v4c-1.235 0-1.942-1.407-1.206-2.398z"/></svg>
How to use the Three icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:three" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:three" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:three" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--three]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:three"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:three"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/glyphs-poly/three.svg" alt="Three icon" width="24" height="24">
Three icon in other icon sets
Three icon FAQ
Is the Three 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 Three icon in React?
Install @iconify/react and render <Icon icon="glyphs-poly:three" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Three icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs-poly/three.svg" alt="Three icon">, or paste the SVG code inline to style it with CSS.
Browse all Glyphs Poly icons →
ICONYZ
