ICONYZ
日本語
Carbon の Tropical Storm Tracks アイコン

Tropical Storm Tracks アイコン

carbon:tropical-storm-tracks

Tropical Storm Tracks アイコン(carbon:tropical-storm-tracks)は、Carbon セットの無料 SVG アイコンです(作者: IBM)。 32 × 32 のグリッドで描かれています。 Carbon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Carbon
作者
IBM
ライセンス
Apache-2.0
サイズ
32 × 32
カテゴリ
計画
タグ
tropicalstorm、stormtracks、tropicalstormtracks、track
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16 21a5 5 0 1 1 5-5a5.006 5.006 0 0 1-5 5m0-8a3 3 0 1 0 3 3a3.003 3.003 0 0 0-3-3"/><path fill="currentColor" d="M26.86 12.48a12.93 12.93 0 0 0-4.857-4.999l.442-.459c.82-.848 1.93-1.982 3.262-3.315A1 1 0 0 0 25 2c-.354 0-8.736.049-14.269 4.302a12.15 12.15 0 0 0-3.25 3.696l-.458-.442c-.849-.821-1.983-1.93-3.316-3.263A1 1 0 0 0 2 7c0 .36.05 8.874 4.406 14.402a12.1 12.1 0 0 0 3.592 3.117l-.657.68c-.795.82-1.828 1.874-3.048 3.094A1 1 0 0 0 7 30c.286 0 7.061-.035 12.459-3.105a12.96 12.96 0 0 0 5.06-4.893q.306.294.68.657c.82.795 1.874 1.828 3.094 3.048A1 1 0 0 0 30 25c0-.288-.036-7.112-3.14-12.52m-3.03 6.108l-.547 1.367a10.54 10.54 0 0 1-4.813 5.201a24.4 24.4 0 0 1-8.886 2.658c.44-.45 3.828-3.983 3.828-3.983l-1.368-.547a9.8 9.8 0 0 1-4.067-3.12c-2.54-3.224-3.458-7.762-3.79-10.58c.544.534 3.982 3.827 3.982 3.827l.546-1.367a9.86 9.86 0 0 1 3.235-4.156c3.217-2.473 7.68-3.373 10.466-3.701c-.534.544-3.828 3.982-3.828 3.982l1.368.547a10.52 10.52 0 0 1 5.17 4.76a24.3 24.3 0 0 1 2.688 8.94c-.45-.44-3.984-3.828-3.984-3.828"/></svg>

Tropical Storm Tracks アイコンの使い方

React

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

<Icon icon="carbon:tropical-storm-tracks" width="24" />

Vue

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

<template>
  <Icon icon="carbon:tropical-storm-tracks" width="24" />
</template>

Svelte

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

<Icon icon="carbon:tropical-storm-tracks" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--tropical-storm-tracks]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:tropical-storm-tracks"></div>

Web コンポーネント

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

<iconify-icon icon="carbon:tropical-storm-tracks"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/carbon/tropical-storm-tracks.svg" alt="Tropical Storm Tracks アイコン" width="24" height="24">

Carbon の関連アイコン

Tropical Storm Tracks アイコン のよくある質問

Tropical Storm Tracks アイコンは商用利用でも無料ですか?

はい。Carbon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Tropical Storm Tracks アイコンを使うには?

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

Tropical Storm Tracks アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/carbon/tropical-storm-tracks.svg" alt="Tropical Storm Tracks アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Carbon アイコン をすべて見る →