Riplay アイコン
arcticons:riplay
Riplay アイコン(arcticons:riplay)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24 2.5C12.124 2.5 2.5 12.124 2.5 24S12.124 45.5 24 45.5c2.334 0 4.658-.379 6.88-1.126l-3.204-5.539c-.164-.297-.277-.614-.318-.952s-.01-.676.082-1.003c.082-.318.236-.625.45-.891c.205-.256.472-.481.758-.645c1.218-.666 2.744-.205 3.44.983l3.379 5.856A21.46 21.46 0 0 0 45.5 24c0-11.876-9.624-21.5-21.5-21.5m4.648 30.09a2.82 2.82 0 0 1-2.109 1.413a2.89 2.89 0 0 1-2.406-.82a2.87 2.87 0 0 1-.809-1.648a2.8 2.8 0 0 1 .359-1.812a2.86 2.86 0 0 1 1.382-1.218a2.89 2.89 0 0 1 3.378.901c.39.502.594 1.116.594 1.75c0 .502-.133.994-.389 1.434m9.778-6.338a4.9 4.9 0 0 1-1.792 1.782l-2.795 1.597a2.53 2.53 0 0 1-2.826-.143a2.54 2.54 0 0 1-.973-1.69a2.5 2.5 0 0 1 .072-.993c.092-.327.246-.624.45-.89c.216-.256.472-.482.758-.645l.973-.564c.174-.092.307-.235.4-.399s.143-.348.153-.542a1.1 1.1 0 0 0-.143-.543a1.1 1.1 0 0 0-.4-.41l-12.224-7.31a1.15 1.15 0 0 0-.543-.163c-.194 0-.389.05-.563.143a1.03 1.03 0 0 0-.4.41a1.05 1.05 0 0 0-.153.552v18.9c0 .9-.48 1.74-1.259 2.19a2.535 2.535 0 0 1-3.798-2.19v-21.08c0-1.761.931-3.39 2.467-4.26l.03-.02a4.73 4.73 0 0 1 2.489-.645c.87.01 1.72.246 2.467.706l15.88 9.501a4.935 4.935 0 0 1 1.73 6.706"/></svg>Riplay アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:riplay" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:riplay" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:riplay" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--riplay]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:riplay"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:riplay"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/riplay.svg" alt="Riplay アイコン" width="24" height="24">Riplay アイコン のよくある質問
Riplay アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Riplay アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:riplay" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Riplay アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/riplay.svg" alt="Riplay アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。