cog from Material Line Icons by Vjacheslav Trushkin · Line · Interface · MIT Free for personal and commercial use.

Name
cog
Set
Material Line Icons
Style
Line
Category
Interface
Viewbox
24×24
License
MIT

The same icon in other sets

More interface icons from Material Line Icons

Use the cog icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path stroke-dasharray="22" d="M12 9c1.66 0 3 1.34 3 3c0 1.66 -1.34 3 -3 3c-1.66 0 -3 -1.34 -3 -3c0 -1.66 1.34 -3 3 -3Z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="22;0"/></path><path stroke-dasharray="44" stroke-dashoffset="44" d="M12 5.5c3.59 0 6.5 2.91 6.5 6.5c0 3.59 -2.91 6.5 -6.5 6.5c-3.59 0 -6.5 -2.91 -6.5 -6.5c0 -3.59 2.91 -6.5 6.5 -6.5Z"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.3s" dur="0.5s" to="0"/><set fill="freeze" attributeName="opacity" begin="0.8s" to="0"/></path><path d="M15.24 6.37c0.41 0.23 0.8 0.51 1.14 0.83c0 0 2.62 -1.08 2.63 -1.06c0 0 1.56 2.7 1.56 2.7c0.01 0.03 -2.22 1.75 -2.22 1.75c0.1 0.45 0.15 0.93 0.15 1.41" opacity="0"><set fill="freeze" attributeName="opacity" begin="0.8s" to="1"/><animate fill="freeze" attributeName="d" begin="0.8s" dur="0.2s" values="M15.24 6.37c0.41 0.23 0.8 0.51 1.14 0.83c0.22 0.2 0.42 0.41 0.61 0.63c0.47 0.57 0.86 1.22 1.12 1.94c0.09 0.26 0.17 0.54 0.24 0.82c0.1 0.45 0.15 0.93 0.15 1.41;M15.24 6.37c0.41 0.23 0.8 0.51 1.14 0.83c0 0 2.62 -1.08 2.63 -1.06c0 0 1.56 2.7 1.56 2.7c0.01 0.03 -2.22 1.75 -2.22 1.75c0.1 0.45 0.15 0.93 0.15 1.41"/></path><path d="M18.5 11.99c0.01 0.47 -0.04 0.95 -0.15 1.4c0 0 2.25 1.73 2.23 1.75c0 0 -1.56 2.7 -1.56 2.7c-0.02 0.02 -2.63 -1.05 -2.63 -1.05c-0.34 0.31 -0.73 0.59 -1.15 0.83" opacity="0"><set fill="freeze" attributeName="opacity" begin="0.8s" to="1"/><animate fill="freeze" attributeName="d" begin="0.8s" dur="0.2s" values="M18.5 11.99c0.01 0.47 -0.04 0.95 -0.15 1.4c-0.06 0.29 -0.15 0.57 -0.24 0.84c-0.26 0.69 -0.63 1.35 -1.12 1.94c-0.18 0.21 -0.38 0.42 -0.59 0.62c-0.34 0.31 -0.73 0.59 -1.15 0.83;M18.5 11.99c0.01 0.47 -0.04 0.95 -0.15 1.4c0 0 2.25 1.73 2.23 1.75c0 0 -1.56 2.7 -1.56 2.7c-0.02 0.02 -2.63 -1.05 -2.63 -1.05c-0.34 0.31 -0.73 0.59 -1.15 0.83"/></path><path d="M15.26 17.62c-0.4 0.24 -0.84 0.44 -1.29 0.57c0 0 -0.37 2.81 -0.4 2.81c0 0 -3.12 0 -3.12 0c-0.03 -0.01 -0.41 -2.8 -0.41 -2.8c-0.44 -0.14 -0.88 -0.34 -1.3 -0.58" opacity="0"><set fill="freeze" attributeName="opacity" begin="0.8s" to="1"/><animate fill="freeze" attributeName="d" begin="0.8s" dur="0.2s" values="M15.26 17.62c-0.4 0.24 -0.84 0.44 -1.29 0.57c-0.28 0.09 -0.57 0.16 -0.85 0.21c-0.73 0.12 -1.49 0.13 -2.24 0c-0.27 -0.05 -0.55 -0.12 -0.83 -0.2c-0.44 -0.14 -0.88 -0.34 -1.3 -0.58;M15.26 17.62c-0.4 0.24 -0.84 0.44 -1.29 0.57c0 0 -0.37 2.81 -0.4 2.81c0 0 -3.12 0 -3.12 0c-0.03 -0.01 -0.41 -2.8 -0.41 -2.8c-0.44 -0.14 -0.88 -0.34 -1.3 -0.58"/></path><path d="M8.76 17.63c-0.41 -0.23 -0.8 -0.51 -1.14 -0.83c0 0 -2.62 1.08 -2.63 1.06c0 0 -1.56 -2.7 -1.56 -2.7c-0.01 -0.03 2.22 -1.75 2.22 -1.75c-0.1 -0.45 -0.15 -0.93 -0.15 -1.41" opacity="0"><set fill="freeze" attributeName="opacity" begin="0.8s" to="1"/><animate fill="freeze" attributeName="d" begin="0.8s" dur="0.2s" values="M8.76 17.63c-0.41 -0.23 -0.8 -0.51 -1.14 -0.83c-0.22 -0.2 -0.42 -0.41 -0.61 -0.63c-0.47 -0.57 -0.86 -1.22 -1.12 -1.94c-0.09 -0.26 -0.17 -0.54 -0.24 -0.82c-0.1 -0.45 -0.15 -0.93 -0.15 -1.41;M8.76 17.63c-0.41 -0.23 -0.8 -0.51 -1.14 -0.83c0 0 -2.62 1.08 -2.63 1.06c0 0 -1.56 -2.7 -1.56 -2.7c-0.01 -0.03 2.22 -1.75 2.22 -1.75c-0.1 -0.45 -0.15 -0.93 -0.15 -1.41"/></path><path d="M5.5 12.01c-0.01 -0.47 0.04 -0.95 0.15 -1.4c0 0 -2.25 -1.73 -2.23 -1.75c0 0 1.56 -2.7 1.56 -2.7c0.02 -0.02 2.63 1.05 2.63 1.05c0.34 -0.31 0.73 -0.59 1.15 -0.83" opacity="0"><set fill="freeze" attributeName="opacity" begin="0.8s" to="1"/><animate fill="freeze" attributeName="d" begin="0.8s" dur="0.2s" values="M5.5 12.01c-0.01 -0.47 0.04 -0.95 0.15 -1.4c0.06 -0.29 0.15 -0.57 0.24 -0.84c0.26 -0.69 0.63 -1.35 1.12 -1.94c0.18 -0.21 0.38 -0.42 0.59 -0.62c0.34 -0.31 0.73 -0.59 1.15 -0.83;M5.5 12.01c-0.01 -0.47 0.04 -0.95 0.15 -1.4c0 0 -2.25 -1.73 -2.23 -1.75c0 0 1.56 -2.7 1.56 -2.7c0.02 -0.02 2.63 1.05 2.63 1.05c0.34 -0.31 0.73 -0.59 1.15 -0.83"/></path><path d="M8.74 6.38c0.4 -0.24 0.84 -0.44 1.29 -0.57c0 0 0.37 -2.81 0.4 -2.81c0 0 3.12 0 3.12 0c0.03 0.01 0.41 2.8 0.41 2.8c0.44 0.14 0.88 0.34 1.3 0.58" opacity="0"><set fill="freeze" attributeName="opacity" begin="0.8s" to="1"/><animate fill="freeze" attributeName="d" begin="0.8s" dur="0.2s" values="M8.74 6.38c0.4 -0.24 0.84 -0.44 1.29 -0.57c0.28 -0.09 0.57 -0.16 0.85 -0.21c0.73 -0.12 1.49 -0.13 2.24 0c0.27 0.05 0.55 0.12 0.83 0.2c0.44 0.14 0.88 0.34 1.3 0.58;M8.74 6.38c0.4 -0.24 0.84 -0.44 1.29 -0.57c0 0 0.37 -2.81 0.4 -2.81c0 0 3.12 0 3.12 0c0.03 0.01 0.41 2.8 0.41 2.8c0.44 0.14 0.88 0.34 1.3 0.58"/></path></g></svg>

