Network アイコン
si-glyph:network
Network アイコン(si-glyph:network)は、SmartIcons Glyph セットの無料 SVG アイコンです（作者: SmartIcons）。 16 × 24 のグリッドで描かれています。 SmartIcons Glyph icons は CC BY SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SmartIcons Glyph
- 作者
- SmartIcons
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 16 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="24" viewBox="0 0 16 24"><path fill="currentColor" fill-rule="evenodd" d="M11.783 10.094c-1.699.998-3.766 1.684-5.678 1.95a1.66 1.66 0 0 1-.684.934c.512 1.093 1.249 2.087 2.139 2.987a7.98 7.98 0 0 0 6.702-3.074l.083-.119c-.244-.914-.648-1.784-1.145-2.644q-.134.038-.261.062c-.143.04-.291.068-.446.068a1.7 1.7 0 0 1-.71-.164M9.051 5.492a18 18 0 0 0-2.004-1.256a1.67 1.67 0 0 1-1.907.985c-.407 1.535-.624 3.162-.511 4.694a1.67 1.67 0 0 1 1.52 1.354c1.695-.279 3.47-.879 4.967-1.738a1.67 1.67 0 0 1-.297-.949c0-.413.156-.786.403-1.078c-.654-.736-1.389-1.443-2.171-2.012M4 9.989c-.137-1.634.104-3.392.541-5.032a1.67 1.67 0 0 1-.713-1.369c0-.197.039-.386.104-.562a18 18 0 0 0-1.974-.247c-.089.104-.185.204-.269.314a7.98 7.98 0 0 0-1.23 7.547a9.5 9.5 0 0 0 2.397.666A1.67 1.67 0 0 1 4 9.989m9.928-.3c-.029.037-.064.067-.096.1c.433.736.799 1.482 1.053 2.268a7.98 7.98 0 0 0 .832-6.122c-.09.133-.176.267-.271.396c-.436.601-.875 1.217-1.354 1.772c.045.152.076.311.076.479v.004c.084.374.013.779-.24 1.103M7.164 3.447c.799.414 1.584.898 2.33 1.44c.84.611 1.627 1.373 2.324 2.164c.207-.092.434-.145.676-.145c.5 0 .945.225 1.252.572c.404-.492.783-1.022 1.161-1.54c.194-.268.372-.543.544-.82A7.96 7.96 0 0 0 7.701.012q-.173.217-.339.439c-.401.552-.739 1.08-1.04 1.637c.039.029.064.066.1.1c.417.276.697.734.742 1.259m-4.285 8.518a10 10 0 0 1-2.07-.487a7.95 7.95 0 0 0 5.806 4.397a11 11 0 0 1-1.753-2.66a1.675 1.675 0 0 1-1.983-1.25m1.635-9.723a1.32 1.32 0 0 1 1.199-.416C6.025 1.24 6.377.683 6.794.104a7.97 7.97 0 0 0-4.247 2.062c.59.066 1.176.14 1.761.252q.096-.095.206-.176"/></svg>
Network アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="si-glyph:network" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="si-glyph:network" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="si-glyph:network" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[si-glyph--network]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/si-glyph -->
<div class="i-si-glyph:network"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="si-glyph:network"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/si-glyph/network.svg" alt="Network アイコン" width="24" height="24">
Network アイコン のよくある質問
Network アイコンは商用利用でも無料ですか?
はい。SmartIcons Glyph icons は CC BY SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Network アイコンを使うには?
@iconify/react をインストールして <Icon icon="si-glyph:network" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Network アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/si-glyph/network.svg" alt="Network アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
SmartIcons Glyph アイコン をすべて見る →
ICONYZ
