Add icons to this collection by clicking the heart icon.
Settings icon - also known as technology, smartphone, tablet, mobile phone, touch screen, gear, menu, settings, mobile, cellphone, ui, options, electronics, communications, and app development. Created in a clean gradient 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-26.875"
x2="-26.875"
y1="557.625"
y2="620.013"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M344 0H136c-22.08.026-39.974 17.92-40 40v400c.026 22.08 17.92 39.974 40 40h208c22.08-.026 39.974-17.92 40-40V40c-.026-22.08-17.92-39.974-40-40zM112 64h256v352H112V64zm24-48h208c13.255 0 24 10.745 24 24v8H112v-8c0-13.255 10.745-24 24-24zm208 448H136c-13.255 0-24-10.745-24-24v-8h256v8c0 13.255-10.745 24-24 24z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-30.375"
x2="-30.375"
y1="557.575"
y2="619.958"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M208 40h8a8 8 0 0 0 0-16h-8a8 8 0 0 0 0 16z" fill="url(#b)" />
<linearGradient
id="c"
x1="-24.875"
x2="-24.875"
y1="557.575"
y2="619.958"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M240 40h32a8 8 0 0 0 0-16h-32a8 8 0 0 0 0 16z" fill="url(#c)" />
<linearGradient
id="d"
x1="-26.875"
x2="-26.875"
y1="557.575"
y2="619.958"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M256 440h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16z" fill="url(#d)" />
<linearGradient
id="e"
x1="-26.875"
x2="-26.875"
y1="557.575"
y2="619.958"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M344 264v-48h-27.656a79.59 79.59 0 0 0-5.392-12.992l19.56-19.568-33.952-33.952-19.56 19.56a80.752 80.752 0 0 0-13-5.4V136h-48v27.648a80.752 80.752 0 0 0-13 5.4l-19.56-19.56-33.952 33.952 19.56 19.568A79.59 79.59 0 0 0 163.656 216H136v48h27.656a79.59 79.59 0 0 0 5.392 12.992l-19.56 19.568 33.952 33.952 19.56-19.56a80.752 80.752 0 0 0 13 5.4V344h48v-27.648a80.752 80.752 0 0 0 13-5.4l19.56 19.56 33.952-33.952-19.56-19.568A79.59 79.59 0 0 0 316.344 264H344zm-36.112 32.56-11.328 11.328-17.104-17.104-5.408 3.408a64.974 64.974 0 0 1-19.848 8.256l-6.2 1.424V328h-16v-24.128l-6.2-1.424a64.974 64.974 0 0 1-19.848-8.256l-5.408-3.408-17.104 17.104-11.328-11.328 17.104-17.096-3.408-5.408a65.078 65.078 0 0 1-8.256-19.856l-1.424-6.2H152v-16h24.128l1.424-6.2a65.078 65.078 0 0 1 8.256-19.856l3.408-5.408-17.104-17.096 11.328-11.328 17.104 17.104 5.408-3.408a64.974 64.974 0 0 1 19.848-8.256l6.2-1.424V152h16v24.128l6.2 1.424a64.974 64.974 0 0 1 19.848 8.256l5.408 3.408 17.104-17.104 11.328 11.328-17.104 17.096 3.408 5.408a65.078 65.078 0 0 1 8.256 19.856l1.424 6.2H328v16h-24.128l-1.424 6.2a65.078 65.078 0 0 1-8.256 19.856l-3.408 5.408 17.104 17.096z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-26.875"
x2="-26.875"
y1="557.575"
y2="619.958"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M240 200c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40c-.026-22.08-17.92-39.974-40-40zm0 64c-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24-10.745 24-24 24z"
fill="url(#f)"
/>
</svg>
More icons in the same style and category