React

import type { SVGProps } from "react";

export function LineMdCog(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path strokeDasharray="22" d="M12 9c1.66 0 3 1.34 3 3c0 1.66 -1.34 3 -3 3c-1.66 0 -3 -1.34 -3 -3c0 -1.66 1.34 -3 3 -3Z"><animate fill="freeze" attributeName="strokeDashoffset" dur="0.3s" values="22;0"/></path><path strokeDasharray="44" strokeDashoffset="44" d="M12 5.5c3.59 0 6.5 2.91 6.5 6.5c0 3.59 -2.91 6.5 -6.5 6.5c-3.59 0 -6.5 -2.91 -6.5 -6.5c0 -3.59 2.91 -6.5 6.5 -6.5Z"><animate fill="freeze" attributeName="strokeDashoffset" begin="0.3s" dur="0.5s" to="0"/><set fill="freeze" attributeName="opacity" begin="0.8s" to="0"/></path><path d="M15.24 6.37c0.41 0.23 0.8 0.51 1.14 0.83c0 0 2.62 -1.08 2.63 -1.06c0 0 1.56 2.7 1.56 2.7c0.01 0.03 -2.22 1.75 -2.22 1.75c0.1 0.45 0.15 0.93 0.15 1.41" opacity="0"><set fill="freeze" attributeName="opacity" begin="0.8s" to="1"/><animate fill="freeze" attributeName="d" begin="0.8s" dur="0.2s" values="M15.24 6.37c0.41 0.23 0.8 0.51 1.14 0.83c0.22 0.2 0.42 0.41 0.61 0.63c0.47 0.57 0.86 1.22 1.12 1.94c0.09 0.26 0.17 0.54 0.24 0.82c0.1 0.45 0.15 0.93 0.15 1.41;M15.24 6.37c0.41 0.23 0.8 0.51 1.14 0.83c0 0 2.62 -1.08 2.63 -1.06c0 0 1.56 2.7 1.56 2.7c0.01 0.03 -2.22 1.75 -2.22 1.75c0.1 0.45 0.15 0.93 0.15 1.41"/></path><path d="M18.5 11.99c0.01 0.47 -0.04 0.95 -0.15 1.4c0 0 2.25 1.73 2.23 1.75c0 0 -1.56 2.7 -1.56 2.7c-0.02 0.02 -2.63 -1.05 -2.63 -1.05c-0.34 0.31 -0.73 0.59 -1.15 0.83" opacity="0"><set fill="freeze" attributeName="opacity" begin="0.8s" to="1"/><animate fill="freeze" attributeName="d" begin="0.8s" dur="0.2s" values="M18.5 11.99c0.01 0.47 -0.04 0.95 -0.15 1.4c-0.06 0.29 -0.15 0.57 -0.24 0.84c-0.26 0.69 -0.63 1.35 -1.12 1.94c-0.18 0.21 -0.38 0.42 -0.59 0.62c-0.34 0.31 -0.73 0.59 -1.15 0.83;M18.5 11.99c0.01 0.47 -0.04 0.95 -0.15 1.4c0 0 2.25 1.73 2.23 1.75c0 0 -1.56 2.7 -1.56 2.7c-0.02 0.02 -2.63 -1.05 -2.63 -1.05c-0.34 0.31 -0.73 0.59 -1.15 0.83"/></path><path d="M15.26 17.62c-0.4 0.24 -0.84 0.44 -1.29 0.57c0 0 -0.37 2.81 -0.4 2.81c0 0 -3.12 0 -3.12 0c-0.03 -0.01 -0.41 -2.8 -0.41 -2.8c-0.44 -0.14 -0.88 -0.34 -1.3 -0.58" opacity="0"><set fill="freeze" attributeName="opacity" begin="0.8s" to="1"/><animate fill="freeze" attributeName="d" begin="0.8s" dur="0.2s" values="M15.26 17.62c-0.4 0.24 -0.84 0.44 -1.29 0.57c-0.28 0.09 -0.57 0.16 -0.85 0.21c-0.73 0.12 -1.49 0.13 -2.24 0c-0.27 -0.05 -0.55 -0.12 -0.83 -0.2c-0.44 -0.14 -0.88 -0.34 -1.3 -0.58;M15.26 17.62c-0.4 0.24 -0.84 0.44 -1.29 0.57c0 0 -0.37 2.81 -0.4 2.81c0 0 -3.12 0 -3.12 0c-0.03 -0.01 -0.41 -2.8 -0.41 -2.8c-0.44 -0.14 -0.88 -0.34 -1.3 -0.58"/></path><path d="M8.76 17.63c-0.41 -0.23 -0.8 -0.51 -1.14 -0.83c0 0 -2.62 1.08 -2.63 1.06c0 0 -1.56 -2.7 -1.56 -2.7c-0.01 -0.03 2.22 -1.75 2.22 -1.75c-0.1 -0.45 -0.15 -0.93 -0.15 -1.41" opacity="0"><set fill="freeze" attributeName="opacity" begin="0.8s" to="1"/><animate fill="freeze" attributeName="d" begin="0.8s" dur="0.2s" values="M8.76 17.63c-0.41 -0.23 -0.8 -0.51 -1.14 -0.83c-0.22 -0.2 -0.42 -0.41 -0.61 -0.63c-0.47 -0.57 -0.86 -1.22 -1.12 -1.94c-0.09 -0.26 -0.17 -0.54 -0.24 -0.82c-0.1 -0.45 -0.15 -0.93 -0.15 -1.41;M8.76 17.63c-0.41 -0.23 -0.8 -0.51 -1.14 -0.83c0 0 -2.62 1.08 -2.63 1.06c0 0 -1.56 -2.7 -1.56 -2.7c-0.01 -0.03 2.22 -1.75 2.22 -1.75c-0.1 -0.45 -0.15 -0.93 -0.15 -1.41"/></path><path d="M5.5 12.01c-0.01 -0.47 0.04 -0.95 0.15 -1.4c0 0 -2.25 -1.73 -2.23 -1.75c0 0 1.56 -2.7 1.56 -2.7c0.02 -0.02 2.63 1.05 2.63 1.05c0.34 -0.31 0.73 -0.59 1.15 -0.83" opacity="0"><set fill="freeze" attributeName="opacity" begin="0.8s" to="1"/><animate fill="freeze" attributeName="d" begin="0.8s" dur="0.2s" values="M5.5 12.01c-0.01 -0.47 0.04 -0.95 0.15 -1.4c0.06 -0.29 0.15 -0.57 0.24 -0.84c0.26 -0.69 0.63 -1.35 1.12 -1.94c0.18 -0.21 0.38 -0.42 0.59 -0.62c0.34 -0.31 0.73 -0.59 1.15 -0.83;M5.5 12.01c-0.01 -0.47 0.04 -0.95 0.15 -1.4c0 0 -2.25 -1.73 -2.23 -1.75c0 0 1.56 -2.7 1.56 -2.7c0.02 -0.02 2.63 1.05 2.63 1.05c0.34 -0.31 0.73 -0.59 1.15 -0.83"/></path><path d="M8.74 6.38c0.4 -0.24 0.84 -0.44 1.29 -0.57c0 0 0.37 -2.81 0.4 -2.81c0 0 3.12 0 3.12 0c0.03 0.01 0.41 2.8 0.41 2.8c0.44 0.14 0.88 0.34 1.3 0.58" opacity="0"><set fill="freeze" attributeName="opacity" begin="0.8s" to="1"/><animate fill="freeze" attributeName="d" begin="0.8s" dur="0.2s" values="M8.74 6.38c0.4 -0.24 0.84 -0.44 1.29 -0.57c0.28 -0.09 0.57 -0.16 0.85 -0.21c0.73 -0.12 1.49 -0.13 2.24 0c0.27 0.05 0.55 0.12 0.83 0.2c0.44 0.14 0.88 0.34 1.3 0.58;M8.74 6.38c0.4 -0.24 0.84 -0.44 1.29 -0.57c0 0 0.37 -2.81 0.4 -2.81c0 0 3.12 0 3.12 0c0.03 0.01 0.41 2.8 0.41 2.8c0.44 0.14 0.88 0.34 1.3 0.58"/></path></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path stroke-dasharray="22" d="M12 9c1.66 0 3 1.34 3 3c0 1.66 -1.34 3 -3 3c-1.66 0 -3 -1.34 -3 -3c0 -1.66 1.34 -3 3 -3Z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="22;0"/></path><path stroke-dasharray="44" stroke-dashoffset="44" d="M12 5.5c3.59 0 6.5 2.91 6.5 6.5c0 3.59 -2.91 6.5 -6.5 6.5c-3.59 0 -6.5 -2.91 -6.5 -6.5c0 -3.59 2.91 -6.5 6.5 -6.5Z"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.3s" dur="0.5s" to="0"/><set fill="freeze" attributeName="opacity" begin="0.8s" to="0"/></path><path d="M15.24 6.37c0.41 0.23 0.8 0.51 1.14 0.83c0 0 2.62 -1.08 2.63 -1.06c0 0 1.56 2.7 1.56 2.7c0.01 0.03 -2.22 1.75 -2.22 1.75c0.1 0.45 0.15 0.93 0.15 1.41" opacity="0"><set fill="freeze" attributeName="opacity" begin="0.8s" to="1"/><animate fill="freeze" attributeName="d" begin="0.8s" dur="0.2s" values="M15.24 6.37c0.41 0.23 0.8 0.51 1.14 0.83c0.22 0.2 0.42 0.41 0.61 0.63c0.47 0.57 0.86 1.22 1.12 1.94c0.09 0.26 0.17 0.54 0.24 0.82c0.1 0.45 0.15 0.93 0.15 1.41;M15.24 6.37c0.41 0.23 0.8 0.51 1.14 0.83c0 0 2.62 -1.08 2.63 -1.06c0 0 1.56 2.7 1.56 2.7c0.01 0.03 -2.22 1.75 -2.22 1.75c0.1 0.45 0.15 0.93 0.15 1.41"/></path><path d="M18.5 11.99c0.01 0.47 -0.04 0.95 -0.15 1.4c0 0 2.25 1.73 2.23 1.75c0 0 -1.56 2.7 -1.56 2.7c-0.02 0.02 -2.63 -1.05 -2.63 -1.05c-0.34 0.31 -0.73 0.59 -1.15 0.83" opacity="0"><set fill="freeze" attributeName="opacity" begin="0.8s" to="1"/><animate fill="freeze" attributeName="d" begin="0.8s" dur="0.2s" values="M18.5 11.99c0.01 0.47 -0.04 0.95 -0.15 1.4c-0.06 0.29 -0.15 0.57 -0.24 0.84c-0.26 0.69 -0.63 1.35 -1.12 1.94c-0.18 0.21 -0.38 0.42 -0.59 0.62c-0.34 0.31 -0.73 0.59 -1.15 0.83;M18.5 11.99c0.01 0.47 -0.04 0.95 -0.15 1.4c0 0 2.25 1.73 2.23 1.75c0 0 -1.56 2.7 -1.56 2.7c-0.02 0.02 -2.63 -1.05 -2.63 -1.05c-0.34 0.31 -0.73 0.59 -1.15 0.83"/></path><path d="M15.26 17.62c-0.4 0.24 -0.84 0.44 -1.29 0.57c0 0 -0.37 2.81 -0.4 2.81c0 0 -3.12 0 -3.12 0c-0.03 -0.01 -0.41 -2.8 -0.41 -2.8c-0.44 -0.14 -0.88 -0.34 -1.3 -0.58" opacity="0"><set fill="freeze" attributeName="opacity" begin="0.8s" to="1"/><animate fill="freeze" attributeName="d" begin="0.8s" dur="0.2s" values="M15.26 17.62c-0.4 0.24 -0.84 0.44 -1.29 0.57c-0.28 0.09 -0.57 0.16 -0.85 0.21c-0.73 0.12 -1.49 0.13 -2.24 0c-0.27 -0.05 -0.55 -0.12 -0.83 -0.2c-0.44 -0.14 -0.88 -0.34 -1.3 -0.58;M15.26 17.62c-0.4 0.24 -0.84 0.44 -1.29 0.57c0 0 -0.37 2.81 -0.4 2.81c0 0 -3.12 0 -3.12 0c-0.03 -0.01 -0.41 -2.8 -0.41 -2.8c-0.44 -0.14 -0.88 -0.34 -1.3 -0.58"/></path><path d="M8.76 17.63c-0.41 -0.23 -0.8 -0.51 -1.14 -0.83c0 0 -2.62 1.08 -2.63 1.06c0 0 -1.56 -2.7 -1.56 -2.7c-0.01 -0.03 2.22 -1.75 2.22 -1.75c-0.1 -0.45 -0.15 -0.93 -0.15 -1.41" opacity="0"><set fill="freeze" attributeName="opacity" begin="0.8s" to="1"/><animate fill="freeze" attributeName="d" begin="0.8s" dur="0.2s" values="M8.76 17.63c-0.41 -0.23 -0.8 -0.51 -1.14 -0.83c-0.22 -0.2 -0.42 -0.41 -0.61 -0.63c-0.47 -0.57 -0.86 -1.22 -1.12 -1.94c-0.09 -0.26 -0.17 -0.54 -0.24 -0.82c-0.1 -0.45 -0.15 -0.93 -0.15 -1.41;M8.76 17.63c-0.41 -0.23 -0.8 -0.51 -1.14 -0.83c0 0 -2.62 1.08 -2.63 1.06c0 0 -1.56 -2.7 -1.56 -2.7c-0.01 -0.03 2.22 -1.75 2.22 -1.75c-0.1 -0.45 -0.15 -0.93 -0.15 -1.41"/></path><path d="M5.5 12.01c-0.01 -0.47 0.04 -0.95 0.15 -1.4c0 0 -2.25 -1.73 -2.23 -1.75c0 0 1.56 -2.7 1.56 -2.7c0.02 -0.02 2.63 1.05 2.63 1.05c0.34 -0.31 0.73 -0.59 1.15 -0.83" opacity="0"><set fill="freeze" attributeName="opacity" begin="0.8s" to="1"/><animate fill="freeze" attributeName="d" begin="0.8s" dur="0.2s" values="M5.5 12.01c-0.01 -0.47 0.04 -0.95 0.15 -1.4c0.06 -0.29 0.15 -0.57 0.24 -0.84c0.26 -0.69 0.63 -1.35 1.12 -1.94c0.18 -0.21 0.38 -0.42 0.59 -0.62c0.34 -0.31 0.73 -0.59 1.15 -0.83;M5.5 12.01c-0.01 -0.47 0.04 -0.95 0.15 -1.4c0 0 -2.25 -1.73 -2.23 -1.75c0 0 1.56 -2.7 1.56 -2.7c0.02 -0.02 2.63 1.05 2.63 1.05c0.34 -0.31 0.73 -0.59 1.15 -0.83"/></path><path d="M8.74 6.38c0.4 -0.24 0.84 -0.44 1.29 -0.57c0 0 0.37 -2.81 0.4 -2.81c0 0 3.12 0 3.12 0c0.03 0.01 0.41 2.8 0.41 2.8c0.44 0.14 0.88 0.34 1.3 0.58" opacity="0"><set fill="freeze" attributeName="opacity" begin="0.8s" to="1"/><animate fill="freeze" attributeName="d" begin="0.8s" dur="0.2s" values="M8.74 6.38c0.4 -0.24 0.84 -0.44 1.29 -0.57c0.28 -0.09 0.57 -0.16 0.85 -0.21c0.73 -0.12 1.49 -0.13 2.24 0c0.27 0.05 0.55 0.12 0.83 0.2c0.44 0.14 0.88 0.34 1.3 0.58;M8.74 6.38c0.4 -0.24 0.84 -0.44 1.29 -0.57c0 0 0.37 -2.81 0.4 -2.81c0 0 3.12 0 3.12 0c0.03 0.01 0.41 2.8 0.41 2.8c0.44 0.14 0.88 0.34 1.3 0.58"/></path></g></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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-dasharray%3D%2222%22%20d%3D%22M12%209c1.66%200%203%201.34%203%203c0%201.66%20-1.34%203%20-3%203c-1.66%200%20-3%20-1.34%20-3%20-3c0%20-1.66%201.34%20-3%203%20-3Z%22%3E%3Canimate%20fill%3D%22freeze%22%20attributeName%3D%22stroke-dashoffset%22%20dur%3D%220.3s%22%20values%3D%2222%3B0%22%2F%3E%3C%2Fpath%3E%3Cpath%20stroke-dasharray%3D%2244%22%20stroke-dashoffset%3D%2244%22%20d%3D%22M12%205.5c3.59%200%206.5%202.91%206.5%206.5c0%203.59%20-2.91%206.5%20-6.5%206.5c-3.59%200%20-6.5%20-2.91%20-6.5%20-6.5c0%20-3.59%202.91%20-6.5%206.5%20-6.5Z%22%3E%3Canimate%20fill%3D%22freeze%22%20attributeName%3D%22stroke-dashoffset%22%20begin%3D%220.3s%22%20dur%3D%220.5s%22%20to%3D%220%22%2F%3E%3Cset%20fill%3D%22freeze%22%20attributeName%3D%22opacity%22%20begin%3D%220.8s%22%20to%3D%220%22%2F%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M15.24%206.37c0.41%200.23%200.8%200.51%201.14%200.83c0%200%202.62%20-1.08%202.63%20-1.06c0%200%201.56%202.7%201.56%202.7c0.01%200.03%20-2.22%201.75%20-2.22%201.75c0.1%200.45%200.15%200.93%200.15%201.41%22%20opacity%3D%220%22%3E%3Cset%20fill%3D%22freeze%22%20attributeName%3D%22opacity%22%20begin%3D%220.8s%22%20to%3D%221%22%2F%3E%3Canimate%20fill%3D%22freeze%22%20attributeName%3D%22d%22%20begin%3D%220.8s%22%20dur%3D%220.2s%22%20values%3D%22M15.24%206.37c0.41%200.23%200.8%200.51%201.14%200.83c0.22%200.2%200.42%200.41%200.61%200.63c0.47%200.57%200.86%201.22%201.12%201.94c0.09%200.26%200.17%200.54%200.24%200.82c0.1%200.45%200.15%200.93%200.15%201.41%3BM15.24%206.37c0.41%200.23%200.8%200.51%201.14%200.83c0%200%202.62%20-1.08%202.63%20-1.06c0%200%201.56%202.7%201.56%202.7c0.01%200.03%20-2.22%201.75%20-2.22%201.75c0.1%200.45%200.15%200.93%200.15%201.41%22%2F%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M18.5%2011.99c0.01%200.47%20-0.04%200.95%20-0.15%201.4c0%200%202.25%201.73%202.23%201.75c0%200%20-1.56%202.7%20-1.56%202.7c-0.02%200.02%20-2.63%20-1.05%20-2.63%20-1.05c-0.34%200.31%20-0.73%200.59%20-1.15%200.83%22%20opacity%3D%220%22%3E%3Cset%20fill%3D%22freeze%22%20attributeName%3D%22opacity%22%20begin%3D%220.8s%22%20to%3D%221%22%2F%3E%3Canimate%20fill%3D%22freeze%22%20attributeName%3D%22d%22%20begin%3D%220.8s%22%20dur%3D%220.2s%22%20values%3D%22M18.5%2011.99c0.01%200.47%20-0.04%200.95%20-0.15%201.4c-0.06%200.29%20-0.15%200.57%20-0.24%200.84c-0.26%200.69%20-0.63%201.35%20-1.12%201.94c-0.18%200.21%20-0.38%200.42%20-0.59%200.62c-0.34%200.31%20-0.73%200.59%20-1.15%200.83%3BM18.5%2011.99c0.01%200.47%20-0.04%200.95%20-0.15%201.4c0%200%202.25%201.73%202.23%201.75c0%200%20-1.56%202.7%20-1.56%202.7c-0.02%200.02%20-2.63%20-1.05%20-2.63%20-1.05c-0.34%200.31%20-0.73%200.59%20-1.15%200.83%22%2F%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M15.26%2017.62c-0.4%200.24%20-0.84%200.44%20-1.29%200.57c0%200%20-0.37%202.81%20-0.4%202.81c0%200%20-3.12%200%20-3.12%200c-0.03%20-0.01%20-0.41%20-2.8%20-0.41%20-2.8c-0.44%20-0.14%20-0.88%20-0.34%20-1.3%20-0.58%22%20opacity%3D%220%22%3E%3Cset%20fill%3D%22freeze%22%20attributeName%3D%22opacity%22%20begin%3D%220.8s%22%20to%3D%221%22%2F%3E%3Canimate%20fill%3D%22freeze%22%20attributeName%3D%22d%22%20begin%3D%220.8s%22%20dur%3D%220.2s%22%20values%3D%22M15.26%2017.62c-0.4%200.24%20-0.84%200.44%20-1.29%200.57c-0.28%200.09%20-0.57%200.16%20-0.85%200.21c-0.73%200.12%20-1.49%200.13%20-2.24%200c-0.27%20-0.05%20-0.55%20-0.12%20-0.83%20-0.2c-0.44%20-0.14%20-0.88%20-0.34%20-1.3%20-0.58%3BM15.26%2017.62c-0.4%200.24%20-0.84%200.44%20-1.29%200.57c0%200%20-0.37%202.81%20-0.4%202.81c0%200%20-3.12%200%20-3.12%200c-0.03%20-0.01%20-0.41%20-2.8%20-0.41%20-2.8c-0.44%20-0.14%20-0.88%20-0.34%20-1.3%20-0.58%22%2F%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M8.76%2017.63c-0.41%20-0.23%20-0.8%20-0.51%20-1.14%20-0.83c0%200%20-2.62%201.08%20-2.63%201.06c0%200%20-1.56%20-2.7%20-1.56%20-2.7c-0.01%20-0.03%202.22%20-1.75%202.22%20-1.75c-0.1%20-0.45%20-0.15%20-0.93%20-0.15%20-1.41%22%20opacity%3D%220%22%3E%3Cset%20fill%3D%22freeze%22%20attributeName%3D%22opacity%22%20begin%3D%220.8s%22%20to%3D%221%22%2F%3E%3Canimate%20fill%3D%22freeze%22%20attributeName%3D%22d%22%20begin%3D%220.8s%22%20dur%3D%220.2s%22%20values%3D%22M8.76%2017.63c-0.41%20-0.23%20-0.8%20-0.51%20-1.14%20-0.83c-0.22%20-0.2%20-0.42%20-0.41%20-0.61%20-0.63c-0.47%20-0.57%20-0.86%20-1.22%20-1.12%20-1.94c-0.09%20-0.26%20-0.17%20-0.54%20-0.24%20-0.82c-0.1%20-0.45%20-0.15%20-0.93%20-0.15%20-1.41%3BM8.76%2017.63c-0.41%20-0.23%20-0.8%20-0.51%20-1.14%20-0.83c0%200%20-2.62%201.08%20-2.63%201.06c0%200%20-1.56%20-2.7%20-1.56%20-2.7c-0.01%20-0.03%202.22%20-1.75%202.22%20-1.75c-0.1%20-0.45%20-0.15%20-0.93%20-0.15%20-1.41%22%2F%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M5.5%2012.01c-0.01%20-0.47%200.04%20-0.95%200.15%20-1.4c0%200%20-2.25%20-1.73%20-2.23%20-1.75c0%200%201.56%20-2.7%201.56%20-2.7c0.02%20-0.02%202.63%201.05%202.63%201.05c0.34%20-0.31%200.73%20-0.59%201.15%20-0.83%22%20opacity%3D%220%22%3E%3Cset%20fill%3D%22freeze%22%20attributeName%3D%22opacity%22%20begin%3D%220.8s%22%20to%3D%221%22%2F%3E%3Canimate%20fill%3D%22freeze%22%20attributeName%3D%22d%22%20begin%3D%220.8s%22%20dur%3D%220.2s%22%20values%3D%22M5.5%2012.01c-0.01%20-0.47%200.04%20-0.95%200.15%20-1.4c0.06%20-0.29%200.15%20-0.57%200.24%20-0.84c0.26%20-0.69%200.63%20-1.35%201.12%20-1.94c0.18%20-0.21%200.38%20-0.42%200.59%20-0.62c0.34%20-0.31%200.73%20-0.59%201.15%20-0.83%3BM5.5%2012.01c-0.01%20-0.47%200.04%20-0.95%200.15%20-1.4c0%200%20-2.25%20-1.73%20-2.23%20-1.75c0%200%201.56%20-2.7%201.56%20-2.7c0.02%20-0.02%202.63%201.05%202.63%201.05c0.34%20-0.31%200.73%20-0.59%201.15%20-0.83%22%2F%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M8.74%206.38c0.4%20-0.24%200.84%20-0.44%201.29%20-0.57c0%200%200.37%20-2.81%200.4%20-2.81c0%200%203.12%200%203.12%200c0.03%200.01%200.41%202.8%200.41%202.8c0.44%200.14%200.88%200.34%201.3%200.58%22%20opacity%3D%220%22%3E%3Cset%20fill%3D%22freeze%22%20attributeName%3D%22opacity%22%20begin%3D%220.8s%22%20to%3D%221%22%2F%3E%3Canimate%20fill%3D%22freeze%22%20attributeName%3D%22d%22%20begin%3D%220.8s%22%20dur%3D%220.2s%22%20values%3D%22M8.74%206.38c0.4%20-0.24%200.84%20-0.44%201.29%20-0.57c0.28%20-0.09%200.57%20-0.16%200.85%20-0.21c0.73%20-0.12%201.49%20-0.13%202.24%200c0.27%200.05%200.55%200.12%200.83%200.2c0.44%200.14%200.88%200.34%201.3%200.58%3BM8.74%206.38c0.4%20-0.24%200.84%20-0.44%201.29%20-0.57c0%200%200.37%20-2.81%200.4%20-2.81c0%200%203.12%200%203.12%200c0.03%200.01%200.41%202.8%200.41%202.8c0.44%200.14%200.88%200.34%201.3%200.58%22%2F%3E%3C%2Fpath%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-dasharray%3D%2222%22%20d%3D%22M12%209c1.66%200%203%201.34%203%203c0%201.66%20-1.34%203%20-3%203c-1.66%200%20-3%20-1.34%20-3%20-3c0%20-1.66%201.34%20-3%203%20-3Z%22%3E%3Canimate%20fill%3D%22freeze%22%20attributeName%3D%22stroke-dashoffset%22%20dur%3D%220.3s%22%20values%3D%2222%3B0%22%2F%3E%3C%2Fpath%3E%3Cpath%20stroke-dasharray%3D%2244%22%20stroke-dashoffset%3D%2244%22%20d%3D%22M12%205.5c3.59%200%206.5%202.91%206.5%206.5c0%203.59%20-2.91%206.5%20-6.5%206.5c-3.59%200%20-6.5%20-2.91%20-6.5%20-6.5c0%20-3.59%202.91%20-6.5%206.5%20-6.5Z%22%3E%3Canimate%20fill%3D%22freeze%22%20attributeName%3D%22stroke-dashoffset%22%20begin%3D%220.3s%22%20dur%3D%220.5s%22%20to%3D%220%22%2F%3E%3Cset%20fill%3D%22freeze%22%20attributeName%3D%22opacity%22%20begin%3D%220.8s%22%20to%3D%220%22%2F%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M15.24%206.37c0.41%200.23%200.8%200.51%201.14%200.83c0%200%202.62%20-1.08%202.63%20-1.06c0%200%201.56%202.7%201.56%202.7c0.01%200.03%20-2.22%201.75%20-2.22%201.75c0.1%200.45%200.15%200.93%200.15%201.41%22%20opacity%3D%220%22%3E%3Cset%20fill%3D%22freeze%22%20attributeName%3D%22opacity%22%20begin%3D%220.8s%22%20to%3D%221%22%2F%3E%3Canimate%20fill%3D%22freeze%22%20attributeName%3D%22d%22%20begin%3D%220.8s%22%20dur%3D%220.2s%22%20values%3D%22M15.24%206.37c0.41%200.23%200.8%200.51%201.14%200.83c0.22%200.2%200.42%200.41%200.61%200.63c0.47%200.57%200.86%201.22%201.12%201.94c0.09%200.26%200.17%200.54%200.24%200.82c0.1%200.45%200.15%200.93%200.15%201.41%3BM15.24%206.37c0.41%200.23%200.8%200.51%201.14%200.83c0%200%202.62%20-1.08%202.63%20-1.06c0%200%201.56%202.7%201.56%202.7c0.01%200.03%20-2.22%201.75%20-2.22%201.75c0.1%200.45%200.15%200.93%200.15%201.41%22%2F%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M18.5%2011.99c0.01%200.47%20-0.04%200.95%20-0.15%201.4c0%200%202.25%201.73%202.23%201.75c0%200%20-1.56%202.7%20-1.56%202.7c-0.02%200.02%20-2.63%20-1.05%20-2.63%20-1.05c-0.34%200.31%20-0.73%200.59%20-1.15%200.83%22%20opacity%3D%220%22%3E%3Cset%20fill%3D%22freeze%22%20attributeName%3D%22opacity%22%20begin%3D%220.8s%22%20to%3D%221%22%2F%3E%3Canimate%20fill%3D%22freeze%22%20attributeName%3D%22d%22%20begin%3D%220.8s%22%20dur%3D%220.2s%22%20values%3D%22M18.5%2011.99c0.01%200.47%20-0.04%200.95%20-0.15%201.4c-0.06%200.29%20-0.15%200.57%20-0.24%200.84c-0.26%200.69%20-0.63%201.35%20-1.12%201.94c-0.18%200.21%20-0.38%200.42%20-0.59%200.62c-0.34%200.31%20-0.73%200.59%20-1.15%200.83%3BM18.5%2011.99c0.01%200.47%20-0.04%200.95%20-0.15%201.4c0%200%202.25%201.73%202.23%201.75c0%200%20-1.56%202.7%20-1.56%202.7c-0.02%200.02%20-2.63%20-1.05%20-2.63%20-1.05c-0.34%200.31%20-0.73%200.59%20-1.15%200.83%22%2F%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M15.26%2017.62c-0.4%200.24%20-0.84%200.44%20-1.29%200.57c0%200%20-0.37%202.81%20-0.4%202.81c0%200%20-3.12%200%20-3.12%200c-0.03%20-0.01%20-0.41%20-2.8%20-0.41%20-2.8c-0.44%20-0.14%20-0.88%20-0.34%20-1.3%20-0.58%22%20opacity%3D%220%22%3E%3Cset%20fill%3D%22freeze%22%20attributeName%3D%22opacity%22%20begin%3D%220.8s%22%20to%3D%221%22%2F%3E%3Canimate%20fill%3D%22freeze%22%20attributeName%3D%22d%22%20begin%3D%220.8s%22%20dur%3D%220.2s%22%20values%3D%22M15.26%2017.62c-0.4%200.24%20-0.84%200.44%20-1.29%200.57c-0.28%200.09%20-0.57%200.16%20-0.85%200.21c-0.73%200.12%20-1.49%200.13%20-2.24%200c-0.27%20-0.05%20-0.55%20-0.12%20-0.83%20-0.2c-0.44%20-0.14%20-0.88%20-0.34%20-1.3%20-0.58%3BM15.26%2017.62c-0.4%200.24%20-0.84%200.44%20-1.29%200.57c0%200%20-0.37%202.81%20-0.4%202.81c0%200%20-3.12%200%20-3.12%200c-0.03%20-0.01%20-0.41%20-2.8%20-0.41%20-2.8c-0.44%20-0.14%20-0.88%20-0.34%20-1.3%20-0.58%22%2F%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M8.76%2017.63c-0.41%20-0.23%20-0.8%20-0.51%20-1.14%20-0.83c0%200%20-2.62%201.08%20-2.63%201.06c0%200%20-1.56%20-2.7%20-1.56%20-2.7c-0.01%20-0.03%202.22%20-1.75%202.22%20-1.75c-0.1%20-0.45%20-0.15%20-0.93%20-0.15%20-1.41%22%20opacity%3D%220%22%3E%3Cset%20fill%3D%22freeze%22%20attributeName%3D%22opacity%22%20begin%3D%220.8s%22%20to%3D%221%22%2F%3E%3Canimate%20fill%3D%22freeze%22%20attributeName%3D%22d%22%20begin%3D%220.8s%22%20dur%3D%220.2s%22%20values%3D%22M8.76%2017.63c-0.41%20-0.23%20-0.8%20-0.51%20-1.14%20-0.83c-0.22%20-0.2%20-0.42%20-0.41%20-0.61%20-0.63c-0.47%20-0.57%20-0.86%20-1.22%20-1.12%20-1.94c-0.09%20-0.26%20-0.17%20-0.54%20-0.24%20-0.82c-0.1%20-0.45%20-0.15%20-0.93%20-0.15%20-1.41%3BM8.76%2017.63c-0.41%20-0.23%20-0.8%20-0.51%20-1.14%20-0.83c0%200%20-2.62%201.08%20-2.63%201.06c0%200%20-1.56%20-2.7%20-1.56%20-2.7c-0.01%20-0.03%202.22%20-1.75%202.22%20-1.75c-0.1%20-0.45%20-0.15%20-0.93%20-0.15%20-1.41%22%2F%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M5.5%2012.01c-0.01%20-0.47%200.04%20-0.95%200.15%20-1.4c0%200%20-2.25%20-1.73%20-2.23%20-1.75c0%200%201.56%20-2.7%201.56%20-2.7c0.02%20-0.02%202.63%201.05%202.63%201.05c0.34%20-0.31%200.73%20-0.59%201.15%20-0.83%22%20opacity%3D%220%22%3E%3Cset%20fill%3D%22freeze%22%20attributeName%3D%22opacity%22%20begin%3D%220.8s%22%20to%3D%221%22%2F%3E%3Canimate%20fill%3D%22freeze%22%20attributeName%3D%22d%22%20begin%3D%220.8s%22%20dur%3D%220.2s%22%20values%3D%22M5.5%2012.01c-0.01%20-0.47%200.04%20-0.95%200.15%20-1.4c0.06%20-0.29%200.15%20-0.57%200.24%20-0.84c0.26%20-0.69%200.63%20-1.35%201.12%20-1.94c0.18%20-0.21%200.38%20-0.42%200.59%20-0.62c0.34%20-0.31%200.73%20-0.59%201.15%20-0.83%3BM5.5%2012.01c-0.01%20-0.47%200.04%20-0.95%200.15%20-1.4c0%200%20-2.25%20-1.73%20-2.23%20-1.75c0%200%201.56%20-2.7%201.56%20-2.7c0.02%20-0.02%202.63%201.05%202.63%201.05c0.34%20-0.31%200.73%20-0.59%201.15%20-0.83%22%2F%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M8.74%206.38c0.4%20-0.24%200.84%20-0.44%201.29%20-0.57c0%200%200.37%20-2.81%200.4%20-2.81c0%200%203.12%200%203.12%200c0.03%200.01%200.41%202.8%200.41%202.8c0.44%200.14%200.88%200.34%201.3%200.58%22%20opacity%3D%220%22%3E%3Cset%20fill%3D%22freeze%22%20attributeName%3D%22opacity%22%20begin%3D%220.8s%22%20to%3D%221%22%2F%3E%3Canimate%20fill%3D%22freeze%22%20attributeName%3D%22d%22%20begin%3D%220.8s%22%20dur%3D%220.2s%22%20values%3D%22M8.74%206.38c0.4%20-0.24%200.84%20-0.44%201.29%20-0.57c0.28%20-0.09%200.57%20-0.16%200.85%20-0.21c0.73%20-0.12%201.49%20-0.13%202.24%200c0.27%200.05%200.55%200.12%200.83%200.2c0.44%200.14%200.88%200.34%201.3%200.58%3BM8.74%206.38c0.4%20-0.24%200.84%20-0.44%201.29%20-0.57c0%200%200.37%20-2.81%200.4%20-2.81c0%200%203.12%200%203.12%200c0.03%200.01%200.41%202.8%200.41%202.8c0.44%200.14%200.88%200.34%201.3%200.58%22%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/line-md/cog.svg?color=%231a73e8&size=48