Add icons to this collection by clicking the heart icon.
Pattern icon - also known as smartphone, security, protect, pattern, pattern lock, lock pattern, and unlock pattern. Created in a clean lineal 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c-13.894 0-26.51-11.911-26.51-26.52v-443.96C-26.51-484.371-14.618-497 0-497h257.6c13.893 0 26.509 11.911 26.509 26.52v443.96C284.109-12.629 272.218 0 257.6 0Z"
transform="translate(127.2 504.5)"
fill="#3e4f55"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v443.96c0 14.609 12.617 26.52 26.511 26.52h-50C-37.383 470.48-50 458.569-50 443.96V0c0-13.891 11.893-26.52 26.511-26.52h50C11.893-26.52 0-13.891 0 0"
transform="translate(150.69 34.02)"
fill="#303d42"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-248.498v403.809h77.655c8.578 0 15.531-6.953 15.531-15.531 0-8.577 6.955-15.531 15.532-15.531h31.062c8.577 0 15.531 6.954 15.531 15.531 0 8.578 6.954 15.531 15.532 15.531H0Z"
transform="translate(380.249 69.626)"
fill="#77d4f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M131.751 69.626h18.937v403.81h-18.937z"
fill="#68b3f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.578-6.953-15.531-15.53-15.531-8.578 0-15.532 6.953-15.532 15.531s6.954 15.531 15.532 15.531C-6.953 15.531 0 8.578 0 0"
transform="translate(209.406 333.654)"
fill="#e9f1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.578-6.954-15.531-15.531-15.531-8.577 0-15.531 6.953-15.531 15.531s6.954 15.531 15.531 15.531C-6.954 15.531 0 8.578 0 0"
transform="translate(271.531 333.654)"
fill="#e9f1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.578-6.953-15.531-15.531-15.531-8.577 0-15.531 6.953-15.531 15.531s6.954 15.531 15.531 15.531C-6.953 15.531 0 8.578 0 0"
transform="translate(333.655 333.654)"
fill="#e9f1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.578-6.953-15.531-15.53-15.531-8.578 0-15.532 6.953-15.532 15.531s6.954 15.531 15.532 15.531C-6.953 15.531 0 8.578 0 0"
transform="translate(209.406 271.53)"
fill="#e9f1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.578-6.954-15.531-15.531-15.531-8.577 0-15.531 6.953-15.531 15.531s6.954 15.531 15.531 15.531C-6.954 15.531 0 8.578 0 0"
transform="translate(271.531 271.53)"
fill="#e9f1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.578-6.953-15.531-15.531-15.531-8.577 0-15.531 6.953-15.531 15.531s6.954 15.531 15.531 15.531C-6.953 15.531 0 8.578 0 0"
transform="translate(333.655 271.53)"
fill="#e9f1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.578-6.953-15.531-15.53-15.531-8.578 0-15.532 6.953-15.532 15.531s6.954 15.531 15.532 15.531C-6.953 15.531 0 8.578 0 0"
transform="translate(209.406 209.405)"
fill="#e9f1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.578-6.954-15.531-15.531-15.531-8.577 0-15.531 6.953-15.531 15.531s6.954 15.531 15.531 15.531C-6.954 15.531 0 8.578 0 0"
transform="translate(271.531 209.405)"
fill="#e9f1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.578-6.953-15.531-15.531-15.531-8.577 0-15.531 6.953-15.531 15.531s6.954 15.531 15.531 15.531C-6.953 15.531 0 8.578 0 0"
transform="translate(333.655 209.405)"
fill="#e9f1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-159.04c0-14.609-12.616-26.52-26.51-26.52h-257.599c-14.619 0-26.51 12.629-26.51 26.52v443.96c0 14.609 12.616 26.52 26.51 26.52h112.46"
transform="translate(411.31 193.06)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h112.46c14.618 0 26.51-12.629 26.51-26.52v-252.23"
transform="translate(272.34 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h170.03v403.81H92.37c-4.29 0-8.17-1.74-10.979-4.55a15.498 15.498 0 0 1-4.551-10.99c0-8.57-6.949-15.53-15.529-15.53H30.25c-4.29 0-8.17 1.74-10.979 4.55a15.491 15.491 0 0 0-4.55 10.98c0 8.58-6.96 15.54-15.531 15.54h-77.66V0h45.781"
transform="translate(210.22 69.63)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a7.5 7.5 0 0 0-7.5 7.5c0 4.143 3.357 7.5 7.5 7.5s7.5-3.357 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(256 465.935)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h62.125"
transform="translate(224.938 38.565)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-8.578-6.953-15.531-15.53-15.531-8.578 0-15.532 6.953-15.532 15.531s6.954 15.531 15.532 15.531C-6.953 15.531 0 8.578 0 0Z"
transform="translate(209.406 333.654)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-8.578-6.954-15.531-15.531-15.531-8.577 0-15.531 6.953-15.531 15.531s6.954 15.531 15.531 15.531C-6.954 15.531 0 8.578 0 0Z"
transform="translate(271.531 333.654)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-8.578-6.953-15.531-15.531-15.531-8.577 0-15.531 6.953-15.531 15.531s6.954 15.531 15.531 15.531C-6.953 15.531 0 8.578 0 0Z"
transform="translate(333.655 333.654)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-8.578-6.953-15.531-15.53-15.531-8.578 0-15.532 6.953-15.532 15.531s6.954 15.531 15.532 15.531C-6.953 15.531 0 8.578 0 0Z"
transform="translate(209.406 271.53)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-8.578-6.954-15.531-15.531-15.531-8.577 0-15.531 6.953-15.531 15.531s6.954 15.531 15.531 15.531C-6.954 15.531 0 8.578 0 0Z"
transform="translate(271.531 271.53)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-8.578-6.953-15.531-15.531-15.531-8.577 0-15.531 6.953-15.531 15.531s6.954 15.531 15.531 15.531C-6.953 15.531 0 8.578 0 0Z"
transform="translate(333.655 271.53)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-8.578-6.953-15.531-15.53-15.531-8.578 0-15.532 6.953-15.532 15.531s6.954 15.531 15.532 15.531C-6.953 15.531 0 8.578 0 0Z"
transform="translate(209.406 209.405)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-8.578-6.954-15.531-15.531-15.531-8.577 0-15.531 6.953-15.531 15.531s6.954 15.531 15.531 15.531C-6.954 15.531 0 8.578 0 0Z"
transform="translate(271.531 209.405)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-8.578-6.953-15.531-15.531-15.531-8.577 0-15.531 6.953-15.531 15.531s6.954 15.531 15.531 15.531C-6.953 15.531 0 8.578 0 0Z"
transform="translate(333.655 209.405)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h31.062"
transform="translate(209.406 333.654)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h31.062"
transform="translate(271.531 333.654)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h31.062"
transform="translate(209.406 209.405)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h31.062"
transform="translate(271.531 209.405)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-31.062"
transform="translate(318.124 318.123)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-31.062"
transform="translate(318.124 255.999)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-31.062"
transform="translate(193.876 255.999)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h31.062"
transform="translate(209.406 271.53)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category