Add icons to this collection by clicking the heart icon.
Button icon - also known as block, button, security, lock, closed, ui, and privacy. Created in a clean 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="89.92"
x2="455.77"
y1="-5.46"
y2="496.3"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff0a6c" />
<stop offset="1" stop-color="#4a3cdb" />
</linearGradient>
<linearGradient
id="b"
x1="-66.78"
x2="299.07"
y1="108.8"
y2="610.56"
href="#a"
/>
<linearGradient
id="c"
x1="26.63"
x2="392.48"
y1="40.69"
y2="542.45"
href="#a"
/>
<linearGradient
id="d"
x1="-71.76"
x2="294.09"
y1="112.43"
y2="614.19"
href="#a"
/>
<linearGradient
id="e"
x1="100.65"
x2="466.51"
y1="-13.28"
y2="488.47"
href="#a"
/>
<linearGradient
id="f"
x1="26.89"
x2="392.74"
y1="40.5"
y2="542.26"
href="#a"
/>
<linearGradient
id="g"
x1="-18.07"
x2="347.78"
y1="73.29"
y2="575.04"
href="#a"
/>
<linearGradient
id="h"
x1="55.6"
x2="421.45"
y1="19.57"
y2="521.33"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M192.92 5A111 111 0 0 0 82 115.92v73.9a6 6 0 0 0 10.09 4.38 133.38 133.38 0 0 1 33.48-22.63 6 6 0 0 0 3.4-5.41v-50.24a64 64 0 0 1 127.9 0v50.24a6 6 0 0 0 3.41 5.42 132.8 132.8 0 0 1 33.46 22.62 6 6 0 0 0 10.1-4.38v-73.9A111 111 0 0 0 192.92 5zm98.92 171.88a148.2 148.2 0 0 0-23-14.45v-46.51a75.95 75.95 0 0 0-151.9 0v46.51a147.73 147.73 0 0 0-23 14.45v-61a98.92 98.92 0 0 1 197.84 0z"
/>
<path
fill="url(#b)"
d="M58.13 268.18v-.58a6 6 0 0 0-12 0v.58c0 3 .12 6 .37 9a6 6 0 0 0 6 5.5h.5a6 6 0 0 0 5.48-6.48 90.95 90.95 0 0 1-.35-8.02z"
/>
<path
fill="url(#c)"
d="M230.52 250.08a37.61 37.61 0 1 0-62.73 28L164 302.41a18.64 18.64 0 0 0 18.41 21.46h20.93a18.62 18.62 0 0 0 18.41-21.46L218 278.06a37.77 37.77 0 0 0 12.52-27.98zM208 270.74a6 6 0 0 0-2.38 5.75l4.27 27.75a6.62 6.62 0 0 1-6.55 7.63h-20.89a6.62 6.62 0 0 1-6.55-7.63l4.27-27.75a6 6 0 0 0-2.38-5.75 25.61 25.61 0 1 1 30.25 0z"
/>
<path
fill="url(#d)"
d="M249.8 409.16a6 6 0 0 0-1.11-11.9H127.13a54.45 54.45 0 0 0 0 108.89h121.56a6 6 0 0 0 1.11-11.9 43.3 43.3 0 0 1 0-85.09zm-47.25 42.55a55.33 55.33 0 0 0 19.84 42.44h-95.26a42.45 42.45 0 0 1 0-84.89h95.26a55.33 55.33 0 0 0-19.84 42.45z"
/>
<path
fill="url(#e)"
d="M459.88 403a6 6 0 0 0-6 6v55.71l-33.51-57.92a7.58 7.58 0 0 0-14.14 3.8v73.92a6 6 0 1 0 12 0V427l34.6 59.82a7 7 0 0 0 13.05-3.5V409a6 6 0 0 0-6-6z"
/>
<path
fill="url(#f)"
d="M339.71 268.18c0-68.12-65.85-123.53-146.79-123.53-34.75 0-68.45 10.39-94.9 29.25s-44.1 44.95-49.83 73.54A6 6 0 1 0 60 249.8c10.83-54 66.75-93.15 133-93.15 74.32 0 134.79 50 134.79 111.53S267.24 379.7 192.92 379.7c-62.76 0-116.7-35.26-131.17-85.73a6 6 0 1 0-11.53 3.3c7.62 26.61 25.93 50.67 51.54 67.76 26.16 17.45 57.68 26.67 91.16 26.67 80.94 0 146.79-55.41 146.79-123.52z"
/>
<path
fill="url(#g)"
d="M257.85 396.41a55.3 55.3 0 1 0 55.29 55.29 55.36 55.36 0 0 0-55.29-55.29zm0 98.59a43.3 43.3 0 1 1 43.29-43.3 43.34 43.34 0 0 1-43.29 43.3z"
/>
<path
fill="url(#h)"
d="M367.05 403c-21.69 0-39.34 19.63-39.34 43.76s17.65 43.75 39.34 43.75 39.33-19.62 39.33-43.75S388.74 403 367.05 403zm0 75.51c-15.08 0-27.34-14.24-27.34-31.75S352 415 367.05 415s27.33 14.25 27.33 31.76-12.26 31.7-27.33 31.7z"
/>
</g>
</svg>
More icons in the same style and category