Cogs 1 Bold icon
glyphs:cogs-1-bold
The Cogs 1 Bold icon (glyphs:cogs-1-bold) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 90 × 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
- 90 × 80
- Tags
- cogsbold, cog
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="90" height="80" viewBox="0 0 90 80"><path fill="currentColor" fill-rule="evenodd" d="M49.328 21.333q.066.397.17.78l-2.26 2.83l3.106 3.778l3.213-1.669a8 8 0 0 0 1.497.562l1.32 3.371l4.826-.8l.16-3.617a8 8 0 0 0 1.236-1.016l3.58.543l1.72-4.58l-3.054-1.948a8 8 0 0 0-.262-1.576l2.26-2.83l-3.105-3.778l-3.215 1.67a8 8 0 0 0-1.494-.561l-1.321-3.374l-4.826.801l-.16 3.62a8 8 0 0 0-1.234 1.013l-3.581-.543l-1.72 4.58l3.053 1.948q.026.397.09.796M58.1 16.87a3.383 3.383 0 1 0-2.379 6.334A3.383 3.383 0 0 0 58.1 16.87m-3.458 36.673q.013.686.109 1.357l-2.94 2.249l2.663 5.263l3.55-1.037a11.3 11.3 0 0 0 2.166 1.659l-.075 3.697l5.775 1.2l1.403-3.421a11.3 11.3 0 0 0 2.648-.66l2.844 2.364l4.538-3.768l-1.8-3.23a11.3 11.3 0 0 0 1.134-2.48l3.622-.75l-.116-5.898l-3.65-.607a11.3 11.3 0 0 0-1.231-2.43l1.673-3.303l-4.683-3.586l-2.753 2.478a11.3 11.3 0 0 0-2.664-.553l-1.54-3.37l-5.723 1.426l.22 3.698a11.3 11.3 0 0 0-2.093 1.738l-3.594-.897l-2.454 5.363l3.027 2.132q-.07.677-.056 1.366m12.272-5.9a5.792 5.792 0 1 0-2.355 11.342a5.792 5.792 0 0 0 2.355-11.342M46.07 31.254a16 16 0 0 0-2.65-3.057l1.149-5.514L35.3 19.24l-2.73 4.924a15.9 15.9 0 0 0-4.725.804l-4.203-3.753l-7.616 6.304l2.91 4.843a15.9 15.9 0 0 0-1.656 4.47l-5.373 1.77l1.652 9.749l5.674-.1a15.9 15.9 0 0 0 3.024 3.65L21.1 57.459l9.268 3.444l2.753-4.968a15.9 15.9 0 0 0 4.67-.79l4.234 3.782l7.617-6.304l-2.916-4.852a15.9 15.9 0 0 0 1.664-4.463l5.37-1.768l-1.652-9.749l-5.636.099a16 16 0 0 0-.402-.636m-9.496 5.992a4.757 4.757 0 1 0-7.922 5.267a4.757 4.757 0 0 0 7.922-5.267" clip-rule="evenodd"/></svg>How to use the Cogs 1 Bold icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:cogs-1-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:cogs-1-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:cogs-1-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--cogs-1-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:cogs-1-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:cogs-1-bold"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs/cogs-1-bold.svg" alt="Cogs 1 Bold icon" width="24" height="24">Related icons in Glyphs
Cogs 1 Bold icon FAQ
Is the Cogs 1 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 Cogs 1 Bold icon in React?
Install @iconify/react and render <Icon icon="glyphs:cogs-1-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cogs 1 Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/cogs-1-bold.svg" alt="Cogs 1 Bold icon">, or paste the SVG code inline to style it with CSS.