Add icons to this collection by clicking the heart icon.
Controller icon - also known as temperature, controller, electronics, thermostat, smart home, home automation, temperature control, internet of things, and smarthome. Created in a clean lineal 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="a"
x1="-72.385"
x2="429.732"
y1="408.385"
y2="-93.732"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-81.329"
x2="420.788"
y1="399.441"
y2="-102.676"
href="#a"
/>
<linearGradient
id="c"
x1="-90.274"
x2="411.843"
y1="390.496"
y2="-111.621"
href="#a"
/>
<linearGradient
id="d"
x1="29.269"
x2="531.386"
y1="510.039"
y2="7.922"
href="#a"
/>
<linearGradient
id="e"
x1="51.615"
x2="553.732"
y1="532.385"
y2="30.268"
href="#a"
/>
<linearGradient
id="f"
x1="35.615"
x2="537.732"
y1="516.385"
y2="14.268"
href="#a"
/>
<linearGradient
id="g"
x1="23.615"
x2="525.732"
y1="504.385"
y2="2.268"
href="#a"
/>
<linearGradient
id="h"
x1="105.615"
x2="607.732"
y1="586.385"
y2="84.268"
href="#a"
/>
<linearGradient
id="i"
x1="41.615"
x2="543.732"
y1="522.385"
y2="20.268"
href="#a"
/>
<linearGradient
id="j"
x1="169.615"
x2="671.732"
y1="650.385"
y2="148.268"
href="#a"
/>
<linearGradient
id="k"
x1="-74.385"
x2="427.732"
y1="406.385"
y2="-95.732"
href="#a"
/>
<linearGradient
id="l"
x1="-42.385"
x2="459.732"
y1="438.385"
y2="-63.732"
href="#a"
/>
<linearGradient
id="m"
x1="-28.385"
x2="473.732"
y1="452.385"
y2="-49.732"
href="#a"
/>
<linearGradient
id="n"
x1="55.615"
x2="557.732"
y1="536.385"
y2="34.268"
href="#a"
/>
<linearGradient
id="o"
x1="91.615"
x2="593.732"
y1="572.385"
y2="70.268"
href="#a"
/>
<linearGradient
id="p"
x1="127.615"
x2="629.732"
y1="608.385"
y2="106.268"
href="#a"
/>
<linearGradient
id="q"
x1="-32.385"
x2="469.732"
y1="448.385"
y2="-53.732"
href="#a"
/>
<circle cx="256" cy="80" r="8" fill="url(#a)" />
<path
fill="url(#b)"
d="M272 70.111a8 8 0 0 0 5.338-13.961 32 32 0 0 0-42.672 0 8 8 0 0 0 10.671 11.922 16 16 0 0 1 21.33 0A7.973 7.973 0 0 0 272 70.111z"
/>
<path
fill="url(#c)"
d="M229.335 50.184a40 40 0 0 1 53.33 0 8 8 0 1 0 10.67-11.922 56 56 0 0 0-74.67 0 8 8 0 1 0 10.67 11.922z"
/>
<path
fill="url(#d)"
d="M264 360a40 40 0 0 0 24-72v-80a24 24 0 0 0-48 0v80a40 40 0 0 0 24 72zm-11.994-60.8a8 8 0 0 0 3.994-6.92V208a8 8 0 1 1 16 0v84.28a8 8 0 0 0 3.994 6.925 24 24 0 1 1-23.988 0z"
/>
<circle cx="264" cy="320" r="8" fill="url(#e)" />
<path
fill="url(#f)"
d="M476 104H36a28.031 28.031 0 0 0-28 28v328a28.031 28.031 0 0 0 28 28h440a28.031 28.031 0 0 0 28-28V132a28.031 28.031 0 0 0-28-28zm12 356a12.01 12.01 0 0 1-12 12H36a12.01 12.01 0 0 1-12-12V132a12.01 12.01 0 0 1 12-12h440a12.01 12.01 0 0 1 12 12z"
/>
<path
fill="url(#g)"
d="M456 144H56a8 8 0 0 0-8 8v240a8 8 0 0 0 8 8h400a8 8 0 0 0 8-8V152a8 8 0 0 0-8-8zm-8 240H64V160h384z"
/>
<path
fill="url(#h)"
d="M288 416h-64a8 8 0 0 0-8 8v24a8 8 0 0 0 8 8h64a8 8 0 0 0 8-8v-24a8 8 0 0 0-8-8zm-8 24h-48v-8h48z"
/>
<path
fill="url(#i)"
d="M160 416H96a8 8 0 0 0-8 8v24a8 8 0 0 0 8 8h64a8 8 0 0 0 8-8v-24a8 8 0 0 0-8-8zm-8 24h-48v-8h48z"
/>
<path
fill="url(#j)"
d="M416 416h-64a8 8 0 0 0-8 8v24a8 8 0 0 0 8 8h64a8 8 0 0 0 8-8v-24a8 8 0 0 0-8-8zm-8 24h-48v-8h48z"
/>
<path
fill="url(#k)"
d="M80 280h40a8 8 0 0 0 8-8v-80a8 8 0 0 0-8-8H80a8 8 0 0 0-8 8v80a8 8 0 0 0 8 8zm8-80h24v64H88z"
/>
<path
fill="url(#l)"
d="M144 280h40a8 8 0 0 0 8-8v-80a8 8 0 0 0-8-8h-40a8 8 0 0 0-8 8v80a8 8 0 0 0 8 8zm8-80h24v64h-24z"
/>
<path
fill="url(#m)"
d="M208 232h16a8 8 0 0 0 0-16h-8v-16h8a8 8 0 0 0 0-16h-16a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8z"
/>
<path
fill="url(#n)"
d="M320 376a8 8 0 0 0 8-8V176a8 8 0 0 0-16 0v192a8 8 0 0 0 8 8zM352 232h80a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8h-80a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8zm8-48h64v32h-64z"
/>
<path
fill="url(#o)"
d="M352 304h80a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8h-80a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8zm8-48h64v32h-64z"
/>
<path
fill="url(#p)"
d="M352 376h80a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8h-80a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8zm8-48h64v32h-64z"
/>
<g fill="url(#q)">
<path
d="M80 312h64a8 8 0 0 0 0-16H80a8 8 0 0 0 0 16zM80 336h16a8 8 0 0 0 0-16H80a8 8 0 0 0 0 16z"
/>
</g>
</svg>
More icons in the same style and category