Add icons to this collection by clicking the heart icon.
Pattern Code icon - also known as smartphone, security, protection, ui, and pattern code. Created in a clean flat style with a silver, gray, 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="512"
height="512"
viewBox="0 0 511.999 511.999"
>
<path
fill="#8ac9fe"
d="M378.641 511.997H133.357c-13.629 0-24.677-11.048-24.677-24.677V24.678c0-13.629 11.048-24.677 24.677-24.677h245.284c13.629 0 24.677 11.048 24.677 24.677V487.32c0 13.629-11.049 24.677-24.677 24.677z"
/>
<path
fill="#60b7ff"
d="M403.318 24.679V487.32c0 13.633-11.046 24.679-24.679 24.679H356.31c13.633 0 24.679-11.046 24.679-24.679V24.679C380.988 11.046 369.942 0 356.31 0h22.329c13.632 0 24.679 11.046 24.679 24.679z"
/>
<path
fill="#596c76"
d="M378.641 511.997H133.357c-13.629 0-24.677-11.048-24.677-24.677v-42.753h294.638v42.753c0 13.629-11.049 24.677-24.677 24.677zM378.641.001H133.357c-13.629 0-24.677 11.048-24.677 24.677v42.753h294.638V24.678c0-13.628-11.049-24.677-24.677-24.677z"
/>
<path
fill="#465a61"
d="M403.319 444.568v42.752c0 13.633-11.046 24.679-24.679 24.679h-22.33c13.633 0 24.679-11.046 24.679-24.679v-42.752zM403.319 24.679v42.752h-22.331V24.679C380.988 11.046 370.613 0 356.31 0h21.66c14.303 0 25.349 11.046 25.349 24.679z"
/>
<path
fill="#33474c"
d="M268.455 485.782h-24.914a7.5 7.5 0 0 1 0-15h24.914a7.5 7.5 0 0 1 0 15z"
/>
<circle cx="223.423" cy="33.716" r="10.247" fill="#33474c" />
<path
fill="#33474c"
d="M298.822 41.216h-42.538c-3.834 0-7.266-2.754-7.728-6.561a7.503 7.503 0 0 1 7.443-8.439h42.509c4.107 0 7.688 3.164 7.811 7.269a7.5 7.5 0 0 1-7.497 7.731z"
/>
<path
fill="#7a8c98"
d="M329.374 115.394a7.5 7.5 0 0 1-7.5-7.5v-4.723a7.5 7.5 0 0 1 15 0v4.723a7.5 7.5 0 0 1-7.5 7.5zM353.092 115.394a7.5 7.5 0 0 1-7.5-7.5v-9.445a7.5 7.5 0 0 1 15 0v9.445a7.5 7.5 0 0 1-7.5 7.5zM376.811 115.394a7.5 7.5 0 0 1-7.5-7.5V93.725a7.5 7.5 0 0 1 15 0v14.168a7.5 7.5 0 0 1-7.5 7.501z"
/>
<circle cx="161.887" cy="161.887" r="10.944" fill="#33474c" />
<circle cx="255.999" cy="161.887" r="10.944" fill="#33474c" />
<circle cx="350.112" cy="161.887" r="10.944" fill="#33474c" />
<circle cx="161.887" cy="255.999" r="10.944" fill="#33474c" />
<circle cx="255.999" cy="255.999" r="10.944" fill="#33474c" />
<circle cx="161.887" cy="350.112" r="10.944" fill="#33474c" />
<circle cx="350.112" cy="255.999" r="10.944" fill="#33474c" />
<circle cx="255.999" cy="350.112" r="10.944" fill="#33474c" />
<circle cx="350.112" cy="350.112" r="10.944" fill="#33474c" />
<path
fill="#33474c"
d="M161.887 232.93a7.5 7.5 0 0 1-7.5-7.5v-32.974a7.5 7.5 0 0 1 15 0v32.974a7.5 7.5 0 0 1-7.5 7.5zM225.43 263.5h-32.974a7.5 7.5 0 0 1 0-15h32.974a7.5 7.5 0 0 1 0 15zM319.542 263.5h-32.974a7.5 7.5 0 0 1 0-15h32.974a7.5 7.5 0 0 1 0 15zM276.262 338.703a7.502 7.502 0 0 1-5.432-12.671l53.585-56.295a7.502 7.502 0 0 1 10.604-.262 7.502 7.502 0 0 1 .262 10.604l-53.585 56.295a7.484 7.484 0 0 1-5.434 2.329z"
/>
</svg>
More icons in the same style and category