Add icons to this collection by clicking the heart icon.
Home Automation icon - also known as technology, home, buildings, smartphone, gestures, mobile phone, wifi signal, cellphone, ui, electronics, communications, automation, smart home, home automation, and hands and gestures. 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-26.875"
x2="-26.875"
y1="556.81"
y2="621.38"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M440 0H40C17.92.026.026 17.92 0 40v208c.026 22.08 17.92 39.974 40 40h119.864a8 8 0 0 0 0-16H64V16h352v256h-31.36a8 8 0 0 0 0 16H440c22.08-.026 39.974-17.92 40-40V40c-.026-22.08-17.92-39.974-40-40zM48 272h-8c-13.255 0-24-10.745-24-24V40c0-13.255 10.745-24 24-24h8v256zm416-24c0 13.255-10.745 24-24 24h-8V16h8c13.255 0 24 10.745 24 24v208z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-.875"
x2="-.875"
y1="556.81"
y2="621.38"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M448 144a8 8 0 0 0-8 8v16a8 8 0 0 0 16 0v-16a8 8 0 0 0-8-8z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-52.875"
x2="-52.875"
y1="556.81"
y2="621.38"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M32 120a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-.875"
x2="-.875"
y1="556.81"
y2="621.38"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M448 112a8 8 0 0 0-8 8v8a8 8 0 0 0 16 0v-8a8 8 0 0 0-8-8z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-9.375"
x2="-9.375"
y1="556.81"
y2="621.38"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M400 72V32h-40v16h24v24h16z" fill="url(#e)" />
<linearGradient
id="f"
x1="-44.375"
x2="-44.375"
y1="556.81"
y2="621.38"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M80 32v40h16V48h24V32H80z" fill="url(#f)" />
<linearGradient
id="g"
x1="-22.875"
x2="-22.875"
y1="556.81"
y2="621.38"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M327.2 257.68a22.938 22.938 0 0 0-6.16-10.544 24.64 24.64 0 0 0-28.8-4.056 22.718 22.718 0 0 0-3.2-3.944 24.4 24.4 0 0 0-25.04-5.768V176a23.407 23.407 0 0 0-6.992-16.864 23.735 23.735 0 0 0-19.096-7.048c-12.603 1.392-22.087 12.129-21.912 24.808V272h-8c-13.255 0-24 10.745-24 24v42.728A168.697 168.697 0 0 0 202.832 416H200a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8h144a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8h-2.952l.656-1.296A168.726 168.726 0 0 0 360 338.48V280a23.407 23.407 0 0 0-6.992-16.864 24.495 24.495 0 0 0-25.808-5.456zM336 464H208v-32h128v32zm8-125.52a152.647 152.647 0 0 1-16.552 68.968L323.096 416h-102.24l-3.728-7.2A152.612 152.612 0 0 1 200 338.728V296a8 8 0 0 1 8-8h8v40a8 8 0 0 0 16 0V176.896a8.656 8.656 0 0 1 7.256-8.896 7.8 7.8 0 0 1 6.44 2.4A7.657 7.657 0 0 1 248 176v104a8 8 0 0 0 16 0v-24a8 8 0 0 1 8-8 7.79 7.79 0 0 1 5.696 2.448A7.656 7.656 0 0 1 280 256v40a8 8 0 0 0 16 0v-32a8 8 0 0 1 8-8 7.79 7.79 0 0 1 5.696 2.448A7.656 7.656 0 0 1 312 264v48a8 8 0 0 0 16 0v-32a8 8 0 0 1 8-8 7.79 7.79 0 0 1 5.696 2.448A7.656 7.656 0 0 1 344 280v58.48z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-17.875"
x2="-17.875"
y1="556.81"
y2="621.38"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M320 440h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" fill="url(#h)" />
<linearGradient
id="i"
x1="-26.875"
x2="-26.875"
y1="556.81"
y2="621.38"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="m356.648 105.488-112-80a8 8 0 0 0-9.296 0l-112 80A8 8 0 0 0 128 120h24v96a8 8 0 0 0 8 8h40.504a8 8 0 0 0 0-16H168v-96a8 8 0 0 0-8-8h-7.032L240 41.832 327.032 104H320a8 8 0 0 0-8 8v96h-32.672a8 8 0 0 0 0 16H320a8 8 0 0 0 8-8v-96h24a8 8 0 0 0 4.648-14.512z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="-26.874"
x2="-26.874"
y1="556.81"
y2="621.38"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M277.72 162.664a8.002 8.002 0 1 0 15.088-5.336c-10.305-29.161-42.298-44.446-71.459-34.141a56 56 0 0 0-34.141 34.141 8.003 8.003 0 0 0 15.088 5.336c7.352-20.832 30.2-31.76 51.032-24.408a39.999 39.999 0 0 1 24.408 24.408h-.016z"
fill="url(#j)"
/>
</svg>
More icons in the same style and category