Scrobb アイコン
arcticons:scrobb
Scrobb アイコン(arcticons:scrobb)は、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="M17.027 20.747c.822-2.074 1.654-4.148 3.719-5.582c2.065-1.425 5.372-2.193 7.903-.457a10 10 0 0 1 3.718 8.826c-.557 2.85-3.417 4.294-5.116 6.039c-1.7 1.754-2.248 3.81-3.015 5.08a3.43 3.43 0 0 1-2.832 1.827a4.5 4.5 0 0 1-2.979-.859a5.05 5.05 0 0 1-1.398-2.33"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24.93 18.673a2.535 2.535 0 1 1-2.54 2.54a2.54 2.54 0 0 1 2.54-2.54m9.292-5.829q6.971 7.903 0 17.195"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6.539 21.898a13.4 13.4 0 0 1 2.549-4.403c1.388-1.535 3.6-3.19 5.792-5.555c2.193-2.376 4.376-5.455 7.19-6.725c2.805-1.27 6.25-.73 9.036.694a17.75 17.75 0 0 1 6.487 6.03a21.6 21.6 0 0 1 3.243 7.648a28.4 28.4 0 0 1 .704 9.968a13.74 13.74 0 0 1-4.404 8.341a22.85 22.85 0 0 1-9.51 5.327a8.68 8.68 0 0 1-7.648-1.617c-2.12-1.6-3.938-4.057-6.021-6.03s-4.431-3.463-5.793-5.327a10.8 10.8 0 0 1-1.854-5.564a7.3 7.3 0 0 1 .229-2.787"/></svg>Scrobb アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:scrobb" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:scrobb" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:scrobb" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--scrobb]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:scrobb"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:scrobb"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/scrobb.svg" alt="Scrobb アイコン" width="24" height="24">Scrobb アイコン のよくある質問
Scrobb アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Scrobb アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:scrobb" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Scrobb アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/scrobb.svg" alt="Scrobb アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。