cog icon
cog from Line Awesome by Icons8 · Line · Spinners · Apache-2.0 Free for personal and commercial use.
- Name
- cog
- Set
- Line Awesome
- Style
- Line
- Category
- Spinners
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- cog-solid
The same icon in other sets
More spinners icons from Line Awesome
Use the cog icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m13.188 3l-.157.813l-.594 2.968a10 10 0 0 0-2.593 1.532l-2.906-1l-.782-.25l-.406.718l-2 3.438l-.406.719l.594.53l2.25 1.97C6.104 14.948 6 15.46 6 16s.105 1.05.188 1.563l-2.25 1.968l-.594.532l.406.718l2 3.438l.406.718l.782-.25l2.906-1a10 10 0 0 0 2.594 1.532l.593 2.968l.156.813h5.626l.156-.813l.593-2.968a10 10 0 0 0 2.594-1.532l2.907 1l.78.25l.407-.718l2-3.438l.406-.718l-.593-.532l-2.25-1.968C25.895 17.05 26 16.538 26 16c0-.54-.105-1.05-.188-1.563l2.25-1.968l.594-.531l-.406-.72l-2-3.437l-.406-.718l-.782.25l-2.906 1a10 10 0 0 0-2.593-1.532l-.594-2.968L18.812 3zm1.624 2h2.376l.5 2.594l.125.593l.562.188a8 8 0 0 1 3.031 1.75l.438.406l.562-.187l2.532-.875l1.187 2.031l-2 1.781l-.469.375l.157.594c.128.57.187 1.152.187 1.75s-.059 1.18-.188 1.75l-.125.594l.438.375l2 1.781l-1.188 2.031l-2.53-.875l-.563-.187l-.438.406a8 8 0 0 1-3.031 1.75l-.563.188l-.125.593l-.5 2.594h-2.375l-.5-2.594l-.124-.593l-.563-.188a8 8 0 0 1-3.031-1.75l-.438-.406l-.562.187l-2.531.875L5.875 20.5l2-1.781l.469-.375l-.156-.594A8 8 0 0 1 8 16c0-.598.059-1.18.188-1.75l.156-.594l-.469-.375l-2-1.781l1.188-2.031l2.53.875l.563.187l.438-.406a8 8 0 0 1 3.031-1.75l.563-.188l.124-.593zM16 11c-2.75 0-5 2.25-5 5s2.25 5 5 5s5-2.25 5-5s-2.25-5-5-5m0 2c1.668 0 3 1.332 3 3s-1.332 3-3 3s-3-1.332-3-3s1.332-3 3-3"/></svg>
React
import type { SVGProps } from "react";
export function LaCog(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m13.188 3l-.157.813l-.594 2.968a10 10 0 0 0-2.593 1.532l-2.906-1l-.782-.25l-.406.718l-2 3.438l-.406.719l.594.53l2.25 1.97C6.104 14.948 6 15.46 6 16s.105 1.05.188 1.563l-2.25 1.968l-.594.532l.406.718l2 3.438l.406.718l.782-.25l2.906-1a10 10 0 0 0 2.594 1.532l.593 2.968l.156.813h5.626l.156-.813l.593-2.968a10 10 0 0 0 2.594-1.532l2.907 1l.78.25l.407-.718l2-3.438l.406-.718l-.593-.532l-2.25-1.968C25.895 17.05 26 16.538 26 16c0-.54-.105-1.05-.188-1.563l2.25-1.968l.594-.531l-.406-.72l-2-3.437l-.406-.718l-.782.25l-2.906 1a10 10 0 0 0-2.593-1.532l-.594-2.968L18.812 3zm1.624 2h2.376l.5 2.594l.125.593l.562.188a8 8 0 0 1 3.031 1.75l.438.406l.562-.187l2.532-.875l1.187 2.031l-2 1.781l-.469.375l.157.594c.128.57.187 1.152.187 1.75s-.059 1.18-.188 1.75l-.125.594l.438.375l2 1.781l-1.188 2.031l-2.53-.875l-.563-.187l-.438.406a8 8 0 0 1-3.031 1.75l-.563.188l-.125.593l-.5 2.594h-2.375l-.5-2.594l-.124-.593l-.563-.188a8 8 0 0 1-3.031-1.75l-.438-.406l-.562.187l-2.531.875L5.875 20.5l2-1.781l.469-.375l-.156-.594A8 8 0 0 1 8 16c0-.598.059-1.18.188-1.75l.156-.594l-.469-.375l-2-1.781l1.188-2.031l2.53.875l.563.187l.438-.406a8 8 0 0 1 3.031-1.75l.563-.188l.124-.593zM16 11c-2.75 0-5 2.25-5 5s2.25 5 5 5s5-2.25 5-5s-2.25-5-5-5m0 2c1.668 0 3 1.332 3 3s-1.332 3-3 3s-3-1.332-3-3s1.332-3 3-3"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m13.188 3l-.157.813l-.594 2.968a10 10 0 0 0-2.593 1.532l-2.906-1l-.782-.25l-.406.718l-2 3.438l-.406.719l.594.53l2.25 1.97C6.104 14.948 6 15.46 6 16s.105 1.05.188 1.563l-2.25 1.968l-.594.532l.406.718l2 3.438l.406.718l.782-.25l2.906-1a10 10 0 0 0 2.594 1.532l.593 2.968l.156.813h5.626l.156-.813l.593-2.968a10 10 0 0 0 2.594-1.532l2.907 1l.78.25l.407-.718l2-3.438l.406-.718l-.593-.532l-2.25-1.968C25.895 17.05 26 16.538 26 16c0-.54-.105-1.05-.188-1.563l2.25-1.968l.594-.531l-.406-.72l-2-3.437l-.406-.718l-.782.25l-2.906 1a10 10 0 0 0-2.593-1.532l-.594-2.968L18.812 3zm1.624 2h2.376l.5 2.594l.125.593l.562.188a8 8 0 0 1 3.031 1.75l.438.406l.562-.187l2.532-.875l1.187 2.031l-2 1.781l-.469.375l.157.594c.128.57.187 1.152.187 1.75s-.059 1.18-.188 1.75l-.125.594l.438.375l2 1.781l-1.188 2.031l-2.53-.875l-.563-.187l-.438.406a8 8 0 0 1-3.031 1.75l-.563.188l-.125.593l-.5 2.594h-2.375l-.5-2.594l-.124-.593l-.563-.188a8 8 0 0 1-3.031-1.75l-.438-.406l-.562.187l-2.531.875L5.875 20.5l2-1.781l.469-.375l-.156-.594A8 8 0 0 1 8 16c0-.598.059-1.18.188-1.75l.156-.594l-.469-.375l-2-1.781l1.188-2.031l2.53.875l.563.187l.438-.406a8 8 0 0 1 3.031-1.75l.563-.188l.124-.593zM16 11c-2.75 0-5 2.25-5 5s2.25 5 5 5s5-2.25 5-5s-2.25-5-5-5m0 2c1.668 0 3 1.332 3 3s-1.332 3-3 3s-3-1.332-3-3s1.332-3 3-3"/></svg> </template>
CSS
.icon-cog {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m13.188%203l-.157.813l-.594%202.968a10%2010%200%200%200-2.593%201.532l-2.906-1l-.782-.25l-.406.718l-2%203.438l-.406.719l.594.53l2.25%201.97C6.104%2014.948%206%2015.46%206%2016s.105%201.05.188%201.563l-2.25%201.968l-.594.532l.406.718l2%203.438l.406.718l.782-.25l2.906-1a10%2010%200%200%200%202.594%201.532l.593%202.968l.156.813h5.626l.156-.813l.593-2.968a10%2010%200%200%200%202.594-1.532l2.907%201l.78.25l.407-.718l2-3.438l.406-.718l-.593-.532l-2.25-1.968C25.895%2017.05%2026%2016.538%2026%2016c0-.54-.105-1.05-.188-1.563l2.25-1.968l.594-.531l-.406-.72l-2-3.437l-.406-.718l-.782.25l-2.906%201a10%2010%200%200%200-2.593-1.532l-.594-2.968L18.812%203zm1.624%202h2.376l.5%202.594l.125.593l.562.188a8%208%200%200%201%203.031%201.75l.438.406l.562-.187l2.532-.875l1.187%202.031l-2%201.781l-.469.375l.157.594c.128.57.187%201.152.187%201.75s-.059%201.18-.188%201.75l-.125.594l.438.375l2%201.781l-1.188%202.031l-2.53-.875l-.563-.187l-.438.406a8%208%200%200%201-3.031%201.75l-.563.188l-.125.593l-.5%202.594h-2.375l-.5-2.594l-.124-.593l-.563-.188a8%208%200%200%201-3.031-1.75l-.438-.406l-.562.187l-2.531.875L5.875%2020.5l2-1.781l.469-.375l-.156-.594A8%208%200%200%201%208%2016c0-.598.059-1.18.188-1.75l.156-.594l-.469-.375l-2-1.781l1.188-2.031l2.53.875l.563.187l.438-.406a8%208%200%200%201%203.031-1.75l.563-.188l.124-.593zM16%2011c-2.75%200-5%202.25-5%205s2.25%205%205%205s5-2.25%205-5s-2.25-5-5-5m0%202c1.668%200%203%201.332%203%203s-1.332%203-3%203s-3-1.332-3-3s1.332-3%203-3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m13.188%203l-.157.813l-.594%202.968a10%2010%200%200%200-2.593%201.532l-2.906-1l-.782-.25l-.406.718l-2%203.438l-.406.719l.594.53l2.25%201.97C6.104%2014.948%206%2015.46%206%2016s.105%201.05.188%201.563l-2.25%201.968l-.594.532l.406.718l2%203.438l.406.718l.782-.25l2.906-1a10%2010%200%200%200%202.594%201.532l.593%202.968l.156.813h5.626l.156-.813l.593-2.968a10%2010%200%200%200%202.594-1.532l2.907%201l.78.25l.407-.718l2-3.438l.406-.718l-.593-.532l-2.25-1.968C25.895%2017.05%2026%2016.538%2026%2016c0-.54-.105-1.05-.188-1.563l2.25-1.968l.594-.531l-.406-.72l-2-3.437l-.406-.718l-.782.25l-2.906%201a10%2010%200%200%200-2.593-1.532l-.594-2.968L18.812%203zm1.624%202h2.376l.5%202.594l.125.593l.562.188a8%208%200%200%201%203.031%201.75l.438.406l.562-.187l2.532-.875l1.187%202.031l-2%201.781l-.469.375l.157.594c.128.57.187%201.152.187%201.75s-.059%201.18-.188%201.75l-.125.594l.438.375l2%201.781l-1.188%202.031l-2.53-.875l-.563-.187l-.438.406a8%208%200%200%201-3.031%201.75l-.563.188l-.125.593l-.5%202.594h-2.375l-.5-2.594l-.124-.593l-.563-.188a8%208%200%200%201-3.031-1.75l-.438-.406l-.562.187l-2.531.875L5.875%2020.5l2-1.781l.469-.375l-.156-.594A8%208%200%200%201%208%2016c0-.598.059-1.18.188-1.75l.156-.594l-.469-.375l-2-1.781l1.188-2.031l2.53.875l.563.187l.438-.406a8%208%200%200%201%203.031-1.75l.563-.188l.124-.593zM16%2011c-2.75%200-5%202.25-5%205s2.25%205%205%205s5-2.25%205-5s-2.25-5-5-5m0%202c1.668%200%203%201.332%203%203s-1.332%203-3%203s-3-1.332-3-3s1.332-3%203-3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/cog.svg?color=%231a73e8&size=48
