Add icons to this collection by clicking the heart icon.
System Key icon - also known as smartphone, protection, lock, data protection, business and finance, data security, GDPR, and system key. Created in a clean flat gradient style with a white and teal finish, 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 64 64"
>
<linearGradient
id="b"
x1="15.96"
x2="48.05"
y1="32.01"
y2="32.01"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#015bbb" />
<stop offset="1" stop-color="#02aff8" />
</linearGradient>
<linearGradient
id="a"
x1="20"
x2="44"
y1="32.5"
y2="32.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#02aff8" />
<stop offset="1" stop-color="#02dbf8" />
</linearGradient>
<linearGradient
id="c"
x1="27.99"
x2="36.01"
y1="35.99"
y2="35.99"
href="#a"
/>
<linearGradient id="d" x1="6" x2="12" y1="55" y2="55" href="#a" />
<linearGradient id="e" x1="52" x2="58" y1="55" y2="55" href="#a" />
<linearGradient id="f" x1="6" x2="12" y1="39" y2="39" href="#a" />
<linearGradient id="g" x1="52" x2="58" y1="39" y2="39" href="#a" />
<linearGradient id="h" x1="6" x2="12" y1="23" y2="23" href="#a" />
<linearGradient id="i" x1="52" x2="58" y1="23" y2="23" href="#a" />
<g>
<path
fill="url(#b)"
d="M48 11c0 44.38.38 43-1 44.62a4 4 0 0 1-1.76 1.18c-.93.29.92.2-25.25.2a4 4 0 0 1-3.35-1.83C15.72 53.69 16 57 16 11a4 4 0 0 1 4-4h24a4 4 0 0 1 4 4z"
/>
<path
fill="#015bbb"
d="M26 10a1 1 0 0 1-2 0 1 1 0 0 1 2 0zM39 11h-9a1 1 0 0 1 0-2h9a1 1 0 0 1 0 2z"
/>
<path fill="url(#a)" d="M20 13h24v39H20z" />
<g fill="#0c408d">
<path
d="M8 53v-3a4 4 0 0 1 4-4h14a2 2 0 0 0 2-2v-2a1 1 0 0 1 2 0v2a4 4 0 0 1-4 4H12a2 2 0 0 0-2 2v3a1 1 0 0 1-2 0zM54 53v-3a2 2 0 0 0-2-2H38a4 4 0 0 1-4-4v-2a1 1 0 0 1 2 0v2a2 2 0 0 0 2 2h14a4 4 0 0 1 4 4v3a1 1 0 0 1-2 0zM24 40H11a1 1 0 0 1 0-2h13a1 1 0 0 1 0 2zM53 40H40a1 1 0 0 1 0-2h13a1 1 0 0 1 0 2zM24 34H12a4 4 0 0 1-4-4v-5a1 1 0 0 1 2 0v5a2 2 0 0 0 2 2h12a1 1 0 0 1 0 2zM52 34H40a1 1 0 0 1 0-2h12a2 2 0 0 0 2-2v-5a1 1 0 0 1 2 0v5a4 4 0 0 1-4 4z"
/>
</g>
<path
fill="#fff"
d="M38 30v-3a6 6 0 0 0-12 0v3a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2zm-10 0v-3a4 4 0 0 1 8 0v3z"
/>
<path
fill="url(#c)"
d="M28.29 36.71a1 1 0 0 1 1.42-1.42l1.29 1.3 3.29-3.3a1 1 0 0 1 1.42 1.42c-5.45 5.44-4.17 5.29-7.42 2z"
/>
<circle cx="9" cy="55" r="3" fill="url(#d)" />
<circle cx="55" cy="55" r="3" fill="url(#e)" />
<circle cx="9" cy="39" r="3" fill="url(#f)" />
<circle cx="55" cy="39" r="3" fill="url(#g)" />
<circle cx="9" cy="23" r="3" fill="url(#h)" />
<circle cx="55" cy="23" r="3" fill="url(#i)" />
</g>
</svg>
More icons in the same style and category