Ricochlime アイコン
arcticons:ricochlime
Ricochlime アイコン(arcticons:ricochlime)は、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"><circle cx="25.529" cy="19.924" r=".75" fill="currentColor"/><circle cx="32.11" cy="19.924" r=".75" fill="currentColor"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M20.138 14.449h12.264V12.72h-1.46v-1.752h-8.76v1.557h-2.02zm7.378 4.087l-.016 3.999h-1.583H27.5v2.207h2.848v-2.127h1.5h-1.5v-4.08zm-6.624 5.094v6.642m2.068-12.049v5.08m4.864 4.284h2.069v2.032m-.109 3.121v2.36h2.613m-5.997-.763l.045 1.343"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M37.874 28.209h-1.099v-1.416h-1.923v-3.012h2.417M19.445 35.009h3.022V31.06v5.993l2.965-.007l.09 2.976h-1.598v1.779h-3.606v-1.713h-1.387v-6.901h-1.99v-5.025H15.31v-7.994l.027-8.94h1.653V9.743h1.892V8.08h3.329V6.198h8.261v1.823h5.26v1.8h1.5v1.591h1.587v3.275h-1.664v3.459h-1.353v3.557h1.477v-1.939h3.276v1.846h1.615v3.461h-1.754v1.384h-1.43v1.754h-1.661v5.168h-1.523v6.783h-1.754v1.58h-3.507v-1.733h-1.886l-.021-2.91l2.988.008v-2.006h4.089m1.559-13.396v2.012m-18.048-5.76v3.824m12.627 2.517l.004 2.655"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M15.32 16.498H9.732v1.641H7.704v1.771H5.83v3.413h5.415v-1.308h4.065"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M15.313 19.038h-4.478v1.95H8.602M5.83 22.117l1.473-.051M22.871 9.285h7.366m-9.778 1.976h-1.771m13.422.231h2.387m-6.224-4.067v.603"/></svg>Ricochlime アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:ricochlime" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:ricochlime" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:ricochlime" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--ricochlime]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:ricochlime"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:ricochlime"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/ricochlime.svg" alt="Ricochlime アイコン" width="24" height="24">Ricochlime アイコン のよくある質問
Ricochlime アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Ricochlime アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:ricochlime" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ricochlime アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/ricochlime.svg" alt="Ricochlime アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。