Multimedia Controls Loop Arrow アイコン
streamline-freehand:multimedia-controls-loop-arrow
Multimedia Controls Loop Arrow アイコン(streamline-freehand:multimedia-controls-loop-arrow)は、Freehand free icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Freehand free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- 基本インターフェース
- タグ
- multimediacontrols、controlsloop、looparrow、multimediacontrolslooparrow、control
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M22.986 9.732a4.77 4.77 0 0 0-3.431-2.065a6.45 6.45 0 0 0-3.86.878a18.3 18.3 0 0 0-2.822 2.054c-1.994 1.706-3.7 3.69-5.853 5.166a4.25 4.25 0 0 1-1.995.638a4.1 4.1 0 0 1-2.034-.289c-1.695-.848-2.124-2.772-1.795-4.567s1.556-3.7 3.231-3.99c.658-.12 1.33-.14 1.994-.06a4.2 4.2 0 0 1 1.805.57q.41.316.738.717q.361.37.619.818a14 14 0 0 1-1.606-.18a9 9 0 0 1-1.645-.428a.35.35 0 0 0-.469.14a.35.35 0 0 0 .12.448a10.9 10.9 0 0 0 3.091 1.267a2.75 2.75 0 0 0 1.815-.09a1 1 0 0 0 .389-.589q.036-.358 0-.718c0-.548-.07-2.173-.09-2.872c0-.239.05-.688-.349-.618c-.2-.07-.399 0-.449.3v.289c-.08.628-.239 1.994-.319 2.682a5 5 0 0 0-.658-.927a6 6 0 0 0-.857-.858A5.1 5.1 0 0 0 6.46 6.7a7.7 7.7 0 0 0-2.204 0C2.233 7 .647 9.074.16 11.347c-.489 2.274.12 4.687 2.254 5.824c.844.4 1.781.566 2.712.479a5.36 5.36 0 0 0 2.613-.818a69 69 0 0 0 5.983-5.245a18 18 0 0 1 2.623-1.945c.922-.57 2-.836 3.081-.758a3.62 3.62 0 0 1 2.633 1.516a4.48 4.48 0 0 1 .489 4.218a4.09 4.09 0 0 1-3.44 2.493a6.3 6.3 0 0 1-2.893-.528a3.75 3.75 0 0 1-2.164-1.785a.4.4 0 0 0-.632-.155a.37.37 0 0 0-.096.424a4 4 0 0 0 1.995 1.994a7.5 7.5 0 0 0 3.989.998a4.99 4.99 0 0 0 4.278-2.992a5.6 5.6 0 0 0-.599-5.335" clip-rule="evenodd"/></svg>Multimedia Controls Loop Arrow アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:multimedia-controls-loop-arrow" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:multimedia-controls-loop-arrow" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:multimedia-controls-loop-arrow" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--multimedia-controls-loop-arrow]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:multimedia-controls-loop-arrow"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:multimedia-controls-loop-arrow"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-freehand/multimedia-controls-loop-arrow.svg" alt="Multimedia Controls Loop Arrow アイコン" width="24" height="24">Freehand free icons の関連アイコン
他のアイコンセットの Multimedia Controls Loop Arrow アイコン
Multimedia Controls Loop Arrow アイコン のよくある質問
Multimedia Controls Loop Arrow アイコンは商用利用でも無料ですか?
はい。Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Multimedia Controls Loop Arrow アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-freehand:multimedia-controls-loop-arrow" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Multimedia Controls Loop Arrow アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-freehand/multimedia-controls-loop-arrow.svg" alt="Multimedia Controls Loop Arrow アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。