Three Bold icon
glyphs:three-bold
The Three Bold icon (glyphs:three-bold) 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
- threebold
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="currentColor" d="M28 61a3 3 0 1 0 0 6zm23.408-44.204l-2.407-1.79zM37.427 35.602l2.408 1.79zM28 13a3 3 0 1 0 0 6zm10.13 23.009l-.028 3zm-.504-.005l-.027 3zM38.004 61H28v6h10.004zm10.997-45.994L35.019 33.812l4.815 3.58l13.982-18.807zM28 19h23.009v-6H28zm10.156 14.009l-.503-.005l-.054 6l.503.005zm-3.137.803c-1.587 2.135-.08 5.169 2.58 5.192l.054-6c2.248.02 3.522 2.584 2.18 4.388zM55 50.004c0-9.327-7.517-16.912-16.844-16.995l-.054 6C44.137 39.063 49 43.969 49 50.004zm-6 0C49 56.077 44.077 61 38.004 61v6C47.391 67 55 59.39 55 50.004zm4.816-31.418C55.532 16.278 53.885 13 51.01 13v6c-2.057 0-3.235-2.344-2.008-3.994z"/></svg>How to use the Three Bold icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:three-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:three-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:three-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--three-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:three-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:three-bold"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs/three-bold.svg" alt="Three Bold icon" width="24" height="24">Related icons in Glyphs
Three Bold icon FAQ
Is the Three Bold 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 Three Bold icon in React?
Install @iconify/react and render <Icon icon="glyphs:three-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Three Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/three-bold.svg" alt="Three Bold icon">, or paste the SVG code inline to style it with CSS.