WiFi home

A house with a wireless signal.

File: wifi-home.svg
Original name: WiFi House
viewBox: 0 0 1007.8 856.3
Weight: 2 KB

96px

160px

240px +

Use it

React

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

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

Vue

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

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

Astro

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

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

HTML

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

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

SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1007.8 856.3" fill="currentColor"><path d="M170.4 829.9 162.4 822.9V678.9Q162.4 534.9 167.4 521.9Q171.4 513.9 194.4 491.4Q217.4 468.9 328.4 367.9Q431.4 273.9 459.9 249.4Q488.4 224.9 494.4 222.9Q495.4 222.9 497.4 222.9Q510.4 219.9 530.4 235.4Q550.4 250.9 656.4 346.9Q660.4 350.9 662.9 353.4Q665.4 355.9 669.4 359.4Q673.4 362.9 676.4 365.9Q782.4 460.9 808.9 486.4Q835.4 511.9 839.4 520.9L846.4 533.9L847.4 674.9Q847.4 815.9 844.4 823.9Q843.4 824.9 842.4 825.9Q839.4 834.9 804.9 835.9Q770.4 836.9 566.4 836.9Q552.4 836.9 544.9 836.9Q537.4 836.9 525.4 836.9Q513.4 836.9 502.4 836.9H178.4ZM520.4 740.9Q525.4 739.9 531.9 735.9Q538.4 731.9 543.4 725.9Q548.4 719.9 551.4 714.9Q561.4 689.9 546.4 670.9Q534.4 655.9 514.9 652.4Q495.4 648.9 477.4 657.9Q465.4 664.9 459.4 675.9Q449.4 693.9 455.9 711.4Q462.4 728.9 481.4 737.9Q500.4 745.9 520.4 740.9ZM424.4 614.9Q445.4 604.9 460.9 602.4Q476.4 599.9 505.4 599.9Q539.4 599.9 556.4 604.9Q589.4 613.9 619.4 634.9L633.4 644.9L651.4 627.9L670.4 611.9L663.4 605.9Q611.4 562.9 539.9 553.4Q468.4 543.9 405.4 570.9Q370.4 584.9 347.4 604.9L338.4 611.9L356.4 628.9Q374.4 645.9 374.9 645.9Q375.4 645.9 391.4 633.9Q407.4 621.9 424.4 614.9ZM309.4 566.9Q326.4 551.9 354.9 536.4Q383.4 520.9 408.4 512.9Q478.4 490.9 548.4 500.9Q627.4 512.9 689.4 558.9L710.4 574.9L735.4 552.9L759.4 529.9L752.4 523.9Q744.4 515.9 722.4 501.4Q700.4 486.9 684.4 477.9Q585.4 426.9 473.4 436.4Q361.4 445.9 273.4 509.9Q252.4 525.9 251.9 529.9Q251.4 533.9 273.4 552.9Q297.4 574.9 298.4 574.9Q299.4 574.9 309.4 566.9ZM50.4 490.9Q34.4 476.9 28.9 470.9Q23.4 464.9 21.4 461.9Q19.4 458.9 19.4 454.9Q19.4 447.9 49.9 419.4Q80.4 390.9 252.4 233.9Q468.4 37.9 489.4 23.9Q499.4 17.9 511.4 19.9Q515.4 19.9 522.4 24.9Q529.4 29.9 543.4 42.4Q557.4 54.9 589.4 82.9L657.4 144.9V133.9Q657.4 110.9 671.4 103.9Q677.4 101.9 733.4 101.9H789.4L796.4 107.9L804.4 113.9V196.9L805.4 279.9L897.4 362.9Q969.4 428.9 980.9 441.4Q992.4 453.9 986.4 462.9Q984.4 466.9 954.9 493.4Q925.4 519.9 917.4 519.9Q912.4 519.9 882.4 493.4Q852.4 466.9 717.4 344.9Q525.4 169.9 518.4 167.9Q502.4 162.9 490.4 167.9Q485.4 169.9 292.4 344.9Q150.4 473.9 123.9 496.9Q97.4 519.9 91.4 519.9Q84.4 519.9 78.4 515.4Q72.4 510.9 50.4 490.9Z"></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/wifi-home.svg

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

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

illustrationUrl('smart-home/wifi-home');
// → https://icons.atmosphere.africa/svg/smart-home/wifi-home.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/wifi-home.svg') center / contain no-repeat;
}

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