Add icons to this collection by clicking the heart icon.
Passcode icon - also known as smartphone, mobile phone, security, secure, password, unlock, ui, electronics, lock pattern, and passcode. 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="3.479"
x2="507.538"
y1="508.521"
y2="4.462"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="111.479"
x2="615.538"
y1="616.521"
y2="112.462"
href="#a"
/>
<linearGradient
id="c"
x1="31.479"
x2="535.538"
y1="536.521"
y2="32.462"
href="#a"
/>
<linearGradient
id="d"
x1="67.479"
x2="571.538"
y1="572.521"
y2="68.462"
href="#a"
/>
<linearGradient
id="e"
x1="-8.521"
x2="495.538"
y1="496.521"
y2="-7.538"
href="#a"
/>
<linearGradient
id="f"
x1="71.479"
x2="575.538"
y1="576.521"
y2="72.462"
href="#a"
/>
<linearGradient
id="g"
x1="-48.521"
x2="455.538"
y1="456.521"
y2="-47.538"
href="#a"
/>
<linearGradient
id="h"
x1="-88.521"
x2="415.538"
y1="416.521"
y2="-87.538"
href="#a"
/>
<path
fill="url(#a)"
d="M372 8H140a28.031 28.031 0 0 0-28 28v440a28.031 28.031 0 0 0 28 28h232a28.031 28.031 0 0 0 28-28V36a28.031 28.031 0 0 0-28-28zm-78.56 16-4.5 16h-66.69l-4-16zM384 476a12.01 12.01 0 0 1-12 12H140a12.01 12.01 0 0 1-12-12V36a12.01 12.01 0 0 1 12-12h61.75l6.49 25.94A8 8 0 0 0 216 56h79a8 8 0 0 0 7.7-5.83L310.06 24H372a12.01 12.01 0 0 1 12 12z"
/>
<path fill="url(#b)" d="M280 464h-48a8 8 0 0 0 0 16h48a8 8 0 0 0 0-16z" />
<path
fill="url(#c)"
d="M256 280a32 32 0 1 0 32 32 32.036 32.036 0 0 0-32-32zm0 48a16 16 0 1 1 16-16 16.019 16.019 0 0 1-16 16z"
/>
<path
fill="url(#d)"
d="M256 352a32 32 0 1 0 32 32 32.036 32.036 0 0 0-32-32zm0 48a16 16 0 1 1 16-16 16.019 16.019 0 0 1-16 16z"
/>
<path
fill="url(#e)"
d="M176 280a32 32 0 1 0 32 32 32.036 32.036 0 0 0-32-32zm0 48a16 16 0 1 1 16-16 16.019 16.019 0 0 1-16 16z"
/>
<path
fill="url(#f)"
d="M336 280a32 32 0 1 0 32 32 32.036 32.036 0 0 0-32-32zm0 48a16 16 0 1 1 16-16 16.019 16.019 0 0 1-16 16z"
/>
<path
fill="url(#e)"
d="M256 200a32 32 0 1 0 32 32 32.036 32.036 0 0 0-32-32zm0 48a16 16 0 1 1 16-16 16.019 16.019 0 0 1-16 16z"
/>
<path
fill="url(#g)"
d="M176 200a32 32 0 1 0 32 32 32.036 32.036 0 0 0-32-32zm0 48a16 16 0 1 1 16-16 16.019 16.019 0 0 1-16 16z"
/>
<path
fill="url(#c)"
d="M336 200a32 32 0 1 0 32 32 32.036 32.036 0 0 0-32-32zm0 48a16 16 0 1 1 16-16 16.019 16.019 0 0 1-16 16z"
/>
<path
fill="url(#g)"
d="M256 120a32 32 0 1 0 32 32 32.036 32.036 0 0 0-32-32zm0 48a16 16 0 1 1 16-16 16.019 16.019 0 0 1-16 16z"
/>
<path
fill="url(#h)"
d="M176 120a32 32 0 1 0 32 32 32.036 32.036 0 0 0-32-32zm0 48a16 16 0 1 1 16-16 16.019 16.019 0 0 1-16 16z"
/>
<path
fill="url(#e)"
d="M336 120a32 32 0 1 0 32 32 32.036 32.036 0 0 0-32-32zm0 48a16 16 0 1 1 16-16 16.019 16.019 0 0 1-16 16z"
/>
</svg>
More icons in the same style and category