Add icons to this collection by clicking the heart icon.
Customization icon - also known as web, development, seo, code, web development, website design, customization, css, and seo and web. 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="512"
height="512"
viewBox="0 0 96 96"
>
<path fill="#ccd1dc" d="M85 81h10V1H1v80h72z" />
<path
fill="#dee1e7"
d="M94 72V1H4v59a18 18 0 0 0 18 18h66a6 6 0 0 0 6-6z"
/>
<path
fill="#7190c4"
d="M50 72v20a2.77 2.77 0 0 1-.18 1A3 3 0 0 1 47 95h-2a3 3 0 0 1-3-3V72z"
/>
<path
fill="#89a3ce"
d="M50 72v20a2.77 2.77 0 0 1-.18 1H48a3 3 0 0 1-3-3V72z"
/>
<path
fill="#f3f4f5"
d="M11 17h76a3 3 0 0 1 3 3v51a3 3 0 0 1-3 3H62A54 54 0 0 1 8 20a3 3 0 0 1 3-3z"
/>
<path
fill="#8288a1"
d="M48 72h-4v-3a7.65 7.65 0 0 1 6.71-7.6l20.1-2.52A5.93 5.93 0 0 0 76 53v-4a4 4 0 0 0-4-4v-4a8 8 0 0 1 8 8v4a9.93 9.93 0 0 1-8.7 9.85l-20.09 2.51A3.67 3.67 0 0 0 48 69zM18 41h2v4h-2a2 2 0 0 1-2-2 2 2 0 0 1 2-2z"
/>
<rect width="52" height="20" x="20" y="33" fill="#fac77d" rx="2" />
<path
fill="#ffd69e"
d="M71 35v13a2 2 0 0 1-2 2H25a2 2 0 0 1-2-2V33h46a2 2 0 0 1 2 2z"
/>
<path fill="#90d1d7" d="M1 1h94v12H1z" />
<path fill="#abd9e6" d="M4 1h91v9H13a9 9 0 0 1-9-9z" />
<circle cx="9" cy="7" r="2" fill="#cf4055" />
<circle cx="19" cy="7" r="2" fill="#f6b756" />
<circle cx="29" cy="7" r="2" fill="#85bd79" />
<path
fill="#39426a"
d="M9 4a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1zM19 4a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1zM29 4a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<rect width="46" height="4" x="45" y="4" fill="#c3e1f5" rx="2" />
<circle cx="40" cy="6" r="2" fill="#c3e1f5" />
<g fill="#39426a">
<path
d="M95 0H1a1 1 0 0 0-1 1v80a1 1 0 0 0 1 1h40v10a4 4 0 0 0 4 4h2a4 4 0 0 0 4-4V82h44a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1zM2 2h92v10H2zm47 90a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2V73h6zm24-47.9v-2a7 7 0 0 1 6 6.9v4a9 9 0 0 1-7.82 8.86l-20.1 2.51A4.67 4.67 0 0 0 47 69v2h-2v-2a6.67 6.67 0 0 1 5.84-6.61l20.09-2.51A7 7 0 0 0 77 53v-4a5 5 0 0 0-4-4.9zM19 44h-1a1 1 0 0 1 0-2h1zm2 1V35a1 1 0 0 1 1-1h48a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H22a1 1 0 0 1-1-1zm30 35v-8a1 1 0 0 0-1-1h-1v-2a2.66 2.66 0 0 1 2.33-2.64l20.1-2.52A10.94 10.94 0 0 0 81 53v-4a9 9 0 0 0-8-8.94V35a3 3 0 0 0-3-3H22a3 3 0 0 0-3 3v5h-1a3 3 0 0 0 0 6h1v5a3 3 0 0 0 3 3h48a3 3 0 0 0 3-3v-4.82A3 3 0 0 1 75 49v4a4.94 4.94 0 0 1-4.32 4.89L50.59 60.4A8.68 8.68 0 0 0 43 69v2h-1a1 1 0 0 0-1 1v8H2V14h92v66z"
/>
<path
d="M9 4a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1zM19 4a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1zM29 4a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
</g>
<rect width="36" height="4" x="32" y="37" fill="#ffe5c3" rx="2" />
<circle cx="28" cy="39" r="2" fill="#ffe5c3" />
<rect width="2" height="12" x="47" y="79" fill="#a5b9db" rx="1" />
<circle cx="48" cy="76" r="1" fill="#a5b9db" />
</svg>
More icons in the same style and category