Add icons to this collection by clicking the heart icon.
Components icon - also known as mechanic, tools, gear, cogwheel, cog, construction and tools, and components. Created in a clean flat 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 512 512"
>
<path
fill="#cbc4cc"
d="M262.952 338.042c0-1.478.796-2.855 2.076-3.595l79.485-45.891v-23.217a7.211 7.211 0 0 0-7.211-7.211h-36.728c-3.252 0-6.072-2.186-6.954-5.316a125.315 125.315 0 0 0-11.279-27.246c-1.59-2.839-1.145-6.38 1.157-8.681l25.965-25.965a7.211 7.211 0 0 0 0-10.198l-30.805-30.805a7.211 7.211 0 0 0-10.198 0l-25.965 25.965c-2.301 2.301-5.842 2.747-8.681 1.157a125.315 125.315 0 0 0-27.246-11.279c-3.13-.882-5.316-3.702-5.316-6.954v-36.728a7.211 7.211 0 0 0-7.211-7.211h-43.565a7.211 7.211 0 0 0-7.211 7.211v36.728c0 3.252-2.186 6.072-5.316 6.954a125.315 125.315 0 0 0-27.246 11.279c-2.839 1.59-6.38 1.145-8.681-1.157l-25.965-25.965a7.211 7.211 0 0 0-10.198 0L35.05 180.721a7.211 7.211 0 0 0 0 10.198l25.965 25.965c2.301 2.301 2.747 5.842 1.157 8.681a125.315 125.315 0 0 0-11.279 27.246c-.882 3.13-3.702 5.316-6.954 5.316H7.211A7.211 7.211 0 0 0 0 265.338v43.565a7.211 7.211 0 0 0 7.211 7.211h36.728c3.252 0 6.072 2.186 6.954 5.316a125.315 125.315 0 0 0 11.279 27.246c1.59 2.839 1.145 6.38-1.157 8.681L35.05 383.325a7.211 7.211 0 0 0 0 10.198l30.805 30.805a7.211 7.211 0 0 0 10.198 0l25.965-25.965c2.301-2.301 5.842-2.747 8.681-1.157a125.335 125.335 0 0 0 27.246 11.279c3.13.882 5.316 3.702 5.316 6.954v36.728a7.211 7.211 0 0 0 7.211 7.211h43.565a7.211 7.211 0 0 0 7.211-7.211v-36.728c0-3.252 2.186-6.072 5.316-6.954a125.315 125.315 0 0 0 27.246-11.279c2.839-1.59 6.38-1.145 8.681 1.157l20.458 20.458v-80.779z"
/>
<path
fill="#b5adb6"
d="M107.137 337.964c-10.982-14.035-17.553-31.68-17.553-50.842s6.571-36.807 17.553-50.842c15.443-43.735 50.245-78.329 94.113-93.492v-20.711a7.211 7.211 0 0 0-7.211-7.211h-43.565a7.211 7.211 0 0 0-7.211 7.211v36.728c0 3.252-2.186 6.072-5.316 6.954a125.315 125.315 0 0 0-27.246 11.279c-2.839 1.59-6.38 1.145-8.681-1.157l-25.965-25.965a7.211 7.211 0 0 0-10.198 0L35.05 180.721a7.211 7.211 0 0 0 0 10.198l25.965 25.965c2.301 2.301 2.747 5.842 1.157 8.681a125.315 125.315 0 0 0-11.279 27.246c-.882 3.13-3.702 5.317-6.954 5.317H7.211A7.211 7.211 0 0 0 0 265.339v43.565a7.211 7.211 0 0 0 7.211 7.211h36.728c3.252 0 6.072 2.186 6.954 5.316a125.315 125.315 0 0 0 11.279 27.246c1.59 2.839 1.145 6.38-1.157 8.681L35.05 383.325a7.211 7.211 0 0 0 0 10.198l30.805 30.805a7.211 7.211 0 0 0 10.198 0l25.965-25.965c2.301-2.301 5.842-2.747 8.681-1.157a125.335 125.335 0 0 0 27.246 11.279c3.13.882 5.316 3.702 5.316 6.954v36.728a7.211 7.211 0 0 0 7.211 7.211h43.565a7.211 7.211 0 0 0 7.211-7.211v-20.711c-43.866-15.163-78.668-49.757-94.111-93.492z"
/>
<circle cx="172.257" cy="287.122" r="75.173" fill="#ffbd86" />
<path
fill="#f6a96c"
d="M131.409 287.122c0-35.609 24.768-65.414 58.01-73.181a75.303 75.303 0 0 0-17.163-1.992c-41.517 0-75.173 33.656-75.173 75.173s33.656 75.173 75.173 75.173c5.908 0 11.648-.703 17.163-1.992-33.242-7.768-58.01-37.572-58.01-73.181z"
/>
<path
fill="#e2dee2"
d="M172.256 369.794c-45.586 0-82.672-37.087-82.672-82.673s37.086-82.672 82.672-82.672 82.673 37.086 82.673 82.672-37.087 82.673-82.673 82.673zm0-150.345c-37.314 0-67.672 30.358-67.672 67.672 0 37.315 30.358 67.673 67.672 67.673 37.315 0 67.673-30.358 67.673-67.673 0-37.314-30.358-67.672-67.673-67.672z"
/>
<circle cx="172.257" cy="287.122" r="32.913" fill="#fff" />
<path
fill="#f3f0f3"
d="M165.344 287.122c0-13.559 8.202-25.2 19.913-30.241a32.797 32.797 0 0 0-13-2.672c-18.177 0-32.913 14.736-32.913 32.913s14.736 32.913 32.913 32.913c4.618 0 9.012-.955 13-2.672-11.711-5.041-19.913-16.682-19.913-30.241z"
/>
<path
fill="#f6a96c"
d="M512 153.137V132.82a5.15 5.15 0 0 0-5.151-5.151h-17.044c-2.296 0-4.29-1.528-4.945-3.73a66.122 66.122 0 0 0-5.225-12.622c-1.094-2.021-.767-4.512.858-6.138l12.049-12.049a5.15 5.15 0 0 0 0-7.284L478.176 71.48a5.15 5.15 0 0 0-7.284 0l-12.049 12.05c-1.625 1.625-4.116 1.952-6.138.858a66.186 66.186 0 0 0-12.622-5.225c-2.201-.655-3.73-2.648-3.73-4.945V57.175a5.15 5.15 0 0 0-5.151-5.151h-20.317a5.15 5.15 0 0 0-5.151 5.151v17.044c0 2.296-1.528 4.29-3.73 4.945a66.122 66.122 0 0 0-12.622 5.225c-2.021 1.094-4.512.767-6.138-.858l-12.049-12.049a5.15 5.15 0 0 0-7.284 0l-14.366 14.366a5.15 5.15 0 0 0 0 7.284l12.049 12.049c1.625 1.625 1.952 4.116.858 6.138a66.186 66.186 0 0 0-5.225 12.622c-.655 2.201-2.648 3.73-4.945 3.73h-17.044a5.15 5.15 0 0 0-5.151 5.151v20.317a5.15 5.15 0 0 0 5.151 5.151h17.044c2.296 0 4.29 1.528 4.945 3.73a66.122 66.122 0 0 0 5.225 12.622c1.094 2.021.767 4.512-.858 6.138l-12.049 12.049a5.15 5.15 0 0 0 0 7.284l14.366 14.366a5.15 5.15 0 0 0 7.284 0l12.049-12.049c1.625-1.625 4.116-1.952 6.138-.858a66.186 66.186 0 0 0 12.622 5.225c2.201.655 3.73 2.648 3.73 4.945v17.044a5.15 5.15 0 0 0 5.151 5.151h20.317a5.15 5.15 0 0 0 5.151-5.151v-17.044c0-2.296 1.528-4.29 3.73-4.945a66.122 66.122 0 0 0 12.622-5.225c2.021-1.094 4.512-.767 6.138.858l12.049 12.049a5.15 5.15 0 0 0 7.284 0l14.366-14.366a5.15 5.15 0 0 0 0-7.284l-12.049-12.049c-1.625-1.625-1.952-4.116-.858-6.138a66.186 66.186 0 0 0 5.225-12.622c.655-2.201 2.648-3.73 4.945-3.73h17.044a5.154 5.154 0 0 0 5.151-5.153z"
/>
<path
fill="#ea9b58"
d="M388.893 142.979c0-30.964 20.159-57.204 48.063-66.356a5.085 5.085 0 0 1-.602-2.404V57.175a5.15 5.15 0 0 0-5.151-5.151h-20.316a5.15 5.15 0 0 0-5.151 5.151v17.044c0 2.297-1.529 4.29-3.73 4.945a66.122 66.122 0 0 0-12.622 5.225c-2.021 1.094-4.513.767-6.138-.858l-12.049-12.049a5.15 5.15 0 0 0-7.285 0l-14.366 14.366a5.153 5.153 0 0 0 0 7.285l12.049 12.049c1.625 1.625 1.952 4.116.858 6.137a66.186 66.186 0 0 0-5.225 12.622c-.655 2.201-2.648 3.729-4.945 3.729h-17.044a5.15 5.15 0 0 0-5.151 5.151v20.317a5.15 5.15 0 0 0 5.151 5.151h17.044c2.296 0 4.29 1.529 4.945 3.73a66.122 66.122 0 0 0 5.225 12.622c1.094 2.021.767 4.513-.858 6.138l-12.049 12.049a5.15 5.15 0 0 0 0 7.284l14.366 14.366a5.15 5.15 0 0 0 7.285 0l12.049-12.049c1.625-1.625 4.116-1.952 6.138-.858a66.122 66.122 0 0 0 12.622 5.225c2.201.655 3.73 2.648 3.73 4.945v17.044a5.15 5.15 0 0 0 5.151 5.151h20.316a5.15 5.15 0 0 0 5.151-5.151v-17.044c0-.862.216-1.682.602-2.404-27.904-9.154-48.063-35.394-48.063-66.358z"
/>
<circle cx="421.045" cy="142.979" r="28.629" fill="#fff" />
<path
fill="#f3f0f3"
d="M418.769 142.979c0-11.058 6.274-20.646 15.453-25.414a28.488 28.488 0 0 0-13.176-3.215c-15.811 0-28.629 12.818-28.629 28.629s12.818 28.629 28.629 28.629c4.753 0 9.231-1.165 13.176-3.215-9.179-4.769-15.453-14.356-15.453-25.414z"
/>
<path
fill="#ffbd86"
d="M421.045 179.107c-19.921 0-36.128-16.207-36.128-36.128s16.207-36.129 36.128-36.129c19.922 0 36.129 16.208 36.129 36.129s-16.207 36.128-36.129 36.128zm0-57.257c-11.65 0-21.128 9.479-21.128 21.129s9.478 21.128 21.128 21.128 21.129-9.478 21.129-21.128-9.479-21.129-21.129-21.129z"
/>
<circle cx="281.368" cy="51.121" r="47.498" fill="#7a6d79" />
<path
fill="#685e68"
d="M268.362 51.121c0-20.146 12.549-37.351 30.252-44.255a47.347 47.347 0 0 0-17.246-3.243c-26.233 0-47.498 21.266-47.498 47.498 0 26.233 21.266 47.498 47.498 47.498a47.347 47.347 0 0 0 17.246-3.243c-17.703-6.904-30.252-24.109-30.252-44.255z"
/>
<path
fill="#433f43"
d="M303.498 43.621h-14.63v-14.63c0-4.142-3.357-7.5-7.5-7.5s-7.5 3.358-7.5 7.5v14.63h-14.63a7.5 7.5 0 0 0 0 15h14.63v14.63c0 4.142 3.357 7.5 7.5 7.5s7.5-3.358 7.5-7.5v-14.63h14.63c4.143 0 7.5-3.358 7.5-7.5s-3.357-7.5-7.5-7.5z"
/>
<path
fill="#7a6d79"
d="M261.952 338.042v110.123c0 1.84.982 3.541 2.575 4.461l95.369 55.061c1.594.92 3.557.92 5.151 0l95.369-55.061a5.15 5.15 0 0 0 2.575-4.461V338.042c0-1.84-.982-3.541-2.575-4.461l-95.369-55.061a5.152 5.152 0 0 0-5.151 0l-95.369 55.061a5.154 5.154 0 0 0-2.575 4.461z"
/>
<path
fill="#685e68"
d="M293.679 466.85V353.99a5.28 5.28 0 0 1 2.639-4.572l95.765-55.29-27.036-15.609a5.152 5.152 0 0 0-5.151 0l-95.369 55.061a5.15 5.15 0 0 0-2.575 4.461v110.123c0 1.84.982 3.541 2.575 4.461l30.282 17.483a5.274 5.274 0 0 1-1.13-3.258z"
/>
<circle cx="362.472" cy="393.104" r="56.296" fill="#f6a96c" />
<path
fill="#ea9b58"
d="M341.202 393.104c0-24.975 16.269-46.138 38.783-53.504a56.215 56.215 0 0 0-17.513-2.792c-31.091 0-56.296 25.205-56.296 56.296 0 31.092 25.205 56.296 56.296 56.296a56.21 56.21 0 0 0 17.513-2.792c-22.513-7.366-38.783-28.529-38.783-53.504z"
/>
<circle cx="362.472" cy="393.104" r="28.481" fill="#fff" />
<path
fill="#f3f0f3"
d="M355.928 393.104c0-11.842 7.229-21.994 17.513-26.289a28.395 28.395 0 0 0-10.968-2.192c-15.73 0-28.481 12.751-28.481 28.481s12.751 28.481 28.481 28.481c3.888 0 7.592-.781 10.968-2.192-10.285-4.295-17.513-14.447-17.513-26.289z"
/>
</svg>
More icons in the same style and category