Add icons to this collection by clicking the heart icon.
Configuration icon - also known as configuration, setting, power, energy, charge, gear, ui, and electronics. 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="-.518"
y2="64.581"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient
id="b"
x1="14.322"
x2="14.322"
y1="-.518"
y2="64.581"
gradientTransform="rotate(45 14.325 14.32)"
href="#a"
/>
<linearGradient id="c" x1="7" x2="7" y1="-.518" y2="64.581" href="#a" />
<linearGradient
id="d"
x1="14.322"
x2="14.322"
y1="-.518"
y2="64.581"
gradientTransform="rotate(45 14.332 49.678)"
href="#a"
/>
<linearGradient
id="e"
x1="49.678"
x2="49.678"
y1="-.518"
y2="64.581"
gradientTransform="rotate(45 49.69 49.673)"
href="#a"
/>
<linearGradient id="f" x1="57" x2="57" y1="-.518" y2="64.581" href="#a" />
<linearGradient
id="g"
x1="49.678"
x2="49.678"
y1="-.518"
y2="64.581"
gradientTransform="rotate(45 49.685 14.315)"
href="#a"
/>
<g fill="url(#a)">
<path
d="m61.165 26.014-6.216-1.036a23.916 23.916 0 0 0-1.757-4.239l3.663-5.129a1 1 0 0 0-.106-1.288l-7.071-7.071a1 1 0 0 0-1.288-.106l-5.129 3.663a23.916 23.916 0 0 0-4.239-1.757l-1.036-6.216A1 1 0 0 0 37 2H27a1 1 0 0 0-.986.835l-1.036 6.216a23.916 23.916 0 0 0-4.239 1.757L15.61 7.145a1 1 0 0 0-1.288.106l-7.071 7.071a1 1 0 0 0-.106 1.288l3.663 5.129a23.916 23.916 0 0 0-1.757 4.239l-6.216 1.036A1 1 0 0 0 2 27v10a1 1 0 0 0 .835.986l6.216 1.036a23.916 23.916 0 0 0 1.757 4.239L7.145 48.39a1 1 0 0 0 .106 1.288l7.071 7.071a1 1 0 0 0 1.288.106l5.129-3.663a23.916 23.916 0 0 0 4.239 1.757l1.036 6.216A1 1 0 0 0 27 62h10a1 1 0 0 0 .986-.835l1.036-6.216a23.916 23.916 0 0 0 4.239-1.757l5.129 3.663a1 1 0 0 0 1.288-.106l7.071-7.071a1 1 0 0 0 .106-1.288l-3.663-5.129a23.916 23.916 0 0 0 1.757-4.239l6.216-1.036A1 1 0 0 0 62 37V27a1 1 0 0 0-.835-.986zM60 36.153l-6 1a1 1 0 0 0-.8.72 21.872 21.872 0 0 1-2.058 4.963 1 1 0 0 0 .056 1.075l3.536 4.952-5.872 5.872-4.95-3.535a1 1 0 0 0-1.075-.056 21.852 21.852 0 0 1-4.964 2.056 1 1 0 0 0-.72.8l-1 6h-8.306l-1-6a1 1 0 0 0-.72-.8 21.852 21.852 0 0 1-4.964-2.058 1 1 0 0 0-1.075.056l-4.951 3.536-5.872-5.871 3.535-4.952a1 1 0 0 0 .056-1.075 21.872 21.872 0 0 1-2.056-4.963 1 1 0 0 0-.8-.72l-6-1v-8.306l6-1a1 1 0 0 0 .8-.72 21.872 21.872 0 0 1 2.058-4.963 1 1 0 0 0-.056-1.075l-3.537-4.952 5.872-5.872 4.952 3.535a1 1 0 0 0 1.075.056 21.872 21.872 0 0 1 4.963-2.056 1 1 0 0 0 .72-.8l1-6h8.306l1 6a1 1 0 0 0 .72.8 21.872 21.872 0 0 1 4.963 2.058 1 1 0 0 0 1.075-.056l4.952-3.536 5.872 5.872-3.535 4.951a1 1 0 0 0-.056 1.075 21.872 21.872 0 0 1 2.056 4.963 1 1 0 0 0 .8.72l6 1z"
/>
<path
d="M38 29h-5v-7a1 1 0 0 0-1.895-.447l-6 12A1 1 0 0 0 26 35h5v7a1 1 0 0 0 .77.973 1 1 0 0 0 1.125-.526l6-12A1 1 0 0 0 38 29zm-5 8.764V34a1 1 0 0 0-1-1h-4.382L31 26.236V30a1 1 0 0 0 1 1h4.382z"
/>
<path
d="m43.275 22.139 3.574-3.574-1.414-1.414-3.574 3.574A14.912 14.912 0 0 0 33 17.051V12h-2v5.051a14.912 14.912 0 0 0-8.861 3.674l-3.574-3.574-1.414 1.414 3.574 3.574A14.912 14.912 0 0 0 17.051 31H12v2h5.051a14.912 14.912 0 0 0 3.674 8.861l-3.574 3.574 1.414 1.414 3.574-3.574A14.912 14.912 0 0 0 31 46.949V52h2v-5.051a14.912 14.912 0 0 0 8.861-3.674l3.574 3.574 1.414-1.414-3.574-3.574A14.912 14.912 0 0 0 46.949 33H52v-2h-5.051a14.912 14.912 0 0 0-3.674-8.861zM32 45a13 13 0 1 1 13-13 13.015 13.015 0 0 1-13 13zM31 6h2v2h-2z"
/>
</g>
<path
fill="url(#b)"
d="M13.322 13.322h2v2h-2z"
transform="rotate(-45 14.32 14.325)"
/>
<path fill="url(#c)" d="M6 31h2v2H6z" />
<path
fill="url(#d)"
d="M13.322 48.678h2v2h-2z"
transform="rotate(-45 14.315 49.685)"
/>
<path fill="url(#a)" d="M31 56h2v2h-2z" />
<path
fill="url(#e)"
d="M48.678 48.678h2v2h-2z"
transform="rotate(-45 49.673 49.69)"
/>
<path fill="url(#f)" d="M56 31h2v2h-2z" />
<path
fill="url(#g)"
d="M48.678 13.322h2v2h-2z"
transform="rotate(-45 49.678 14.332)"
/>
</svg>
More icons in the same style and category