Add icons to this collection by clicking the heart icon.
Web Settings icon - also known as internet, marketing, website, seo, browser, web programming, web settings, and seo and web. Created in a clean flat gradient style with a white, red, 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 32 32"
>
<linearGradient
id="a"
x1="2"
x2="30"
y1="19"
y2="19"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6d6ef9" />
<stop offset="1" stop-color="#7cabf5" />
</linearGradient>
<linearGradient
id="b"
x1="2"
x2="30"
y1="6"
y2="6"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#039be5" />
<stop offset="1" stop-color="#b3e5fc" />
</linearGradient>
<linearGradient
id="c"
x1="8"
x2="24"
y1="20"
y2="20"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff5252" />
<stop offset="1" stop-color="#ff80ab" />
</linearGradient>
<g>
<rect width="28" height="22" x="2" y="8" fill="url(#a)" rx="1" />
<path
fill="#3949ab"
d="M30 9v2H4a1 1 0 0 0-1 1v18a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1z"
opacity=".5"
/>
<rect width="28" height="8" x="2" y="2" fill="url(#b)" rx="1" />
<path
fill="#0277bd"
d="M30 3H4a1 1 0 0 0-1 1v6a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1z"
opacity=".5"
/>
<g fill="#fff">
<path
d="M13 6a1 1 0 0 1-1 1H2V5h10a1 1 0 0 1 1 1zM30 13v2H20a1 1 0 0 1 0-2zM13 26a1 1 0 0 1-1 1H2v-2h10a1 1 0 0 1 1 1z"
/>
<circle cx="20" cy="6" r="1" />
<circle cx="23" cy="6" r="1" />
<circle cx="6" cy="14" r="1" />
<circle cx="9" cy="14" r="1" />
<circle cx="23" cy="26" r="1" />
<circle cx="26" cy="26" r="1" />
<circle cx="26" cy="6" r="1" />
</g>
<circle cx="16" cy="20" r="1" fill="none" />
<path
fill="none"
d="M19.45 18.78c0-.12-.09-.24-.14-.36a1 1 0 0 1 .19-1.13l1.14-1.14-.79-.79-1.14 1.14a1 1 0 0 1-1.13.19l-.36-.14a1 1 0 0 1-.66-1V14h-1.12v1.6a1 1 0 0 1-.66 1l-.36.14a1 1 0 0 1-1.13-.19l-1.14-1.14-.79.79 1.14 1.14a1 1 0 0 1 .19 1.13c0 .12-.1.24-.14.36a1 1 0 0 1-1 .66H10v1.12h1.6a1 1 0 0 1 1 .66c0 .12.09.24.14.36a1 1 0 0 1-.19 1.13l-1.14 1.14.79.79 1.14-1.14a1 1 0 0 1 1.13-.19l.36.14a1 1 0 0 1 .66.95V26h1.12v-1.6a1 1 0 0 1 .66-.95l.36-.14a1 1 0 0 1 1.13.19l1.14 1.14.79-.79-1.19-1.14a1 1 0 0 1-.19-1.13c.05-.12.1-.24.14-.36a1 1 0 0 1 .95-.66H22v-1.12h-1.6a1 1 0 0 1-.95-.66zM16 23a3 3 0 1 1 3-3 3 3 0 0 1-3 3z"
/>
<path
fill="url(#c)"
d="M23 17.44h-.83l.59-.58a1 1 0 0 0 0-1.42l-2.2-2.2a1 1 0 0 0-1.42 0l-.58.59V13a1 1 0 0 0-1-1h-3.12a1 1 0 0 0-1 1v.83l-.58-.59a1 1 0 0 0-1.42 0l-2.2 2.2a1 1 0 0 0 0 1.42l.59.58H9a1 1 0 0 0-1 1v3.12a1 1 0 0 0 1 1h.83l-.59.58a1 1 0 0 0 0 1.42l2.2 2.2a1 1 0 0 0 1.42 0l.58-.59V27a1 1 0 0 0 1 1h3.12a1 1 0 0 0 1-1v-.83l.58.59a1 1 0 0 0 1.42 0l2.2-2.2a1 1 0 0 0 0-1.42l-.59-.58H23a1 1 0 0 0 1-1v-3.12a1 1 0 0 0-1-1z"
/>
<path
fill="#e53935"
d="M12.44 26.76a.83.83 0 0 0 .21.16 1 1 0 0 1-1.21-.16l-2.2-2.2a1 1 0 0 1 0-1.42l.59-.58H9a1 1 0 0 1-1-1v-3.12a1 1 0 0 1 1-1h.83l-.59-.58a1 1 0 0 1 0-1.42l2.2-2.2a1 1 0 0 1 .71-.29 1 1 0 0 1 .5.14 1 1 0 0 0-.21.15l-2.2 2.2a1 1 0 0 0 0 1.42l.59.58H10a1 1 0 0 0-1 1v3.12a1 1 0 0 0 1 1h.83l-.59.58a1 1 0 0 0 0 1.42z"
opacity=".5"
/>
<path
fill="#e65100"
d="M15.44 12a1 1 0 0 0-1 1v.83l-.58-.59a1 1 0 0 0-.42-.24 1 1 0 0 1 1-1zM13.44 13v.83l-.58-.59a1 1 0 0 0-.21-.15 1 1 0 0 1 .5-.14.71.71 0 0 1 .29.05z"
opacity=".5"
/>
<circle cx="16" cy="20" r="3" fill="#fff" />
<path
d="M16.5 23a2.07 2.07 0 0 1-.5 0 3 3 0 0 1 0-6 2.07 2.07 0 0 1 .5.05 3 3 0 0 0 0 5.9z"
opacity=".15"
/>
</g>
</svg>
More icons in the same style and category