Add icons to this collection by clicking the heart icon.
Techno icon - also known as quaver, circle, disc, music and multimedia, and techno. Created in a clean lineal color 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c-4.143 64.928-29.609 124.415-69.992 168.897l-5.592 4.358-4.813 6.447C-123.854 222.237-182.122 248.5-248.5 248.5c-65.814 0-125.653-25.585-170.112-67.352C-466.863 135.818-491.19 71.428-491.19 0c0-137.243 105.447-242.404 242.69-242.404 52.906 0 102.81 12.293 144.203 40.51 14.515 9.895 40.408 31.951 40.408 31.951C-21.2-125.459 4.188-65.651 0 0"
transform="translate(504.275 256)"
fill="#6f6571"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-46.48-50.92-115.16-83.04-188.8-83.04-137.25 0-248.5 111.26-248.5 248.5 0 72.69 31.21 138.09 80.96 183.54-40.35-44.19-64.96-102.99-64.96-167.54 0-137.24 111.25-248.5 248.5-248.5C-107.2-67.04-45.54-41.56 0 0"
transform="translate(444.58 90.54)"
fill="#635a63"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 120.692-97.841 218.532-218.532 218.532-120.693 0-218.532-97.84-218.532-218.532 0-120.692 97.839-218.532 218.532-218.532C-97.841-218.532 0-120.692 0 0"
transform="translate(474.308 256)"
fill="#ff6e96"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 103.636-84.013 187.649-187.648 187.649-103.636 0-187.65-84.013-187.65-187.649s84.014-187.649 187.65-187.649C-84.013-187.649 0-103.636 0 0"
transform="translate(443.424 256)"
fill="#fff082"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 87.537-70.963 158.5-158.5 158.5S-317 87.537-317 0s70.963-158.5 158.5-158.5S0-87.537 0 0"
transform="translate(414.275 256)"
fill="#c8ff82"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 71.063-57.607 128.67-128.67 128.67-71.062 0-128.67-57.607-128.67-128.67 0-71.063 57.608-128.67 128.67-128.67C-57.607-128.67 0-71.063 0 0"
transform="translate(384.445 256)"
fill="#00c3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 54.33-44.043 98.373-98.372 98.373-54.33 0-98.372-44.043-98.372-98.373 0-54.33 44.042-98.373 98.372-98.373C-44.043-98.373 0-54.33 0 0"
transform="translate(354.147 256)"
fill="#ad7fdd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-7.105-6.512-12.865-14.544-12.865S-29.088-7.105-29.088 0s6.512 12.865 14.544 12.865S0 7.105 0 0"
transform="translate(232.273 228.002)"
fill="#f9f8f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-7.105-6.512-12.865-14.544-12.865S-29.088-7.105-29.088 0s6.512 12.865 14.544 12.865S0 7.105 0 0"
transform="translate(298.815 239.536)"
fill="#f9f8f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-63.286-45.043-104.563-118.998-104.563-202.594 0-137.242 111.256-248.5 248.5-248.5 137.243 0 248.5 111.258 248.5 248.5 0 137.243-111.257 248.5-248.5 248.5-41.054 0-79.782-9.955-113.903-27.583"
transform="translate(112.064 458.594)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c45.869 18.873 82.656 55.316 101.98 100.951"
transform="translate(327.677 81.606)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a216.745 216.745 0 0 1-35.013-10.409"
transform="translate(211.361 469.937)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a217.085 217.085 0 0 1-61.893 16.408"
transform="translate(342.463 456.726)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c68.573 2.711 123.334 59.16 123.334 128.398v.5h28"
transform="translate(261.166 127.602)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-28c-70.714-.298-128-57.716-128-128.5 0-60.817 42.25-111.767 99-125.098"
transform="translate(255.5 412.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-28l-.001.056C-28.301 103.906-112.58 188-216.5 188-320.605 188-405 103.605-405-.5c0-103.932 84.113-188.219 187.98-188.5l.02 29"
transform="translate(472.5 256.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 41.717 41.718"
transform="translate(325.144 326.144)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c34.889 38.721 56.124 89.985 56.124 146.209 0 60.591-24.663 115.422-64.498 155.002l20.212 20.212"
transform="translate(418.376 109.791)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c35.802-71.807 109.971-121.133 195.66-121.133 51.867 0 99.514 18.072 136.986 48.263"
transform="translate(60.34 158.633)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-26.402 50.814-79.517 85.523-140.737 85.523-43.769 0-83.394-17.741-112.076-46.424l-42.427 42.427c-39.541-39.541-63.997-94.166-63.997-154.503 0-6.422.277-12.779.819-19.06"
transform="translate(396.737 328.977)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c25.884 28.21 41.683 65.824 41.683 107.127 0 13.888-1.787 27.358-5.142 40.194"
transform="translate(372.817 148.873)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 20.925 20.925C49.646-8.053 89.478-26 133.5-26c19.533 0 38.241 3.534 55.52 9.996"
transform="translate(122.5 123.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-10.621-15.721-16.822-34.672-16.822-55.072 0-26.946 10.819-51.365 28.351-69.149l-21.207-21.207"
transform="translate(174.322 311.072)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-21.205 21.206C-3.381 39.03 7.645 63.655 7.645 90.855c0 54.4-44.1 98.5-98.5 98.5-10.462 0-20.542-1.63-30.001-4.652"
transform="translate(346.856 165.144)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-7.105-6.512-12.865-14.544-12.865S-29.088-7.105-29.088 0s6.512 12.865 14.544 12.865S0 7.105 0 0Z"
transform="translate(232.273 228.002)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-7.105-6.512-12.865-14.544-12.865S-29.088-7.105-29.088 0s6.512 12.865 14.544 12.865S0 7.105 0 0Z"
transform="translate(298.815 239.536)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v56.477c0 1.222.832 2.287 2.018 2.583l61.217 15.276a2.662 2.662 0 0 0 3.306-2.583V11.282"
transform="translate(232.273 228.446)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-7.995-18.903-12.416-39.686-12.416-61.501 0-9.453.83-18.711 2.421-27.707"
transform="translate(110.416 317.501)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category