Add icons to this collection by clicking the heart icon.
Controller icon - also known as controller, electronics, home automation, climatization, and domotics. 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 512 512"
>
<linearGradient
id="c"
x1="35.432"
x2="486.571"
y1="476.568"
y2="25.429"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#560dff" />
<stop offset="1" stop-color="#73ecff" />
</linearGradient>
<radialGradient
id="d"
cx="257.014"
cy="256"
r="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#663deb" />
<stop offset=".12" stop-color="#6344ea" stop-opacity=".874" />
<stop offset=".299" stop-color="#5a59e8" stop-opacity=".687" />
<stop offset=".515" stop-color="#4b7ae4" stop-opacity=".46" />
<stop offset=".757" stop-color="#38a7e0" stop-opacity=".207" />
<stop offset=".954" stop-color="#25d2db" stop-opacity="0" />
</radialGradient>
<linearGradient
id="e"
x1="-112.73"
x2="298.934"
y1="493.877"
y2="82.213"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4dfae6" />
<stop offset=".111" stop-color="#54fae7" />
<stop offset=".278" stop-color="#69fbea" />
<stop offset=".478" stop-color="#8afcef" />
<stop offset=".705" stop-color="#b8fdf5" />
<stop offset=".951" stop-color="#f2fffd" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="f"
x1="-21.18"
x2="438.466"
y1="547.56"
y2="87.915"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a3ffe0" />
<stop offset=".175" stop-color="#aaffe2" />
<stop offset=".436" stop-color="#bfffe9" />
<stop offset=".75" stop-color="#dffff4" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="g"
x1="124.288"
x2="387.713"
y1="225.25"
y2="225.25"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3ca1ff" />
<stop offset=".079" stop-color="#3eaafc" />
<stop offset=".59" stop-color="#49e4ec" />
<stop offset=".835" stop-color="#4dfae6" />
<stop offset=".888" stop-color="#65fbe4" />
<stop offset=".999" stop-color="#a2ffe0" />
<stop offset="1" stop-color="#a3ffe0" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#003296" />
<stop offset="1" stop-color="#92c9ff" />
</linearGradient>
<linearGradient
id="h"
x1="80.913"
x2="348.451"
y1="358.792"
y2="91.254"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="50.963"
x2="354.54"
y1="401.281"
y2="97.704"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#4dfae6" />
<stop offset=".232" stop-color="#72fbeb" />
<stop offset=".745" stop-color="#cffef8" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="j"
x1="167.91"
x2="352.127"
y1="413.939"
y2="229.722"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="212.91"
x2="352.868"
y1="368.934"
y2="228.976"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="220.452"
x2="306.448"
y1="361.67"
y2="275.674"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3ca1ff" />
<stop offset=".549" stop-color="#77d7ed" />
<stop offset="1" stop-color="#a3ffe0" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#c)" />
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<path
fill="url(#e)"
d="M112.5 96.786c-8.276.381-15.333 7.439-15.715 15.714a3171.37 3171.37 0 0 0 0 287c.382 8.276 7.438 15.333 15.715 15.714 10 .453 20 .858 30 1.216a4537.139 4537.139 0 0 1 0-320.861c-10 .358-20 .764-30 1.217z"
/>
<path
fill="url(#f)"
d="M399.5 415.214a3171.05 3171.05 0 0 1-257 1.216c-8.276-.302-15.269-7.353-15.579-15.701a3979.67 3979.67 0 0 1-2.63-139.587c10.223-20.78 20.615-41.72 31.062-62.764-9.98-21.634-19.752-43.125-29.193-64.416.232-7.564.486-15.128.761-22.693.311-8.349 7.303-15.399 15.579-15.701a3171.507 3171.507 0 0 1 257 1.216c8.276.381 15.333 7.439 15.715 15.714a3171.37 3171.37 0 0 1 0 287c-.382 8.278-7.439 15.335-15.715 15.716z"
/>
<path
fill="url(#g)"
d="M124.291 261.143c-.055-42.393.568-84.786 1.869-127.179.129-4.176 3.627-7.674 7.804-7.803a3978.742 3978.742 0 0 1 244.073 0c4.176.129 7.674 3.628 7.804 7.803a3977.574 3977.574 0 0 1 1.869 127.179 7.545 7.545 0 0 1-2.633 5.697 10239.267 10239.267 0 0 0-67.856 59.127c-40.813.327-81.626.327-122.44 0a10210.076 10210.076 0 0 0-67.856-59.127 7.539 7.539 0 0 1-2.634-5.697z"
/>
<path
fill="url(#h)"
d="M155.989 155.989a5254.84 5254.84 0 0 0-.911 79.599c58.951-.227 117.902-.255 176.853-.084-59.03-26.814-118.029-54.093-175.942-79.515z"
/>
<path
fill="url(#i)"
d="M155.989 155.989c43.335 49.766 108.255 79.428 175.941 79.515 8.331.024 16.662.052 24.993.084a5267.944 5267.944 0 0 0-.911-79.599 5255.165 5255.165 0 0 0-200.023 0z"
/>
<path
fill="url(#j)"
d="M317.22 325.967c-.346 33.792-27.9 61.725-61.22 61.745-33.32-.019-60.873-27.954-61.22-61.745-.297-33.801 27.256-61.225 61.22-61.255 33.963.03 61.517 27.455 61.22 61.255z"
/>
<path
fill="url(#k)"
d="M271.183 372.312c-33.451.102-60.956-27.726-61.18-61.582-.063-13.029 3.978-25.085 10.902-35.023-15.933 11.086-26.3 29.429-26.125 50.26.346 33.792 27.9 61.725 61.22 61.745 20.559.004 38.795-10.623 49.965-26.64-9.925 7.019-21.893 11.199-34.782 11.24z"
/>
<path
fill="url(#l)"
d="M286.61 326.151c-.084 16.96-13.806 30.81-30.61 30.811-16.804-.002-30.526-13.851-30.61-30.811-.077-16.962 13.645-30.683 30.61-30.689 16.965.004 30.687 13.726 30.61 30.689z"
/>
</svg>
More icons in the same style and category