Rumble アイコン
arcticons:rumble
Rumble アイコン(arcticons:rumble)は、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="M15.957 31.709a11.8 11.8 0 0 0 5.53 3.594c.36.101.719.193 1.087.267q1.12.221 2.295.221c6.515 0 11.796-5.28 11.796-11.786c0-2.01-.498-3.89-1.383-5.539v-.009M32.6 15.112a11.72 11.72 0 0 0-7.731-2.894c-6.506 0-11.787 5.271-11.787 11.787c0 .755.074 1.474.212 2.193v.01"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m40.95 10.836l3.382 5.879l-3.299 2.691v9.188l3.299 2.7l-3.41 5.917l-3.99-1.512l-7.962 4.599l-.682 4.202h-6.829l-.682-4.202l-7.962-4.599l-3.99 1.512l-.599-1.042m28.881-23.933l-.018.01l-.157.064l-7.962-4.598l-.682-4.212h-6.829l-.682 4.212l-7.962 4.598l-3.99-1.52l-3.419 5.925l3.308 2.691v9.188l-3.308 2.7l1.723 2.977"/><circle cx="24.873" cy="7.649" r="1.843" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="24.873" cy="40.336" r="1.843" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="10.719" cy="15.821" r="1.843" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="39.027" cy="32.164" r="1.843" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m23.712 12.57l1.576 7.197l17.14-10.912l-20.66 27.804l-1.512-7.428l-16.588 9.575z"/></svg>Rumble アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:rumble" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:rumble" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:rumble" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--rumble]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:rumble"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:rumble"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/rumble.svg" alt="Rumble アイコン" width="24" height="24">他のアイコンセットの Rumble アイコン
Rumble アイコン のよくある質問
Rumble アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Rumble アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:rumble" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rumble アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/rumble.svg" alt="Rumble アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。