WiFi bulb

A light bulb with a wireless signal.

File: wifi-bulb.svg
Original name: WiFi Bulb
viewBox: 0 0 1008.2 1008.3
Weight: 4 KB

96px

160px

240px +

Use it

React

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

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

Vue

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

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

Astro

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

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

HTML

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

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

SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1008.2 1008.3" fill="currentColor"><path d="M461.4 980.4Q461.4 979.4 522.9 966.9Q584.4 954.4 586.4 955.4Q586.4 956.4 584.4 958.4Q582.4 960.4 578.4 963.9Q574.4 967.4 569.4 970.9Q564.4 974.4 558.4 977.4Q552.4 980.4 548.4 982.4Q532.4 988.4 508.9 988.9Q485.4 989.4 473.4 985.9Q461.4 982.4 461.4 980.4ZM420.4 948.4Q422.4 946.4 512.9 928.9Q603.4 911.4 604.9 912.4Q606.4 913.4 604.4 921.4Q602.4 929.4 600.9 931.9Q599.4 934.4 522.9 949.4Q446.4 964.4 440.4 965.4Q434.4 966.4 426.9 957.9Q419.4 949.4 420.4 948.4ZM601.4 871.4Q604.4 870.4 605.4 872.4Q606.4 874.4 605.4 881.4L604.4 893.4L511.4 911.4Q418.4 930.4 413.9 930.4Q409.4 930.4 407.4 920.4Q405.4 910.4 406.4 909.9Q407.4 909.4 501.9 890.9Q596.4 872.4 601.4 871.4ZM406.4 881.4 407.4 869.4 454.4 860.4Q501.4 851.4 553.4 840.4L606.4 830.4V841.4V852.4L510.4 871.4Q415.4 890.4 410.4 891.4Q408.4 892.4 407.4 891.9Q406.4 891.4 405.9 888.9Q405.4 886.4 406.4 881.4ZM405.4 841.4Q405.4 833.4 406.9 831.4Q408.4 829.4 417.4 828.4Q439.4 823.4 519.9 807.4Q600.4 791.4 602.4 791.4Q606.4 791.4 606.4 802.4Q606.4 807.4 605.4 809.4Q604.4 811.4 602.4 812.4Q600.4 813.4 594.4 815.4Q580.4 818.4 534.9 827.4Q489.4 836.4 449.9 843.9Q410.4 851.4 408.4 851.4Q405.4 851.4 405.4 841.4ZM405.4 796.4V780.4L391.4 776.4Q377.4 772.4 371.4 764.4Q365.4 756.4 363.4 736.4Q359.4 700.4 345.9 672.4Q332.4 644.4 298.4 601.4Q261.4 554.4 245.4 519.9Q229.4 485.4 224.4 444.4Q211.4 329.4 301.4 249.4Q357.4 199.4 447.4 178.4Q496.4 167.4 550.9 175.4Q605.4 183.4 653.4 208.4Q675.4 220.4 701.4 241.9Q727.4 263.4 740.4 282.4Q813.4 379.4 775.4 494.4Q759.4 541.4 712.4 601.4Q689.4 631.4 676.4 652.4Q663.4 673.4 657.4 691.4Q651.4 709.4 648.4 732.4Q646.4 759.4 634.4 769.4Q622.4 779.4 592.4 779.4Q570.4 779.4 421.4 809.4L405.4 812.4ZM528.4 566.4Q543.4 560.4 548.9 542.4Q554.4 524.4 544.4 511.4Q529.4 494.4 504.4 494.4Q486.4 494.4 479.4 498.4Q461.4 510.4 459.4 528.4Q456.4 552.4 479.4 565.4Q502.4 578.4 528.4 566.4ZM429.4 461.4Q463.4 446.4 504.4 446.4Q561.4 446.4 607.4 476.4Q622.4 485.4 624.9 485.4Q627.4 485.4 642.4 472.4L657.4 459.4L644.4 449.4Q608.4 421.4 554.9 410.4Q501.4 399.4 452.4 410.4Q435.4 414.4 416.9 421.4Q398.4 428.4 382.9 436.9Q367.4 445.4 358.4 453.4L351.4 459.4L368.4 473.4L384.4 487.4L399.4 477.4Q415.4 467.4 429.4 461.4ZM321.4 420.4Q334.4 408.4 366.9 391.9Q399.4 375.4 425.4 368.4Q519.4 344.4 611.4 377.4Q652.4 392.4 682.4 416.4L695.4 426.4L717.4 407.4L740.4 387.4L733.4 381.4Q708.4 358.4 656.4 335.4Q582.4 302.4 497.4 303.9Q412.4 305.4 340.4 341.4Q293.4 364.4 273.4 382.4Q269.4 386.4 271.9 389.4Q274.4 392.4 290.4 406.4Q312.4 425.4 313.9 425.4Q315.4 425.4 321.4 420.4ZM26.4 448.4Q13.4 437.4 24.4 428.4Q26.4 426.4 28.9 425.4Q31.4 424.4 39.9 423.9Q48.4 423.4 59.4 423.4Q70.4 423.4 96.4 423.4Q146.4 423.4 155.4 423.9Q164.4 424.4 167.4 428.4Q177.4 440.4 164.4 449.4Q159.4 453.4 149.4 453.9Q139.4 454.4 95.4 454.4H32.4ZM843.4 448.4Q832.4 439.4 841.4 428.4Q844.4 424.4 853.9 423.9Q863.4 423.4 913.4 423.4Q963.4 423.4 972.9 423.9Q982.4 424.4 985.4 428.4Q993.4 439.4 982.4 448.4L976.4 454.4H913.4H850.4ZM251.4 239.4Q245.4 237.4 201.4 199.4Q166.4 168.4 160.4 159.9Q154.4 151.4 162.4 143.4Q170.4 136.4 180.4 141.9Q190.4 147.4 226.4 177.4Q272.4 216.4 274.4 222.4Q276.4 230.4 268.4 236.4Q260.4 242.4 251.4 239.4ZM745.4 239.4Q740.4 237.4 736.9 231.9Q733.4 226.4 734.9 221.4Q736.4 216.4 781.4 177.4Q819.4 146.4 829.4 141.4Q839.4 136.4 847.4 145.4Q853.4 151.4 853.4 155.4Q853.4 158.4 807.4 198.4Q761.4 238.4 756.4 240.4Q751.4 241.4 745.4 239.4ZM494.4 146.4Q489.4 142.4 488.4 134.9Q487.4 127.4 487.4 85.4Q487.4 28.4 493.9 23.9Q500.4 19.4 505.4 19.4Q510.4 19.4 516.9 23.9Q523.4 28.4 523.4 85.4Q523.4 127.4 522.9 134.9Q522.4 142.4 517.4 146.4Q510.4 150.4 505.4 150.4Q500.4 150.4 494.4 146.4Z"></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-bulb.svg

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

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

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

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