Wi Fi アイコン
flat-ui:wi-fi
Wi Fi アイコン(flat-ui:wi-fi)は、Flat UI Icons セットの無料 SVG アイコンです（作者: Designmodo, Inc.）。 100 × 74 のグリッドで描かれています。 Flat UI Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Flat UI Icons
- 作者
- Designmodo, Inc.
- ライセンス
- MIT
- サイズ
- 100 × 74
- タグ
- wifi
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="74" viewBox="0 0 100 74"><path fill="#2C3E50" d="M70 29.999a2 2 0 0 1 2 2v17a2 2 0 0 1-4 0v-17a2 2 0 0 1 2-2"/><path fill="#34495E" d="M4 46h92a4 4 0 0 1 4 4v20a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V50a4 4 0 0 1 4-4"/><path fill="#495C6E" d="M8 51h84a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V54a3 3 0 0 1 3-3"/><path fill="#F1C40E" d="M14 57a3 3 0 1 1 0 6a3 3 0 0 1 0-6"/><path fill="#2ECC71" d="M85 58a2 2 0 1 1 0 4a2 2 0 0 1 0-4m-10 0a2 2 0 1 1 0 4a2 2 0 0 1 0-4m-10 0a2 2 0 1 1 0 4a2 2 0 0 1 0-4m-10 0a2 2 0 1 1 0 4a2 2 0 0 1 0-4m-10 0a2 2 0 1 1 0 4a2 2 0 0 1 0-4"/><path fill="#BDC3C7" d="M65.375 28.002c-.542 0-1.056-.342-1.281-.914c-.301-.762.029-1.643.736-1.967c3.275-1.5 7.062-1.5 10.34 0c.707.324 1.036 1.205.736 1.967s-1.119 1.117-1.824.793a9.83 9.83 0 0 0-8.164.002c-.177.08-.361.119-.543.119"/><path fill="#BDC3C7" d="M60.473 24.013c-.483 0-.957-.255-1.232-.721c-.43-.723-.227-1.679.453-2.136c3.086-2.072 6.654-3.168 10.322-3.17c3.666 0 7.234 1.096 10.32 3.169c.68.457.883 1.414.453 2.136c-.429.723-1.328.939-2.009.482c-2.62-1.76-5.651-2.815-8.765-2.815c-3.116 0-6.147 1.056-8.769 2.816a1.37 1.37 0 0 1-.773.239M46.489 11.997a1.486 1.486 0 0 1-.996-2.594A36.56 36.56 0 0 1 69.998-.001A36.58 36.58 0 0 1 94.502 9.4a1.49 1.49 0 0 1-1.991 2.214a33.6 33.6 0 0 0-22.517-8.638a33.6 33.6 0 0 0-22.515 8.639a1.46 1.46 0 0 1-.99.382"/><path fill="#BDC3C7" d="M89.452 15.98c-.347 0-.692-.115-.979-.351c-5.164-4.257-11.725-6.665-18.467-6.665c-6.744 0-13.302 2.406-18.467 6.663a1.544 1.544 0 0 1-2.152-.189a1.493 1.493 0 0 1 .191-2.122c5.714-4.708 12.969-7.301 20.428-7.301c7.461 0 14.715 2.594 20.43 7.305c.646.534.732 1.483.191 2.121a1.54 1.54 0 0 1-1.175.539"/><path fill="#BDC3C7" d="M84.512 19.997c-.313 0-.631-.1-.901-.309c-3.943-3.032-8.646-4.698-13.603-4.698c-4.953 0-9.654 1.664-13.599 4.695a1.485 1.485 0 0 1-2.103-.3a1.55 1.55 0 0 1 .295-2.143c4.469-3.434 9.795-5.25 15.406-5.25s10.94 1.816 15.408 5.253a1.55 1.55 0 0 1 .295 2.142c-.293.401-.741.61-1.198.61"/></svg>Wi Fi アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="flat-ui:wi-fi" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-ui:wi-fi" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-ui:wi-fi" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--wi-fi]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:wi-fi"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-ui:wi-fi"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/flat-ui/wi-fi.svg" alt="Wi Fi アイコン" width="24" height="24">Flat UI Icons の関連アイコン
他のアイコンセットの Wi Fi アイコン
Wi Fi アイコン のよくある質問
Wi Fi アイコンは商用利用でも無料ですか?
はい。Flat UI Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Wi Fi アイコンを使うには?
@iconify/react をインストールして <Icon icon="flat-ui:wi-fi" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Wi Fi アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/flat-ui/wi-fi.svg" alt="Wi Fi アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。