Network Solid アイコン
streamline-flex:network-solid
Network Solid アイコン(streamline-flex:network-solid)は、Flex free icons セットの無料 SVG アイコンです（作者: Streamline）。 14 × 14 のグリッドで描かれています。 Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Flex free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 14 × 14
- カテゴリ
- コンピューター・デバイス
- タグ
- networksolid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M7 .25q.326 0 .641.039c.07.008.121.064.142.13c.412 1.322.683 2.734.8 4.19a.25.25 0 0 1-.247.266H5.665a.25.25 0 0 1-.248-.267a19.5 19.5 0 0 1 .8-4.188c.022-.067.073-.123.143-.131Q6.675.25 7 .25M5.417 6.392a.25.25 0 0 1 .248-.267h2.67c.146 0 .26.122.249.267a19.4 19.4 0 0 1-.8 4.188a1 1 0 0 0-.025.112l-.004.004a.005.005 0 0 0-.005.006v1.548c0 .138.112.25.25.25h1.264a.75.75 0 0 1 0 1.5H4.736a.75.75 0 0 1 0-1.5H6a.25.25 0 0 0 .25-.25v-1.549l-.004-.005l-.004-.004a1 1 0 0 0-.024-.112a19.4 19.4 0 0 1-.8-4.188m4.674-.267a.25.25 0 0 0-.251.234a21 21 0 0 1-.535 3.406c-.05.206.157.378.34.271a5.26 5.26 0 0 0 2.528-3.632a.24.24 0 0 0-.241-.279zm-6.18 0c.131 0 .24.103.25.234a21 21 0 0 0 .535 3.407c.05.205-.157.377-.34.27a5.26 5.26 0 0 1-2.528-3.632a.24.24 0 0 1 .24-.279zM4.355.963c.183-.106.39.066.34.271a21 21 0 0 0-.535 3.407a.25.25 0 0 1-.25.234H2.067a.24.24 0 0 1-.24-.279A5.26 5.26 0 0 1 4.356.963m5.289 0c-.183-.106-.39.066-.34.272A21 21 0 0 1 9.84 4.64c.01.131.119.234.25.234h1.842a.24.24 0 0 0 .24-.279A5.26 5.26 0 0 0 9.646.964M.75 12.5a.75.75 0 0 0 0 1.5h1.5a.75.75 0 0 0 0-1.5zm10.25.75a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 0 1.5h-1.5a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/></svg>Network Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex:network-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex:network-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex:network-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--network-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:network-solid"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-flex:network-solid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-flex/network-solid.svg" alt="Network Solid アイコン" width="24" height="24">Flex free icons の関連アイコン
他のアイコンセットの Network Solid アイコン
Network Solid アイコン のよくある質問
Network Solid アイコンは商用利用でも無料ですか?
はい。Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Network Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-flex:network-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Network Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-flex/network-solid.svg" alt="Network Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。