Home switches

A house with two toggle switches.

File: home-switches.svg
Original name: Home Switches
viewBox: 0 0 1007.8 921
Weight: 3 KB

96px

160px

240px +

Use it

React

import { Illustration } from '@ba-icons/react';
import homeSwitches from '@ba-icons/illustrations/smart-home/home-switches';

<Illustration asset={homeSwitches} size={160} />

Vue

<script setup>
import { Illustration } from '@ba-icons/vue';
import homeSwitches from '@ba-icons/illustrations/smart-home/home-switches';
</script>

<template>
  <Illustration :asset="homeSwitches" :size="160" />
</template>

Astro

---
import { Illustration } from '@ba-icons/astro';
import homeSwitches from '@ba-icons/illustrations/smart-home/home-switches';
---

<Illustration asset={homeSwitches} size={160} />

HTML

<script src="https://icons.atmosphere.africa/cdn/ba-icons-0.4.0.js" defer></script>

<ba-illustration name="smart-home/home-switches" size="160"></ba-illustration>

SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1007.8 921" fill="currentColor"><path d="M170.4 893.7 162.4 885.7V730.7Q162.4 575.7 167.4 562.7Q171.4 552.7 194.4 528.7Q217.4 504.7 326.4 397.7Q480.4 246.7 490.4 242.2Q500.4 237.7 510.4 238.7Q517.4 239.7 541.9 262.7Q566.4 285.7 676.4 393.7Q782.4 496.7 808.9 523.7Q835.4 550.7 840.4 560.7L846.4 574.7L847.4 726.7Q847.4 878.7 844.4 886.7Q843.4 887.7 842.4 889.7Q839.4 898.7 804.9 900.2Q770.4 901.7 566.4 901.7Q552.4 901.7 544.9 901.7Q537.4 901.7 525.4 901.7Q513.4 901.7 502.4 901.7H178.4ZM653.4 843.7Q677.4 838.7 692.4 822.7Q714.4 797.7 708.9 765.2Q703.4 732.7 673.4 716.7L661.4 709.7H508.4Q396.4 708.7 374.4 709.2Q352.4 709.7 342.4 713.7Q333.4 716.7 325.9 722.2Q318.4 727.7 312.9 735.2Q307.4 742.7 303.9 751.7Q300.4 760.7 299.4 770.7Q296.4 795.7 310.9 816.2Q325.4 836.7 350.4 842.7Q362.4 845.7 500.4 846.2Q638.4 846.7 653.4 843.7ZM415.4 825.7Q425.4 817.7 431.4 798.7Q437.4 779.7 435.4 766.7Q430.4 747.7 419.4 733.7L411.4 722.7H532.4Q654.4 722.7 666.4 727.7Q672.4 730.7 681.4 740.7Q697.4 757.7 696.4 778.7Q695.4 799.7 678.4 815.7Q678.4 816.7 677.4 817.7Q666.4 827.7 649.9 829.7Q633.4 831.7 546.4 831.7Q543.4 831.7 541.4 831.7Q539.4 831.7 536.9 832.2Q534.4 832.7 532.4 832.7Q411.4 832.7 411.4 830.7Q411.4 828.7 415.4 825.7ZM343.4 824.7Q321.4 813.7 314.9 791.7Q308.4 769.7 319.9 750.2Q331.4 730.7 355.4 724.7Q388.4 716.7 409.9 743.7Q431.4 770.7 415.4 800.7Q405.4 820.7 384.9 827.7Q364.4 834.7 343.4 824.7ZM668.4 612.7Q697.4 599.7 706.9 571.2Q716.4 542.7 700.4 515.7Q689.4 494.7 665.4 485.7Q656.4 482.7 633.9 482.2Q611.4 481.7 504.4 481.7Q499.4 481.7 489.4 481.7Q379.4 481.7 358.4 483.7Q337.4 485.7 324.4 496.7Q323.4 497.7 322.4 498.7Q302.4 516.7 299.4 542.2Q296.4 567.7 310.9 588.7Q325.4 609.7 351.4 615.7Q363.4 618.7 509.4 618.7L656.4 617.7ZM613.4 599.7Q595.4 590.7 586.9 574.2Q578.4 557.7 582.4 539.7Q589.4 503.7 627.4 494.7Q649.4 489.7 669.9 504.7Q690.4 519.7 694.4 542.7Q695.4 551.7 691.9 564.2Q688.4 576.7 681.4 584.7Q664.4 605.7 637.4 605.7Q625.4 605.7 613.4 599.7ZM79.4 554.7Q72.4 550.7 45.4 524.7Q39.4 517.7 35.4 513.7Q31.4 509.7 27.9 506.2Q24.4 502.7 23.4 500.7Q22.4 498.7 20.9 496.2Q19.4 493.7 19.4 492.2Q19.4 490.7 19.4 488.7Q19.4 482.7 50.4 451.2Q81.4 419.7 251.4 252.7Q482.4 25.7 490.4 22.7Q505.4 16.7 517.4 21.7Q522.4 24.7 590.4 90.7L657.4 156.7V142.7Q657.4 129.7 661.4 122.7Q666.4 112.7 675.9 111.2Q685.4 109.7 732.4 109.7H789.4L796.4 115.7L804.4 122.7V211.7L805.4 300.7L897.4 390.7Q969.4 461.7 980.9 475.2Q992.4 488.7 986.4 498.7Q984.4 502.7 955.4 531.7Q941.4 544.7 934.9 550.2Q928.4 555.7 924.9 557.7Q921.4 559.7 917.4 559.7Q910.4 559.7 717.9 371.2Q525.4 182.7 518.4 180.7Q502.4 174.7 490.4 180.7Q485.4 183.7 292.4 371.7Q281.4 382.7 260.4 402.7Q136.4 524.7 113.9 543.7Q91.4 562.7 81.4 556.7Q80.4 555.7 79.4 554.7Z"></path></svg>

From the CDN

Link to the file instead of installing it: for <img>, CSS, emails and docs, with nothing added to your bundle. Served with CORS and cached for an hour.

https://icons.atmosphere.africa/svg/smart-home/home-switches.svg

<img src="https://icons.atmosphere.africa/svg/smart-home/home-switches.svg" alt="Home switches" width="160">

import { illustrationUrl } from '@ba-icons/illustrations';

illustrationUrl('smart-home/home-switches');
// → https://icons.atmosphere.africa/svg/smart-home/home-switches.svg

As an <img> it draws in black. To give it the text colour, use it as a mask:

.mark {
  background-color: currentColor;
  mask: url('https://icons.atmosphere.africa/svg/smart-home/home-switches.svg') center / contain no-repeat;
}

New to the packages? Point your project at the registry first.