Gears Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Gears icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/317852.svg" alt="Gears icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/317852.svg" alt="Gears icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/317852.svg" alt="Gears icon" :width="24" :height="24" />
CSS background
.icon-gears {
background-image: url('https://proicons.com/icon/317852.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="UTF-8"?>
<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<defs>
<style>
.cls-1 {
fill: none;
}
.cls-1, .cls-2 {
stroke-width: 0px;
}
</style>
</defs>
<path class="cls-2" d="m28,21.9847c0-.4595-.0568-.9053-.155-1.3354l2.155-.8273-.7167-1.8671-2.2063.8469c-.4529-.7197-1.0501-1.3392-1.7568-1.8106l.9695-2.1777-1.8271-.8135-.9706,2.1801c-.478-.123-.9761-.1954-1.492-.1954s-1.014.0724-1.492.1954l-.9706-2.1801-1.8271.8135.9695,2.1777c-.7067.4714-1.3039,1.0909-1.7568,1.8106l-2.2063-.8469-.7167,1.8671,2.155.8273c-.0983.4302-.155.8759-.155,1.3354,0,.4396.0507.8672.1408,1.2802l-2.1408.9531.8135,1.8271,2.08-.9261c.442.7173,1.0259,1.3374,1.7191,1.8134l-.9023,2.3508,1.8671.7167.856-2.2299c.5004.1357,1.0239.2146,1.5666.2146s1.0662-.0789,1.5666-.2146l.856,2.2299,1.8671-.7167-.9023-2.3508c.6932-.476,1.2772-1.0961,1.7191-1.8134l2.08.9261.8135-1.8271-2.1408-.9531c.0901-.413.1408-.8406.1408-1.2802Zm-6,4c-2.2061,0-4-1.7944-4-4s1.7939-4,4-4,4,1.7944,4,4-1.7939,4-4,4Z"/>
<path class="cls-2" d="m13.471,14.8852l1.4788,1.4788,1.4142-1.4142-1.4788-1.4787c.5146-.7222.871-1.5616,1.0245-2.471h2.0903v-2h-2.0903c-.1535-.9094-.5098-1.7488-1.0245-2.471l1.4788-1.4788-1.4142-1.4142-1.4788,1.4788c-.7222-.5146-1.5616-.871-2.471-1.0245v-2.0903h-2v2.0903c-.9094.1535-1.7488.5099-2.471,1.0245l-1.4788-1.4788-1.4142,1.4142,1.4788,1.4788c-.5146.7222-.871,1.5616-1.0245,2.471H2v2h2.0903c.1535.9094.5098,1.7488,1.0245,2.471l-1.4788,1.4787,1.4142,1.4142,1.4788-1.4788c.7222.5146,1.5616.871,2.471,1.0245v2.0903h2v-2.0903c.9094-.1535,1.7488-.5098,2.471-1.0245Zm-7.471-4.8852c0-2.2056,1.7939-4,4-4s4,1.7944,4,4-1.7939,4-4,4-4-1.7944-4-4Z"/>
<rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" class="cls-1" width="32" height="32"/>
</svg>
More from Carbon Icons
View all
Copied!