Add icons to this collection by clicking the heart icon.
Configuration icon - also known as interface, configuration, wrench, tools, tool, settings, screwdriver, computer and media, and music and multimedia. Created in a clean color style with a gray, black, and maroon 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="256"
x2="256"
y1="506.777"
y2="-1.37"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b1ecff" />
<stop offset="1" stop-color="#3796d4" />
</linearGradient>
<path
d="M512 118.23v275.54C512 459.07 459.07 512 393.77 512H118.23C52.93 512 0 459.07 0 393.77V118.23C0 52.93 52.93 0 118.23 0h275.54C459.07 0 512 52.93 512 118.23z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="256"
x2="256"
y1="502.89"
y2="2.68"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3bcfff" />
<stop offset="1" stop-color="#3464ae" />
</linearGradient>
<path
d="M118.23 508C55.243 508 4 456.757 4 393.77V118.23C4 55.243 55.243 4 118.23 4h275.54C456.757 4 508 55.243 508 118.23v275.54C508 456.757 456.757 508 393.77 508H118.23z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="270.858"
x2="487.178"
y1="254.089"
y2="37.758"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1b51a4" />
<stop offset="1" stop-color="#3464ae" stop-opacity="0" />
</linearGradient>
<path
d="M512 187.9v205.87C512 459.07 459.07 512 393.77 512H209.79l-4-4-92.22-92.22 313.15-313.16L512 187.9z"
opacity=".5"
fill="url(#c)"
/>
<path
d="m381.956 166.161 9.683-4.908a7.336 7.336 0 0 0 2.298-1.823l38.047-45.298a4.755 4.755 0 0 0-.279-6.42L415.732 91.74a4.755 4.755 0 0 0-6.42-.279l-45.298 38.047a7.336 7.336 0 0 0-1.823 2.298l-4.908 9.683a36.152 36.152 0 0 1-6.683 9.219l-70.295 70.295-16.65-16.65-.28.202-14.325-14.325a34.053 34.053 0 0 1-8.814-15.266l-15.687-58.546a18.974 18.974 0 0 0-13.417-13.417l-56.778-15.214a18.974 18.974 0 0 0-18.328 4.911l-2.095 2.095a3.653 3.653 0 0 0-1.066 2.497l-.004-.006v.046a2.481 2.481 0 0 0 0 .122v7.747a2.4 2.4 0 0 0 0 .12v.03l.003-.001c.022.91.373 1.814 1.067 2.508l39.916 39.916a22.623 22.623 0 0 1 6.307 12.155 22.63 22.63 0 0 1-6.307 12.155c-8.886 8.886-23.293 8.886-32.179 0l-39.916-39.916a3.673 3.673 0 0 0-5.195 0l-2.095 2.095a18.971 18.971 0 0 0-5.512 12.111h-.041v1.117a16.96 16.96 0 0 0 0 .319V155.767h.011c.018 1.566.215 3.141.63 4.692l15.214 56.778a18.974 18.974 0 0 0 13.417 13.417l58.546 15.687a34.053 34.053 0 0 1 15.266 8.814l8.234 8.234L95.936 367.68c-8.413 8.413-8.413 22.054 0 30.467l29.36 29.36c8.413 8.413 22.054 8.413 30.467 0l104.291-104.291 59.642 59.642c4.18 4.18 7.13 9.396 8.76 15.079 2.479 8.641 7.271 16.756 14.391 23.365 19.993 18.558 51.542 17.989 70.888-1.243 11.076-11.011 16.047-25.82 14.94-40.25 1.1-14.379-3.833-29.133-14.83-40.13a50.907 50.907 0 0 0-22.524-13.131c-5.525-1.523-10.514-4.562-14.567-8.615l-57.866-57.866.202-.28-16.65-16.65 70.295-70.295a36.237 36.237 0 0 1 9.221-6.681zm18.085 213.654a22.63 22.63 0 0 1-6.307 12.155c-8.886 8.886-23.293 8.886-32.179 0a22.63 22.63 0 0 1-6.307-12.155 22.626 22.626 0 0 1 6.307-12.155c8.886-8.886 23.293-8.886 32.179 0a22.623 22.623 0 0 1 6.307 12.155z"
opacity=".3"
fill="#1a1a1a"
/>
<linearGradient
id="d"
x1="111.278"
x2="410.829"
y1="396.618"
y2="97.058"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c5c5c5" />
<stop offset="1" stop-color="#787878" />
</linearGradient>
<path
d="M408.846 342.548a50.907 50.907 0 0 0-22.524-13.131c-5.525-1.523-10.514-4.562-14.567-8.615L244.05 193.097a34.053 34.053 0 0 1-8.814-15.266l-15.687-58.546a18.974 18.974 0 0 0-13.418-13.417l-56.778-15.214a18.974 18.974 0 0 0-18.328 4.911l-.759.759-2.407-4.041v7.915a2.4 2.4 0 0 0 0 .12v.03l.003-.001c.022.91.373 1.814 1.067 2.508l39.916 39.916c8.886 8.886 8.886 23.293 0 32.179s-23.293 8.886-32.179 0L96.75 135.034a3.673 3.673 0 0 0-5.195 0l-2.095 2.095a18.914 18.914 0 0 0-3.172 4.242h-2.381v9.394h.011c.018 1.566.215 3.141.63 4.692l15.214 56.778a18.974 18.974 0 0 0 13.417 13.417l58.546 15.687a34.053 34.053 0 0 1 15.266 8.814l127.704 127.704c4.18 4.18 7.13 9.396 8.76 15.079 2.479 8.641 7.271 16.756 14.391 23.365 19.993 18.558 51.542 17.989 70.888-1.243 20.105-19.982 20.142-52.48.112-72.51zm-20.112 52.291c-8.886 8.886-23.293 8.886-32.179 0-8.886-8.886-8.886-23.293 0-32.179 8.886-8.886 23.293-8.886 32.179 0 8.886 8.886 8.886 23.293 0 32.179z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="114.453"
x2="410.803"
y1="401.313"
y2="104.953"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#c9c9c9" />
</linearGradient>
<path
d="M219.549 111.417A18.974 18.974 0 0 0 206.132 98l-56.778-15.214a18.977 18.977 0 0 0-18.329 4.911l-2.095 2.095a3.673 3.673 0 0 0 0 5.195l39.916 39.916c8.886 8.886 8.886 23.293 0 32.179-8.886 8.886-23.293 8.886-32.179 0l-39.916-39.916a3.673 3.673 0 0 0-5.195 0l-2.095 2.095a18.974 18.974 0 0 0-4.911 18.329l15.214 56.778a18.974 18.974 0 0 0 13.417 13.417l58.546 15.687a34.053 34.053 0 0 1 15.266 8.814L314.697 369.99c4.18 4.18 7.13 9.396 8.76 15.079 2.479 8.641 7.271 16.757 14.391 23.365 19.993 18.558 51.542 17.989 70.888-1.243 20.103-19.984 20.14-52.482.11-72.512a50.907 50.907 0 0 0-22.524-13.131c-5.525-1.523-10.514-4.562-14.567-8.615L244.05 185.229a34.053 34.053 0 0 1-8.814-15.266l-15.687-58.546zM388.734 386.97c-8.886 8.886-23.293 8.886-32.179 0-8.886-8.886-8.886-23.293 0-32.179s23.293-8.886 32.179 0c8.886 8.886 8.886 23.293 0 32.179z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="115.826"
x2="409.376"
y1="399.936"
y2="106.396"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#b3b3b3" />
</linearGradient>
<path
d="M372.613 419.993c-12.495 0-24.358-4.626-33.405-13.024-6.587-6.114-11.369-13.877-13.83-22.451-1.755-6.121-4.96-11.633-9.268-15.941L188.407 240.873a36.095 36.095 0 0 0-16.163-9.332l-58.546-15.687a17.026 17.026 0 0 1-12.003-12.003l-15.213-56.778a17.024 17.024 0 0 1 4.394-16.397l2.095-2.095c.316-.316.736-.49 1.184-.49.447 0 .867.174 1.183.49l39.916 39.916a24.593 24.593 0 0 0 17.503 7.25 24.591 24.591 0 0 0 17.503-7.25c9.651-9.652 9.651-25.356 0-35.007l-39.916-39.916c-.654-.789-.654-1.578 0-2.367l2.096-2.095a16.865 16.865 0 0 1 12.004-4.973c1.481 0 2.958.195 4.392.579l56.778 15.213a17.024 17.024 0 0 1 12.003 12.003l15.688 58.546a36.097 36.097 0 0 0 9.332 16.163l127.705 127.705c4.398 4.398 9.74 7.555 15.449 9.129a49.151 49.151 0 0 1 21.642 12.616c9.312 9.312 14.429 21.692 14.409 34.86-.02 13.168-5.174 25.534-14.515 34.819-9.224 9.169-21.552 14.219-34.71 14.219l-.004.002zm.032-73.866a24.591 24.591 0 0 0-17.503 7.25c-9.652 9.651-9.652 25.355 0 35.007 4.675 4.676 10.892 7.25 17.503 7.25a24.591 24.591 0 0 0 17.503-7.25c4.676-4.675 7.25-10.891 7.25-17.503s-2.575-12.828-7.25-17.503a24.588 24.588 0 0 0-17.503-7.251z"
fill="url(#f)"
/>
<path
d="m319.155 259.82-.2.27-11.3 15.62-18.09 5.01-5.01 18.1-24.43 24.43-59.83-59.83 24.43-24.43 18.1-5.01 5.01-18.1 15.61-11.3.28-.2z"
opacity=".5"
fill="#666"
/>
<linearGradient
id="g"
x1="166.667"
x2="223.667"
y1="225.877"
y2="168.877"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9a302d" />
<stop offset=".469" stop-color="#bb302d" />
<stop offset="1" stop-color="#81302d" />
</linearGradient>
<path
d="m90.936 393.148 29.36 29.36c8.413 8.413 22.054 8.413 30.467 0l128.721-128.721 5.01-18.097 18.097-5.01 11.5-15.891-55.437-55.437-15.891 11.5-5.01 18.097-18.097 5.01L90.936 362.68c-8.413 8.413-8.413 22.054 0 30.468z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="339.291"
x2="366.311"
y1="366.361"
y2="339.331"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#b3b3b3" />
</linearGradient>
<path
d="M426.705 102.712 410.732 86.74a4.755 4.755 0 0 0-6.42-.279l-45.298 38.047a7.336 7.336 0 0 0-1.823 2.298l-4.908 9.683a36.129 36.129 0 0 1-6.683 9.218l-70.295 70.295 22.137 22.137 70.295-70.295a36.152 36.152 0 0 1 9.219-6.683l9.683-4.908a7.336 7.336 0 0 0 2.298-1.823l38.047-45.298a4.757 4.757 0 0 0-.279-6.42z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="227.128"
x2="283.028"
y1="284.128"
y2="228.218"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#802825" />
<stop offset=".469" stop-color="#a12927" />
<stop offset="1" stop-color="#672624" />
</linearGradient>
<path
d="m237.754 228.949 46.741 46.741-5.01 18.097-59.828-59.828z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="238.679"
x2="294.579"
y1="295.679"
y2="239.779"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5f1e1b" />
<stop offset=".469" stop-color="#80201f" />
<stop offset="1" stop-color="#461a18" />
</linearGradient>
<path
d="m284.495 275.69-46.741-46.741 5.01-18.097 59.828 59.828z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="249.089"
x2="310.089"
y1="310.519"
y2="249.519"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9a302d" />
<stop offset=".469" stop-color="#bb302d" />
<stop offset="1" stop-color="#81302d" />
</linearGradient>
<path
d="m314.092 254.789-55.437-55.437-15.891 11.5 59.828 59.828z"
fill="url(#k)"
/>
<path
d="M95.913 380.784a6.887 6.887 0 0 1 0-9.74L216.107 250.85a6.887 6.887 0 0 1 9.74 0 6.887 6.887 0 0 1 0 9.74L105.653 380.784a6.888 6.888 0 0 1-9.74 0zM114.287 399.157a6.887 6.887 0 0 1 0-9.74l120.194-120.194a6.887 6.887 0 0 1 9.74 0 6.887 6.887 0 0 1 0 9.74L124.027 399.157a6.887 6.887 0 0 1-9.74 0zM132.66 417.531a6.887 6.887 0 0 1 0-9.74l120.194-120.194a6.887 6.887 0 0 1 9.74 0 6.887 6.887 0 0 1 0 9.74L142.401 417.531a6.888 6.888 0 0 1-9.741 0z"
fill="#682323"
/>
</svg>
More icons in the same style and category