Add icons to this collection by clicking the heart icon.
Security Code icon - also known as security, protection, passkey, security code, and pin code. Created in a clean flat style with a white, red, teal, and orange 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 300 300"
>
<path d="M0 0h300v300H0z" fill="#ccf7f9" />
<path d="M150 0h150v300H150z" fill="#00d7df" />
<path d="M60 50h180v20H60z" fill="#00d7df" />
<path d="M150 50h90v20h-90z" fill="#00a1a7" />
<circle cx="60" cy="150" r="30" fill="#00d7df" />
<circle cx="240" cy="150" r="30" fill="#006c70" />
<circle cx="240" cy="240" r="30" fill="#006c70" />
<circle cx="150" cy="240" r="30" fill="#00d7df" />
<path
d="M150 210c16.568 0 30 13.432 30 30s-13.432 30-30 30"
fill="#006c70"
/>
<circle cx="60" cy="60" r="30" fill="#ff9811" />
<circle cx="150" cy="60" r="30" fill="#ff9811" />
<path
d="M150 30c16.568 0 30 13.432 30 30s-13.432 30-30 30"
fill="#ff5023"
/>
<path
d="M18.075 141.924h259.997v20H18.075z"
transform="rotate(134.999 148.075 151.924)"
fill="#00d7df"
/>
<path
d="m150 164.141 97.07-97.07-14.141-14.142L150 135.857z"
fill="#00a1a7"
/>
<circle cx="60" cy="240" r="30" fill="#ff9811" />
<circle cx="150" cy="150" r="30" fill="#ff9811" />
<path
d="M150 120c16.568 0 30 13.432 30 30s-13.432 30-30 30"
fill="#ff5023"
/>
<circle cx="240" cy="60" r="30" fill="#ff5023" />
</svg>
More icons in the same style and category