Add icons to this collection by clicking the heart icon.
Unlock icon - also known as computer, smartphone, phone, security, mobile, unlock, electronics, device, and unprotected. Created in a clean flat 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 32 32"
>
<linearGradient
id="a"
x1="3"
x2="23"
y1="15"
y2="15"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eee" />
<stop offset=".48" stop-color="#afafaf" />
<stop offset="1" stop-color="#616161" />
</linearGradient>
<linearGradient
id="b"
x1="5.18"
x2="21"
y1="13"
y2="13"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b3e5fc" />
<stop offset="1" stop-color="#72c1e8" />
</linearGradient>
<linearGradient
id="c"
x1="11"
x2="15"
y1="25"
y2="25"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eee" />
<stop offset="1" stop-color="#afafaf" />
</linearGradient>
<linearGradient
id="d"
x1="20"
x2="24.83"
y1="19"
y2="19"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffa000" />
<stop offset=".52" stop-color="#f0c020" />
<stop offset="1" stop-color="#ffecb3" />
</linearGradient>
<linearGradient
id="e"
x1="18"
x2="26"
y1="19"
y2="19"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffecb3" />
<stop offset=".48" stop-color="#f0c020" />
<stop offset="1" stop-color="#ffa000" />
</linearGradient>
<linearGradient
id="f"
x1="15"
x2="29"
y1="25"
y2="25"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffecb3" />
<stop offset="1" stop-color="#f0c020" />
</linearGradient>
<g>
<path
fill="url(#a)"
d="M22 2H4a1 1 0 0 0-1 1v24a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-5h2a1 1 0 0 0 1-1v-1a2 2 0 0 1 2-2 1 1 0 0 0 1-1V3a1 1 0 0 0-1-1z"
/>
<path
d="M6 28H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h2a1 1 0 0 0-1 1v24a1 1 0 0 0 1 1z"
opacity=".14"
/>
<path
fill="#fff"
d="M23 3v14a1 1 0 0 1-1 1 2 2 0 0 0-2 2v1a1 1 0 0 1-1 1h-2a1 1 0 0 0 1-1v-1a2 2 0 0 1 2-2 1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h2a1 1 0 0 1 1 1z"
opacity=".1"
/>
<path
fill="url(#b)"
d="M21 5.06v15.88A1.1 1.1 0 0 1 19.87 22H6.31a1.09 1.09 0 0 1-1.13-1.06V5.06A1.09 1.09 0 0 1 6.31 4h13.56a1.13 1.13 0 0 1 1 .55.87.87 0 0 1 .1.24.8.8 0 0 1 .03.27z"
/>
<circle cx="13" cy="25" r="2" fill="url(#c)" />
<circle cx="13" cy="25" r="1" fill="#fff" />
<path
fill="#f57c00"
d="M24.62 19.24a1 1 0 0 1-1.4.18A1.92 1.92 0 0 0 22 19a2 2 0 0 0-1.73 1H20a2 2 0 0 1 2-2 1.92 1.92 0 0 1 1.22.42 1 1 0 0 0 1.4-.18l.07-.11a1 1 0 0 1-.07 1.11z"
/>
<path
fill="url(#d)"
d="M24.62 19.24a1 1 0 0 1-1.4.18A1.92 1.92 0 0 0 22 19a2 2 0 0 0-1.73 1H20a2 2 0 0 1 2-2 1.92 1.92 0 0 1 1.22.42 1 1 0 0 0 1.4-.18l.07-.11a1 1 0 0 1-.07 1.11z"
/>
<path
fill="url(#e)"
d="M25 22h-6a1 1 0 0 1-1-1v-1a4 4 0 0 1 6.45-3.17 1 1 0 1 1-1.23 1.59A1.92 1.92 0 0 0 22 18a2 2 0 0 0-2 2h5a1 1 0 0 1 0 2z"
/>
<rect width="14" height="10" x="15" y="20" fill="url(#f)" rx="1" />
<path
d="M18 30h-2a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1z"
opacity=".14"
/>
<path
fill="#fff"
d="M29 21v8a1 1 0 0 1-1 1h-2a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1h2a1 1 0 0 1 1 1z"
opacity=".29"
/>
<path
d="M22 28a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1z"
opacity=".2"
/>
<g fill="#fff">
<path d="M22 27a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1z" />
<path
d="M5.18 17.41 18.59 4h-7.08l-6.33 6.33zM21 5.06v6.43L10.49 22H6.31a1.09 1.09 0 0 1-1.13-1.06v-.71L20.86 4.55a.87.87 0 0 1 .1.24.8.8 0 0 1 .04.27z"
opacity=".41"
/>
</g>
</g>
</svg>
More icons in the same style and category