Wi Fi Bold icon

solar:wi-fi-bold

The Wi Fi Bold icon (solar:wi-fi-bold) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: IT
Tags: wifi, fibold, wifibold

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M8.1174 15.3832C10.2552 13.0761 13.7463 13.076 15.884 15.3832C16.1654 15.687 16.1474 16.1613 15.844 16.4428C15.5401 16.7243 15.0649 16.7066 14.7834 16.4028C13.2393 14.7362 10.7611 14.7362 9.21701 16.4028C8.93548 16.7065 8.46123 16.7243 8.15744 16.4428C7.85381 16.1613 7.83596 15.687 8.1174 15.3832Z"/><path d="M4.7834 11.7852C8.76214 7.49097 15.2384 7.49079 19.217 11.7852C19.4984 12.089 19.4797 12.5632 19.176 12.8447C18.8721 13.1263 18.3979 13.1086 18.1164 12.8047C14.7313 9.151 9.26809 9.15099 5.88301 12.8047C5.60148 13.1084 5.12724 13.1262 4.82344 12.8447C4.51984 12.5632 4.50197 12.0889 4.7834 11.7852Z"/><path d="M1.45002 8.18692C7.26962 1.90579 16.73 1.90579 22.5496 8.18692C22.8311 8.49078 22.8134 8.96596 22.5096 9.24747C22.2058 9.52875 21.7315 9.51012 21.45 9.20646C16.224 3.56568 7.77566 3.56568 2.54963 9.20646C2.26817 9.51012 1.79388 9.52875 1.49006 9.24747C1.18621 8.96596 1.16851 8.49078 1.45002 8.18692Z"/><path d="M12.0176 18.7144C12.4318 18.7144 12.7676 19.0501 12.7676 19.4644C12.7676 19.8786 12.4318 20.2144 12.0176 20.2144C11.6034 20.2144 11.2676 19.8786 11.2676 19.4644C11.2676 19.0501 11.6034 18.7144 12.0176 18.7144Z"/></g></svg>

How to use the Wi Fi Bold icon

React

import { Icon } from "@iconify/react";

<Icon icon="solar:wi-fi-bold" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:wi-fi-bold" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:wi-fi-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--wi-fi-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:wi-fi-bold"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:wi-fi-bold"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/wi-fi-bold.svg" alt="Wi Fi Bold icon" width="24" height="24">

Related icons in Solar

Wi Fi Bold icon FAQ

Is the Wi Fi Bold icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Wi Fi Bold icon in React?

Install @iconify/react and render <Icon icon="solar:wi-fi-bold" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Wi Fi Bold icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/wi-fi-bold.svg" alt="Wi Fi Bold icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →