ICONYZ
日本語
Ultimate free icons の Data Transfer Circle Bold アイコン

Data Transfer Circle Bold アイコン

streamline-ultimate:data-transfer-circle-bold

Data Transfer Circle Bold アイコン(streamline-ultimate:data-transfer-circle-bold)は、Ultimate free icons セットの無料 SVG アイコンです(作者: Streamline)。 24 × 24 のグリッドで描かれています。 Ultimate free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Ultimate free icons
作者
Streamline
ライセンス
CC-BY-4.0
サイズ
24 × 24
カテゴリ
インターネット・ネットワーク・サーバー
タグ
datatransfer、transfercircle、circlebold、datatransfercirclebold
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0a12 12 0 1 0 12 12A12 12 0 0 0 12 0M8.92 12.09a1 1 0 0 1 .58.91v1.25a.25.25 0 0 0 .25.25h3.75a1 1 0 0 1 0 2H9.75a.25.25 0 0 0-.25.25V18a1 1 0 0 1-.58.91a1 1 0 0 1-.42.09a1 1 0 0 1-.64-.23l-3-2.5a1 1 0 0 1 0-1.54l3-2.5a1 1 0 0 1 1.06-.14M15.5 12a1 1 0 0 1-.42-.09a1 1 0 0 1-.58-.91V9.75a.25.25 0 0 0-.25-.25H10.5a1 1 0 0 1 0-2h3.75a.25.25 0 0 0 .25-.25V6a1 1 0 0 1 1.64-.77l3 2.5a1 1 0 0 1 0 1.54l-3 2.5a1 1 0 0 1-.64.23"/></svg>

Data Transfer Circle Bold アイコンの使い方

React

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

<Icon icon="streamline-ultimate:data-transfer-circle-bold" width="24" />

Vue

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

<template>
  <Icon icon="streamline-ultimate:data-transfer-circle-bold" width="24" />
</template>

Svelte

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

<Icon icon="streamline-ultimate:data-transfer-circle-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate--data-transfer-circle-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate -->
<div class="i-streamline-ultimate:data-transfer-circle-bold"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-ultimate:data-transfer-circle-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-ultimate/data-transfer-circle-bold.svg" alt="Data Transfer Circle Bold アイコン" width="24" height="24">

Ultimate free icons の関連アイコン

Data Transfer Circle Bold アイコン のよくある質問

Data Transfer Circle Bold アイコンは商用利用でも無料ですか?

はい。Ultimate free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Data Transfer Circle Bold アイコンを使うには?

@iconify/react をインストールして <Icon icon="streamline-ultimate:data-transfer-circle-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Data Transfer Circle Bold アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-ultimate/data-transfer-circle-bold.svg" alt="Data Transfer Circle Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Ultimate free icons をすべて見る →