Cycle Arrow アイコン
icon-park:cycle-arrow
Cycle Arrow アイコン(icon-park:cycle-arrow)は、IconPark セットの無料 SVG アイコンです（作者: ByteDance）。 48 × 48 のグリッドで描かれています。 IconPark icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- IconPark
- 作者
- ByteDance
- ライセンス
- Apache-2.0
- サイズ
- 48 × 48
- カテゴリ
- 抽象
- タグ
- cyclearrow
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M17 16H13C8.02944 16 4 20.0294 4 25C4 29.9706 8.02944 34 13 34C15.4758 34 17.7181 33.0003 19.3453 31.3826C20.9849 29.7525 24 25 24 25C24 25 27.0057 20.2685 28.632 18.6401C30.261 17.009 32.5127 16 35 16C39.9706 16 44 20.0294 44 25C44 29.9706 39.9706 34 35 34H31"/><path d="M35 30L31 34L35 38"/><path d="M13 12L17 16L13 20"/></g></svg>Cycle Arrow アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:cycle-arrow" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:cycle-arrow" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:cycle-arrow" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--cycle-arrow]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:cycle-arrow"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:cycle-arrow"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/icon-park/cycle-arrow.svg" alt="Cycle Arrow アイコン" width="24" height="24">IconPark の関連アイコン
他のアイコンセットの Cycle Arrow アイコン
Cycle Arrow アイコン のよくある質問
Cycle Arrow アイコンは商用利用でも無料ですか?
はい。IconPark icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cycle Arrow アイコンを使うには?
@iconify/react をインストールして <Icon icon="icon-park:cycle-arrow" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cycle Arrow アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/icon-park/cycle-arrow.svg" alt="Cycle Arrow アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。