Add icons to this collection by clicking the heart icon.
Gear icon - also known as interface, security, gears, shield, secure, gear, security system, and shields. Created in a clean lineal gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-28.764"
x2="-28.764"
y1="630.787"
y2="579.715"
gradientTransform="matrix(8.5427 0 0 -8.5427 369.593 5439.362)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="M205.026 488.905a8.546 8.546 0 0 0 8.543-8.543V53.226a8.546 8.546 0 0 0-8.543-8.543H42.714a8.546 8.546 0 0 0-8.543 8.543V412.02a8.546 8.546 0 0 0 5.228 7.876l162.312 68.342a8.66 8.66 0 0 0 3.315.667zm-8.543-230.654H85.427V95.939h111.056v162.312zM85.427 275.337h111.056v149.694L85.427 380.609V275.337zM51.256 406.348V61.768h145.226v17.085H76.885a8.546 8.546 0 0 0-8.543 8.543v298.996a8.547 8.547 0 0 0 5.373 7.936l122.768 49.104v24.065L51.256 406.348z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-37.57"
x2="-37.57"
y1="630.787"
y2="579.715"
gradientTransform="matrix(8.5427 0 0 -8.5427 369.593 5439.362)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="m20.913 452.171 69.743 29.361 6.629-15.744-69.743-29.413a17.037 17.037 0 0 1-10.456-15.744V318.05H0v102.581a34.128 34.128 0 0 0 20.913 31.54z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-42.264"
x2="-42.264"
y1="630.787"
y2="579.715"
gradientTransform="matrix(8.5427 0 0 -8.5427 369.593 5439.362)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M0 283.871h17.085v17.085H0z" fill="url(#c)" />
<linearGradient
id="d"
x1="-1.764"
x2="-1.764"
y1="630.787"
y2="579.715"
gradientTransform="matrix(8.5427 0 0 -8.5427 369.593 5439.362)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="M230.654 53.226v103.991a8.55 8.55 0 0 0 2.99 6.492 8.424 8.424 0 0 0 6.834 1.948 100.924 100.924 0 0 1 15.804-1.375c56.613 0 102.513 45.9 102.513 102.513s-45.9 102.513-102.513 102.513a100.584 100.584 0 0 1-15.761-1.375c-4.664-.735-9.03 2.452-9.764 7.116-.068.436-.103.88-.103 1.324v103.991a8.546 8.546 0 0 0 8.543 8.543h59.799a8.546 8.546 0 0 0 8.543-8.543v-50.727a170.294 170.294 0 0 0 27.67-11.43l35.879 35.879a8.791 8.791 0 0 0 12.079 0l60.397-60.406c3.332-3.332 3.332-8.748 0-12.079l-35.837-35.879a169.349 169.349 0 0 0 11.396-27.67h50.727a8.546 8.546 0 0 0 8.543-8.543V224.08a8.546 8.546 0 0 0-8.543-8.543h-50.727a169.46 169.46 0 0 0-11.422-27.67l35.879-35.879c3.332-3.332 3.332-8.748 0-12.079l-60.44-60.371c-3.332-3.332-8.748-3.332-12.079 0l-35.879 35.879a170.922 170.922 0 0 0-27.644-11.464V53.226a8.546 8.546 0 0 0-8.543-8.543h-59.799a8.54 8.54 0 0 0-8.542 8.543zm17.085 8.542h42.714v48.583a8.55 8.55 0 0 0 6.296 8.244 152.902 152.902 0 0 1 35.734 14.762 8.546 8.546 0 0 0 10.251-1.375l34.367-34.333 48.326 48.335-34.325 34.325a8.545 8.545 0 0 0-1.375 10.251 152.419 152.419 0 0 1 14.762 35.734 8.539 8.539 0 0 0 8.235 6.296h48.583v68.342h-48.591a8.538 8.538 0 0 0-8.235 6.296 152.789 152.789 0 0 1-14.762 35.768 8.546 8.546 0 0 0 1.375 10.251l34.333 34.359-48.326 48.335-34.333-34.325a8.545 8.545 0 0 0-10.251-1.375 152.944 152.944 0 0 1-35.734 14.762 8.55 8.55 0 0 0-6.296 8.244v48.574h-42.748v-85.795c2.956.248 5.775.367 8.543.367 66.052 0 119.598-53.546 119.598-119.598s-53.546-119.598-119.598-119.598c-2.768 0-5.587.12-8.543.367V61.768z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-10.248"
x2="-10.248"
y1="630.787"
y2="579.715"
gradientTransform="matrix(8.5427 0 0 -8.5427 369.593 5439.362)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="M256.282 343.678c42.466.154 77.004-34.145 77.158-76.611.154-42.466-34.145-77.004-76.611-77.158a76.778 76.778 0 0 0-19.768 2.512 8.53 8.53 0 0 0-6.407 8.269v132.207a8.544 8.544 0 0 0 6.416 8.269 77.493 77.493 0 0 0 19.212 2.512zm-8.543-136.026c32.659-4.886 63.105 17.632 67.983 50.3 4.886 32.659-17.632 63.105-50.3 67.983-5.86.88-11.823.88-17.692 0V207.652h.009z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="7.91"
x2="7.91"
y1="630.787"
y2="579.715"
gradientTransform="matrix(8.5427 0 0 -8.5427 369.593 5439.362)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="m369.9 36.994-7.569 15.377c76.141 37.836 126.578 113.14 132.583 197.952L512 249.162c-6.424-90.912-60.482-171.624-142.1-212.168z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-3.23"
x2="-3.23"
y1="630.787"
y2="579.715"
gradientTransform="matrix(8.5427 0 0 -8.5427 369.593 5439.362)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="M353.49 29.588a262.116 262.116 0 0 0-17.666-6.492l-5.314 16.231a240.897 240.897 0 0 1 16.505 6.057l6.475-15.796z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="1.585"
x2="1.585"
y1="630.787"
y2="579.715"
gradientTransform="matrix(8.5427 0 0 -8.5427 369.593 5439.362)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="m371.054 139.934 12.088-12.079 12.079 12.079-12.079 12.08z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="1.586"
x2="1.586"
y1="630.787"
y2="579.715"
gradientTransform="matrix(8.5427 0 0 -8.5427 369.593 5439.362)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="m371.062 393.636 12.08-12.079 12.079 12.079-12.079 12.08z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="7.736"
x2="7.736"
y1="630.787"
y2="579.715"
gradientTransform="matrix(8.5427 0 0 -8.5427 369.593 5439.362)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M427.137 258.243h17.085v17.085h-17.085z" fill="url(#j)" />
<linearGradient
id="k"
x1="-12.264"
x2="-12.264"
y1="630.787"
y2="579.715"
gradientTransform="matrix(8.5427 0 0 -8.5427 369.593 5439.362)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M256.282 78.854h17.085v17.085h-17.085z" fill="url(#k)" />
<linearGradient
id="l"
x1="-12.264"
x2="-12.264"
y1="630.787"
y2="579.715"
gradientTransform="matrix(8.5427 0 0 -8.5427 369.593 5439.362)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M256.282 437.64h17.085v17.085h-17.085z" fill="url(#l)" />
</svg>
More icons in the same style and category