Network Monitor Transfer Arrow 1 アイコン
streamline-freehand-color:network-monitor-transfer-arrow-1
Network Monitor Transfer Arrow 1 アイコン(streamline-freehand-color:network-monitor-transfer-arrow-1)は、Freehand color icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Freehand color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Freehand color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- インターネット・ネットワーク・サーバー
- タグ
- networkmonitor、monitortransfer、transferarrow、networkmonitortransferarrow
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#020202" d="M14.25 13.511c-.37-2.745.31-2.925-7.012-2.895a.34.34 0 0 0 0 .681c3.566.1 5.129 0 5.94.551c.22.16.581 4.358.11 7.404a2 2 0 0 1-.07.35c.17.32-9.877 1.283-11.86.461h-.111a5.2 5.2 0 0 1-.28-1.372c2.238.123 4.483.123 6.722 0c4.939-.22 4.858 0 4.848-.371c.17-.521-.4-.47-1.002-.501c-2.646-.3-5.318-.3-7.964 0q-1.297.163-2.605.19c-.07 0 0 .09-.08-.3c-.33-3.336.401-6.362.21-6.572a.3.3 0 0 0-.42 0c-.3.27-.24 1.002-.29 1.272a24 24 0 0 0-.331 5.91c.026.754.158 1.499.39 2.215c.511.841 3.176.922 4.178.952c-.4 1.492-.671 2.003 0 2.264a7.8 7.8 0 0 0 4.117-.09a.52.52 0 0 0 .24-.321a6.2 6.2 0 0 0-.29-1.943c.932-.07 4.87-.331 5.38-1.113a4.9 4.9 0 0 0 .38-1.913a20 20 0 0 0-.2-4.859m-6.2 9.317H5.143c0-.39.08-.932.11-1.332c.882 0 1.803 0 2.685-.07c.1.46.138.932.11 1.402"/><path fill="#0c6fff" d="M23.818 2.642c-.08-.661-.05-1.663-.541-2.064c-1.002-.721-2.866-.52-4.208-.561c-1.603 0-3.306.09-4.909.15a.34.34 0 1 0 0 .681c1.603 0 3.226-.1 4.849 0c.671 0 1.583 0 2.384.12c2.004.221 1.282.802 1.363 1.774a17 17 0 0 1-.13 4.949c-.15 0-.451.2-.782.26c-1.575.25-3.165.39-4.758.421c-4.008.11-3.607-.26-3.737-1.342a65 65 0 0 0 8.175 0c.42 0 .8.11.78-.26c.071-.181.071-.392-.2-.432a26.5 26.5 0 0 0-8.375 0h-.45a15 15 0 0 1-.07-2.304c.28-3.586.38-3.316.23-3.476s-.45-.13-.591.32c0 .16 0-.27-.35 3.136a15.1 15.1 0 0 0 .27 4.558c.4.742 2.394.832 3.246.872c-.351 1.232-.401 1.322-.321 1.613c.22.711 3.206.671 3.687.26a.67.67 0 0 0 .23-.57a8 8 0 0 0-.24-1.353c4.898-.33 4.337-.852 4.548-2.605a17 17 0 0 0-.1-4.147m-5.16 7.884a6 6 0 0 0-.64-.07h-1.403c0-.3 0-.691.05-1.002h2.003q.047.537-.01 1.072"/><path fill="#020202" d="M3.641 10.847c.571-3.146 2.735-4.76 3.857-5.01a6.6 6.6 0 0 1 2.004 0C8.5 7.4 8.29 7.25 8.5 7.571c.05.09.17.16.37.1q.898-.64 1.684-1.413c.31-.39.721-.781.34-1.242a4.8 4.8 0 0 0-1.913-1.292c-.43-.2-.822-.782-1.162-.361c-.34.42.46.801 1.543 1.793a9.5 9.5 0 0 0-2.004-.19A5.01 5.01 0 0 0 3.521 7.99a6.8 6.8 0 0 0-.48 2.775a.303.303 0 1 0 .6.08"/></g></svg>
Network Monitor Transfer Arrow 1 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:network-monitor-transfer-arrow-1" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:network-monitor-transfer-arrow-1" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:network-monitor-transfer-arrow-1" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--network-monitor-transfer-arrow-1]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:network-monitor-transfer-arrow-1"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand-color:network-monitor-transfer-arrow-1"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/network-monitor-transfer-arrow-1.svg" alt="Network Monitor Transfer Arrow 1 アイコン" width="24" height="24">
Freehand color icons の関連アイコン
他のアイコンセットの Network Monitor Transfer Arrow 1 アイコン
Network Monitor Transfer Arrow 1 アイコン のよくある質問
Network Monitor Transfer Arrow 1 アイコンは商用利用でも無料ですか?
はい。Freehand color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Network Monitor Transfer Arrow 1 アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-freehand-color:network-monitor-transfer-arrow-1" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Network Monitor Transfer Arrow 1 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/network-monitor-transfer-arrow-1.svg" alt="Network Monitor Transfer Arrow 1 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Freehand color icons をすべて見る →
ICONYZ
