Add icons to this collection by clicking the heart icon.
Key icon - also known as security, key, magic, access, unicorn, legend, and fairytale. Created in a clean color 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="256.685"
x2="256.685"
y1="539.58"
y2="568.682"
gradientTransform="translate(-167.285 -68.724)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fef0ae" />
<stop offset="1" stop-color="#fed402" />
</linearGradient>
<linearGradient
id="c"
x1="256.685"
x2="256.685"
y1="480.796"
y2="514.969"
gradientTransform="translate(-127.52 -52.253)"
href="#a"
/>
<linearGradient
id="b"
x1="254.936"
x2="234.871"
y1="552.726"
y2="552.726"
gradientTransform="rotate(90 201.694 432.358)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fef0ae" stop-opacity="0" />
<stop offset="1" stop-color="#fe9738" />
</linearGradient>
<linearGradient
id="d"
x1="254.936"
x2="234.871"
y1="496.494"
y2="496.494"
gradientTransform="rotate(90 213.34 404.241)"
href="#b"
/>
<linearGradient
id="e"
x1="180.288"
x2="235.424"
y1="442.378"
y2="442.378"
gradientTransform="translate(-73.922 -73.42)"
href="#a"
/>
<linearGradient
id="f"
x1="294.723"
x2="324.395"
y1="429.309"
y2="429.309"
gradientTransform="matrix(1 0 0 -1 -168.01 789.027)"
href="#a"
/>
<linearGradient
id="g"
x1="204.335"
x2="204.335"
y1="430.697"
y2="324.276"
gradientTransform="rotate(45 256.077 316.414)"
href="#b"
/>
<linearGradient
id="h"
x1="91.282"
x2="138.157"
y1="58.416"
y2="105.291"
gradientTransform="rotate(45 256.077 316.414)"
href="#a"
/>
<linearGradient
id="i"
x1="59.877"
x2="120.999"
y1="39.819"
y2="100.941"
gradientTransform="rotate(45 256.077 316.414)"
href="#b"
/>
<linearGradient
id="j"
x1="270.559"
x2="303.173"
y1="66.833"
y2="99.447"
gradientTransform="rotate(45 256.077 316.414)"
href="#a"
/>
<linearGradient
id="k"
x1="323.013"
x2="279.593"
y1="61.43"
y2="94.83"
gradientTransform="rotate(45 256.077 316.414)"
href="#b"
/>
<linearGradient
id="l"
x1="260.461"
x2="307.889"
y1="8.729"
y2="110.932"
gradientTransform="rotate(45 256.077 316.414)"
href="#b"
/>
<linearGradient
id="m"
x1="158.293"
x2="302.935"
y1="168.516"
y2="215.693"
gradientTransform="rotate(45 256.077 316.414)"
href="#a"
/>
<linearGradient
id="n"
x1="351.536"
x2="122.413"
y1="221.875"
y2="104.308"
gradientTransform="rotate(45 256.077 316.414)"
href="#b"
/>
<linearGradient
id="o"
x1="204.335"
x2="204.335"
y1="210.32"
y2="278.615"
gradientTransform="rotate(45 256.077 316.414)"
href="#b"
/>
<linearGradient
id="p"
x1="221.635"
x2="206.341"
y1="10.5"
y2="46.013"
gradientTransform="rotate(45 256.077 316.414)"
href="#a"
/>
<linearGradient
id="q"
x1="243.379"
x2="221.362"
y1="69.114"
y2="81.576"
gradientTransform="rotate(45 256.077 316.414)"
href="#a"
/>
<linearGradient
id="r"
x1="120.902"
x2="167.666"
y1="121.076"
y2="167.841"
gradientTransform="rotate(45 256.077 316.414)"
href="#b"
/>
<linearGradient
id="s"
x1="216.891"
x2="263.347"
y1="116.602"
y2="163.058"
gradientTransform="rotate(45 256.077 316.414)"
href="#b"
/>
<linearGradient
id="t"
x1="180.515"
x2="223.545"
y1="116.261"
y2="165.511"
gradientTransform="rotate(45 256.077 316.414)"
href="#a"
/>
<linearGradient
id="u"
x1="254.831"
x2="193.397"
y1="145.757"
y2="108.818"
gradientTransform="rotate(45 256.077 316.414)"
href="#b"
/>
<linearGradient
id="v"
x1="148.807"
x2="170.536"
y1="54.812"
y2="68.536"
gradientTransform="rotate(45 256.077 316.414)"
href="#a"
/>
<linearGradient
id="w"
x1="3139.735"
x2="3120.084"
y1="-1171.242"
y2="-1151.59"
gradientTransform="matrix(-1 0 0 1 3541.734 1254.957)"
href="#a"
/>
<linearGradient
id="x"
x1="205.367"
x2="290.908"
y1="35.01"
y2="126.772"
gradientTransform="rotate(45 256.077 316.414)"
href="#b"
/>
<linearGradient
id="y"
x1="3106.821"
x2="3093.601"
y1="-1192.498"
y2="-1138.84"
gradientTransform="matrix(-1 0 0 1 3541.734 1254.957)"
href="#b"
/>
<linearGradient
id="z"
x1="3088.169"
x2="3080.782"
y1="-1213.227"
y2="-1198.063"
gradientTransform="matrix(-1 0 0 1 3541.734 1254.957)"
href="#b"
/>
<linearGradient
id="A"
x1="159.952"
x2="263.084"
y1="245.376"
y2="348.508"
gradientTransform="rotate(45 256.077 316.414)"
href="#a"
/>
<linearGradient
id="B"
x1="204.335"
x2="204.335"
y1="303.293"
y2="342.189"
gradientTransform="rotate(45 256.077 316.414)"
href="#b"
/>
<linearGradient
id="C"
x1="142.845"
x2="189.503"
y1="269.014"
y2="315.672"
gradientTransform="scale(-1) rotate(-65.97 -425.659 316.473)"
href="#b"
/>
<linearGradient
id="D"
x1="220.609"
x2="261.832"
y1="265.903"
y2="307.127"
gradientTransform="rotate(65.97 256.004 306.964)"
href="#b"
/>
<linearGradient
id="E"
x1="155.54"
x2="155.54"
y1="48.831"
y2="203.227"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e5caf3" />
<stop offset="1" stop-color="#bd80e1" />
</linearGradient>
<linearGradient
id="F"
x1="80.468"
x2="80.468"
y1="216.338"
y2="321.947"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#feaee1" />
<stop offset="1" stop-color="#fe5694" />
</linearGradient>
<linearGradient
id="G"
x1="431.532"
x2="431.532"
y1="282.092"
y2="387.701"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b3dafe" />
<stop offset="1" stop-color="#7bacdf" />
</linearGradient>
<linearGradient
id="H"
x1="279.118"
x2="279.118"
y1="404.255"
y2="509.864"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#aeffd1" />
<stop offset="1" stop-color="#22b27f" />
</linearGradient>
<g>
<path
fill="url(#a)"
d="M57.779 468.184H105.2a15.822 15.822 0 0 1 15.822 15.822 15.822 15.822 0 0 1-15.822 15.822H57.779v-31.644z"
transform="rotate(45 89.495 484.027)"
/>
<path
fill="url(#c)"
d="M97.543 428.419h47.421a15.822 15.822 0 0 1 15.822 15.822 15.822 15.822 0 0 1-15.822 15.822H97.543v-31.644z"
transform="rotate(45 129.256 444.252)"
/>
<path
fill="url(#b)"
d="M65.504 455.73h31.643v40.39H65.504z"
transform="rotate(-45 81.244 475.977)"
/>
<path
fill="url(#d)"
d="M105.266 415.968h31.643v40.39h-31.643z"
transform="rotate(-45 121.017 436.22)"
/>
<path
fill="url(#e)"
d="M99.394 216.647h62.039v273.6a31.019 31.019 0 0 1-31.019 31.019 31.019 31.019 0 0 1-31.019-31.019v-273.6z"
transform="rotate(45 130.49 368.962)"
/>
<path
fill="url(#f)"
d="M139.655 220.475a16.693 16.693 0 0 1 16.693 16.693V498.96h-33.386V237.168a16.693 16.693 0 0 1 16.693-16.693z"
transform="rotate(-135 139.654 359.749)"
/>
<path
fill="url(#g)"
d="m181.239 274.266.005.289v87.441l78.804-78.804-43.868-43.868z"
/>
<path
fill="url(#h)"
d="M346.6 88.328s14.8-17 8.035-30.935c-4.871-10.031-18.9-31.927-22.527-48.3a10.211 10.211 0 0 0-15.857-6.215c-20.375 14.358-46.933 46.932-10.931 109.288z"
/>
<path
fill="url(#i)"
d="M308.247 19.1c-13.3 13.084-24.307 36.4-5.176 74.619l20.173-11.647s14.8-17 8.035-30.935c-3.252-6.695-10.579-18.677-16.173-30.775a4.272 4.272 0 0 0-6.859-1.262z"
/>
<path
fill="url(#j)"
d="M411.044 152.777s17-14.8 30.935-8.035c10.031 4.871 31.927 18.9 48.305 22.527a10.211 10.211 0 0 1 6.215 15.857c-14.358 20.375-46.932 46.933-109.288 10.931z"
/>
<path
fill="url(#k)"
d="M411.044 152.777s17-14.8 30.935-8.035c10.031 4.871 31.927 18.9 48.305 22.527a10.211 10.211 0 0 1 6.215 15.857c-14.358 20.375-46.932 46.933-109.288 10.931z"
/>
<path
fill="url(#l)"
d="M480.273 191.125c-13.084 13.3-36.4 24.307-74.619 5.176l11.646-20.173s17-14.8 30.935-8.035c6.7 3.252 18.677 10.579 30.775 16.173a4.272 4.272 0 0 1 1.263 6.859z"
/>
<path
fill="url(#m)"
d="M419.988 220.849C449.91 190.927 442.5 135 403.434 95.938s-94.989-46.476-124.911-16.554c-12.587 12.588-29.258 40.469-41.443 71.458a107.375 107.375 0 0 1-31.927 43.53 34.172 34.172 0 0 0-2.335 2.1c-16.547 16.546-7.557 52.363 20.079 80s63.452 36.625 80 20.079q1.034-1.035 2.105-2.336a107.375 107.375 0 0 1 43.53-31.927c30.987-12.181 58.868-28.851 71.456-41.439z"
/>
<path
fill="url(#n)"
d="M403.434 95.938c-15.469-15.469-33.582-25.969-51.678-31.159l-32.688 32.688v77.455l-31.568-5.491v134.816a28.335 28.335 0 0 0 15.4-7.692q1.034-1.035 2.105-2.336a107.375 107.375 0 0 1 43.53-31.927c30.989-12.185 58.871-28.855 71.458-41.443C449.91 190.927 442.5 135 403.434 95.938z"
/>
<path
fill="url(#o)"
d="M361.089 257.037 242.335 138.283q-2.73 6.162-5.255 12.559a107.375 107.375 0 0 1-31.927 43.53 34.172 34.172 0 0 0-2.335 2.1c-16.547 16.546-7.557 52.363 20.079 80s63.452 36.625 80 20.079q1.034-1.035 2.105-2.336a107.375 107.375 0 0 1 43.53-31.927q6.383-2.507 12.557-5.251z"
/>
<path
fill="url(#p)"
d="M445.668 73.734c9.906 20.965-.4 46.626-23.028 57.316s-58.5-65.23-35.873-75.92 48.994-2.361 58.901 18.604z"
/>
<path
fill="url(#q)"
d="M416.537 151.749c-16.4 16.4-44.03 15.344-61.724-2.35s41.687-77.068 59.375-59.374 18.745 45.328 2.349 61.724z"
/>
<path
fill="url(#r)"
d="M283.982 144.352a16.468 16.468 0 0 1 0-23.289l5.971-5.971a16.467 16.467 0 0 1 23.289 0 16.468 16.468 0 0 1 0 23.289l-5.971 5.972a16.468 16.468 0 0 1-23.289-.001z"
/>
<path
fill="url(#s)"
d="M355.02 215.39a16.467 16.467 0 0 1 0-23.288l5.972-5.972a16.468 16.468 0 0 1 23.289 0 16.468 16.468 0 0 1 0 23.289l-5.972 5.971a16.467 16.467 0 0 1-23.289 0z"
/>
<path
fill="url(#t)"
d="M363.413 196.756a51.659 51.659 0 0 1-7.737 3.415c-27.73 9.519-52.237-10.783-66.88-27.623a5.209 5.209 0 0 1 5.52-8.386c9.576 3.142 21.448 3.946 32.861-3.609 11.2-7.411 11.05-16.384 7.6-23.934a29.014 29.014 0 0 1 4.735-31.674q.426-.469.848-.944a29.2 29.2 0 0 1 47.8 6.056c15.181 29.515 9.44 68.193-24.747 86.699z"
/>
<path
fill="url(#u)"
d="M388.169 110.057a28.912 28.912 0 0 0-13.2-12.922l-32.613 32.613v72.833a44.127 44.127 0 0 0 13.322-2.41 51.659 51.659 0 0 0 7.737-3.415c34.185-18.506 39.926-57.184 24.754-86.699z"
/>
<path
fill="url(#v)"
d="m425.092 74.28-48.582 48.582a29.741 29.741 0 0 1-1.248-10.453c.484-8.281-2.628-16.706-15.743-19.559-13.373-2.915-24.156 2.128-31.942 8.517a5.209 5.209 0 0 1-8.182-5.818c7.56-21 23.067-48.79 52.364-49.945a51.851 51.851 0 0 1 8.446.385c20.665 2.617 35.814 13.587 44.887 28.291z"
/>
<path
fill="url(#w)"
d="M467.713 40.161 393.7 145.067a28.267 28.267 0 0 1-43.085 3.692 28.267 28.267 0 0 1 3.692-43.085l104.904-74.015c5.598-3.949 12.451 2.904 8.502 8.502z"
/>
<path
fill="url(#x)"
d="M467.713 40.161c3.949-5.6-2.9-12.451-8.5-8.5l-88.569 62.485v62.883a28.161 28.161 0 0 0 23.056-11.962z"
/>
<path
fill="url(#y)"
d="m409.311 66.866 49.9-35.207c5.6-3.949 12.45 2.905 8.5 8.5l-58.4 82.777z"
/>
<path
fill="url(#z)"
d="m447.977 39.585 11.235-7.926c5.6-3.949 12.45 2.905 8.5 8.5l-19.735 27.975z"
/>
<path
fill="url(#A)"
d="M300.716 267.886c-7.219-10.272-18.589-17.188-31.082-20.036a24.52 24.52 0 0 1-18.112-18.112c-2.848-12.493-9.763-23.863-20.035-31.081-20.3-14.265-46-6.919-57.406 16.408s-4.2 53.8 16.1 68.064a42.559 42.559 0 0 0 4.22 2.615 47.976 47.976 0 0 1 19.226 19.226 42.27 42.27 0 0 0 2.616 4.22c14.264 20.3 44.737 27.507 68.063 16.1s30.674-37.106 16.41-57.404z"
/>
<path
fill="url(#B)"
d="M174.081 215.065c-11.406 23.326-4.2 53.8 16.1 68.064a42.559 42.559 0 0 0 4.22 2.615 47.976 47.976 0 0 1 19.226 19.226 42.385 42.385 0 0 0 2.616 4.22c14.264 20.3 44.737 27.507 68.064 16.1a43.557 43.557 0 0 0 17.925-15.669L189.75 197.139a43.56 43.56 0 0 0-15.669 17.926z"
/>
<ellipse
cx="209.52"
cy="232.665"
fill="url(#C)"
rx="17.362"
ry="13.858"
transform="rotate(-69.03 209.467 232.604)"
/>
<ellipse
cx="266.708"
cy="289.852"
fill="url(#D)"
rx="17.362"
ry="13.858"
transform="rotate(-20.97 266.636 289.774)"
/>
<path
fill="url(#E)"
d="M151.846 165.29a140.779 140.779 0 0 0-67.461-64.472 4.147 4.147 0 0 1 0-7.543A140.779 140.779 0 0 0 151.846 28.8a4.14 4.14 0 0 1 7.388 0A140.779 140.779 0 0 0 226.7 93.275a4.147 4.147 0 0 1 0 7.543 140.779 140.779 0 0 0-67.461 64.472 4.14 4.14 0 0 1-7.393 0z"
/>
<path
fill="url(#F)"
d="M77.941 296A96.286 96.286 0 0 0 31.8 251.9a2.836 2.836 0 0 1 0-5.159 96.291 96.291 0 0 0 46.144-44.1 2.832 2.832 0 0 1 5.054 0 96.3 96.3 0 0 0 46.144 44.1 2.836 2.836 0 0 1 0 5.159A96.291 96.291 0 0 0 83 296a2.832 2.832 0 0 1-5.059 0z"
/>
<path
fill="url(#G)"
d="M429.005 361.751a96.293 96.293 0 0 0-46.144-44.1 2.836 2.836 0 0 1 0-5.159 96.3 96.3 0 0 0 46.144-44.1 2.832 2.832 0 0 1 5.054 0 96.291 96.291 0 0 0 46.144 44.1 2.836 2.836 0 0 1 0 5.159 96.289 96.289 0 0 0-46.144 44.1 2.832 2.832 0 0 1-5.054 0z"
/>
<path
fill="url(#H)"
d="M276.591 483.914a96.3 96.3 0 0 0-46.144-44.1 2.836 2.836 0 0 1 0-5.159 96.3 96.3 0 0 0 46.144-44.1 2.832 2.832 0 0 1 5.054 0 96.293 96.293 0 0 0 46.143 44.1 2.835 2.835 0 0 1 0 5.159 96.291 96.291 0 0 0-46.143 44.1 2.832 2.832 0 0 1-5.054 0z"
/>
</g>
</svg>
More icons in the same style and category