Add icons to this collection by clicking the heart icon.
Components icon - also known as two, fabric, layer, shapes and symbols, 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="#f5de7d"
d="M480.868 171.329c18.028 5.614 31.132 22.458 31.132 42.33 0 19.893-13.104 36.716-31.132 42.33C498.896 261.614 512 278.437 512 298.33c0 19.883-13.104 36.716-31.132 42.33C498.896 346.275 512 363.108 512 382.99c0 19.893-13.104 36.716-31.132 42.341 18.028 5.614 31.132 22.437 31.132 42.33 0 24.477-19.852 44.329-44.339 44.329-19.883 0-36.705-13.094-42.33-31.111-5.645 18.018-22.448 31.111-42.33 31.111-19.893 0-36.716-13.094-42.34-31.132-5.615 18.038-22.437 31.132-42.33 31.132s-36.716-13.094-42.33-31.132c-5.625 18.038-22.448 31.132-42.34 31.132-19.883 0-36.705-13.094-42.33-31.132-5.614 18.038-22.437 31.132-42.33 31.132s-36.705-13.094-42.33-31.111c-5.625 18.018-22.448 31.111-42.34 31.111a44.098 44.098 0 0 1-25.384-7.994c-2.132-1.483 1.241-9.755-.593-11.589l16.849-26.528L202.35 216.565 464.179 36.901l32.6-22.37.449-.563c1.823 1.834 5.274 2.845 6.768 4.967A44.125 44.125 0 0 1 512 44.339c0 19.882-13.094 36.705-31.122 42.33C498.896 92.314 512 109.127 512 128.999c0 19.883-13.104 36.706-31.132 42.33z"
/>
<path
fill="#f1ce64"
d="M66.563 506.025A44.106 44.106 0 0 1 44.332 512a44.112 44.112 0 0 1-25.391-7.999c-2.126-1.49-1.003-6.288-2.834-8.119l6.417-18.862 21.9-9.441v.093c0 16.379 8.901 30.698 22.139 38.353z"
/>
<g fill="#f1ce64">
<path
d="M397.097 178.996h21.686v21.686a7.726 7.726 0 1 0 15.452 0v-21.686h21.686a7.726 7.726 0 1 0 0-15.452h-21.686v-21.686a7.726 7.726 0 1 0-15.452 0v21.686h-21.686a7.726 7.726 0 1 0 0 15.452zM455.921 290.328h-21.686v-21.686a7.726 7.726 0 1 0-15.452 0v21.686h-21.686a7.726 7.726 0 1 0 0 15.452h21.686v21.686a7.726 7.726 0 1 0 15.452 0V305.78h21.686a7.726 7.726 0 1 0 0-15.452zM329.136 290.328H307.45v-21.686a7.726 7.726 0 1 0-15.452 0v21.686h-21.686a7.726 7.726 0 1 0 0 15.452h21.686v21.686a7.726 7.726 0 1 0 15.452 0V305.78h21.686a7.726 7.726 0 1 0 0-15.452zM455.921 417.113h-21.686v-21.686a7.726 7.726 0 1 0-15.452 0v21.686h-21.686a7.726 7.726 0 1 0 0 15.452h21.686v21.686a7.726 7.726 0 1 0 15.452 0v-21.686h21.686a7.726 7.726 0 1 0 0-15.452zM202.351 417.113h-21.686v-21.686a7.726 7.726 0 1 0-15.452 0v21.686h-21.686a7.726 7.726 0 1 0 0 15.452h21.686v21.686a7.726 7.726 0 1 0 15.452 0v-21.686h21.686a7.726 7.726 0 1 0 0-15.452zM329.136 417.113H307.45v-21.686a7.726 7.726 0 1 0-15.452 0v21.686h-21.686a7.726 7.726 0 1 0 0 15.452h21.686v21.686a7.726 7.726 0 1 0 15.452 0v-21.686h21.686a7.726 7.726 0 1 0 0-15.452z"
/>
</g>
<path
fill="#dd646e"
d="M496.779 14.531 332.934 179.066 262.16 249.84l-13.897 13.887L16.107 495.882c-1.823-1.823-6.609-.685-8.103-2.807A44.21 44.21 0 0 1 0 467.651c0-14 6.49-26.486 16.617-34.593a43.907 43.907 0 0 1 14.515-7.737 44.07 44.07 0 0 1-14.484-7.716C6.5 409.487 0 397.001 0 382.98c0-13.99 6.49-26.476 16.627-34.594a44.117 44.117 0 0 1 14.505-7.726 44.117 44.117 0 0 1-14.505-7.726C6.49 324.816 0 312.33 0 298.33c0-14.01 6.49-26.496 16.627-34.604a44.143 44.143 0 0 1 14.505-7.737 43.903 43.903 0 0 1-14.484-7.716C6.5 240.166 0 227.68 0 213.659c0-13.99 6.49-26.486 16.627-34.593a44.143 44.143 0 0 1 14.505-7.737 44.088 44.088 0 0 1-14.484-7.716C6.5 155.495 0 143.01 0 129.01c0-14.011 6.5-26.496 16.637-34.614a44.227 44.227 0 0 1 14.484-7.736 44.166 44.166 0 0 1-14.473-7.717C6.5 70.825 0 58.339 0 44.329 0 19.841 19.852 0 44.329 0c13.135 0 24.93 5.707 33.038 14.773a44.35 44.35 0 0 1 9.303 16.359 44.22 44.22 0 0 1 6.15-12.414C100.844 7.397 114.051 0 128.999 0c13.135 0 24.93 5.707 33.038 14.773a44.311 44.311 0 0 1 9.292 16.359 44.388 44.388 0 0 1 6.16-12.434C185.525 7.386 198.732 0 213.66 0c13.135 0 24.941 5.707 33.048 14.783A44.115 44.115 0 0 1 256 31.132a44.006 44.006 0 0 1 6.16-12.444C270.196 7.376 283.393 0 298.33 0c13.124 0 24.92 5.707 33.028 14.763a44.02 44.02 0 0 1 9.303 16.369 44.22 44.22 0 0 1 6.15-12.414C354.846 7.397 368.053 0 383.001 0c13.124 0 24.91 5.707 33.028 14.763a44.31 44.31 0 0 1 9.303 16.369 44.22 44.22 0 0 1 6.15-12.414C439.506 7.397 452.723 0 467.661 0c9.457 0 18.224 2.957 25.415 8.005 2.122 1.493 1.879 4.703 3.703 6.526z"
/>
<path
fill="#da515d"
d="M44.424 298.336c0 19.882 13.104 36.705 31.132 42.319-18.028 5.615-31.132 22.457-31.132 42.34 0 19.893 13.104 36.715 31.132 42.34-17.997 5.604-31.09 22.396-31.132 42.237l-31.43 31.43C4.969 490.998.004 479.913.004 467.664c0-19.882 13.083-36.715 31.132-42.329C13.088 419.71.004 402.888.004 382.995c0-19.883 13.083-36.725 31.132-42.34C13.088 335.04.004 318.218.004 298.336c0-19.892 13.083-36.715 31.132-42.34C13.088 250.382.004 233.549.004 213.666c0-19.882 13.083-36.705 31.132-42.319C13.088 165.712.004 148.89.004 129.007c0-19.893 13.083-36.694 31.111-42.35C13.087 81.043.004 64.221.004 44.338.004 19.851 19.855.01 44.332.01c8.097 0 15.689 2.163 22.231 5.975-13.238 7.644-22.138 21.953-22.138 38.353 0 19.882 13.104 36.705 31.111 42.319-18.007 5.656-31.111 22.458-31.111 42.35 0 19.882 13.104 36.705 31.132 42.34-18.028 5.615-31.132 22.437-31.132 42.319s13.104 36.715 31.132 42.33c-18.029 5.625-31.133 22.448-31.133 42.34z"
/>
<path
fill="#ce4154"
d="M425.331 31.132a44.28 44.28 0 0 0-9.303-16.369v64.18H346.81V18.718a44.22 44.22 0 0 0-6.15 12.414 44.004 44.004 0 0 0-9.303-16.369v64.18H262.16V18.688A44.032 44.032 0 0 0 256 31.132a44.137 44.137 0 0 0-9.292-16.349v64.159H177.49V18.698a44.375 44.375 0 0 0-6.16 12.434 44.317 44.317 0 0 0-9.292-16.359v64.17H92.819V18.718a44.22 44.22 0 0 0-6.15 12.414 44.327 44.327 0 0 0-9.303-16.359v64.17H16.648a44.131 44.131 0 0 0 14.474 7.716 44.235 44.235 0 0 0-14.484 7.736h60.729v69.218H16.648a44.098 44.098 0 0 0 14.484 7.716 44.143 44.143 0 0 0-14.505 7.737h60.739v69.207H16.648a43.913 43.913 0 0 0 14.484 7.716 44.143 44.143 0 0 0-14.505 7.737h60.739v69.207H16.627a44.117 44.117 0 0 0 14.505 7.726 44.135 44.135 0 0 0-14.505 7.726h60.739v69.218H16.648a44.098 44.098 0 0 0 14.484 7.716 43.897 43.897 0 0 0-14.515 7.737h70.052v-6.15h6.15v-78.52h78.52v-6.15h6.15v-78.51H256v-6.15h6.16v-78.51h78.5v-6.15h6.15V94.395h78.52v-6.15h6.15V18.718a44.243 44.243 0 0 0-6.149 12.414zM162.037 332.934H92.819v-69.207h69.218zm0-84.66H92.819v-69.207h69.218zm0-84.661H92.819V94.395h69.218zm84.671 84.661H177.49v-69.207h69.218zm0-84.661H177.49V94.395h69.218zm84.65 0H262.16V94.395h69.197v69.218z"
/>
<path
fill="#ecf7f7"
d="m503.995 18.935-485.05 485.06a43.688 43.688 0 0 1-5.954-4.986v-.011a45.004 45.004 0 0 1-4.986-5.924l27.197-27.197L464.179 36.901l28.897-28.897a45.147 45.147 0 0 1 5.934 4.986v.011a45.8 45.8 0 0 1 4.985 5.934z"
/>
</svg>
More icons in the same style and category