Maracas アイコン
game-icons:maracas
Maracas アイコン(game-icons:maracas)は、Game Icons セットの無料 SVG アイコンです（作者: GameIcons）。 512 × 512 のグリッドで描かれています。 Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Game Icons
- 作者
- GameIcons
- ライセンス
- CC-BY-3.0
- サイズ
- 512 × 512
- タグ
- maraca
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M91.56 31.29c-5.95.08-12.02 1.34-18.35 4.04c-12.65 5.39-20.44 14.03-25.61 25.25c-5.17 11.21-7.36 25.08-7.39 39.42c-.1 28.8 8.69 59.4 14.38 72.7c6.83 16 18.02 32.2 31.05 46.5l111.66-47.6c-1.3-19.4-5.2-38.6-12.1-54.7c-5.6-13.3-21.7-40.8-42.4-60.63c-10.4-9.91-21.9-17.92-33.6-21.95c-5.8-2.02-11.69-3.13-17.64-3.03M420.7 107c-11 .1-23 2.8-34.8 7.2c-26.9 10.1-52.4 29.1-62.9 39.2c-12.5 12-23.7 28.2-32.5 45.5l84 87.6c17.7-8.1 34.3-18.5 46.9-30.6c10.4-10.1 30.5-34.8 41.7-61.2c5.6-13.2 9-26.8 8.7-39.2c-.4-12.3-4.2-23.3-13.7-33.3c-9.5-9.9-20.3-14.1-32.7-15c-1.5-.1-3.1-.2-4.7-.2m-222.9 84l-98.52 42c3.92 3.6 7.82 7 11.82 10.2l85.9-36.7c.5-5.1.8-10.3.8-15.5m84.7 25.5c-2 4.9-3.8 9.8-5.4 14.6l64.6 67.5c4.9-1.4 9.9-3 14.9-4.8zM194 227.4l-65.7 28c7.8 4.9 15.3 8.8 22 11.2c10.5 3.9 18.7 4.1 22.6 2.4s9.4-7.7 13.9-17.9c2.9-6.6 5.3-14.7 7.2-23.7m77.7 24.1c-1.8 9-2.8 17.4-2.7 24.6c.1 11.2 2.8 18.9 5.8 22c2.9 3 10.5 6.1 21.7 6.6c7.1.4 15.6-.2 24.6-1.6zm-75.6 20c-4.3 6.3-9.6 11.3-16.2 14.1s-13.8 3.2-21.3 1.9c8.1 15.6 16.8 32.1 25.6 50.4c9.2-9.1 17.6-18 25.6-26.6c-5-14-9.4-27.2-13.7-39.8m56.3 19.7c-33.1 36.9-70.6 80.5-138.9 129.7c-14.13 13.7-11.2 26.7-3.3 35c7.9 8.2 20.8 11.6 35.1-1.9c52-66.2 97.2-101.8 135.5-133.3c-7.5-1.8-14-5-19-10.2s-7.9-11.8-9.4-19.3m-14.2 89.3c-8.4 7.6-16.9 15.7-25.7 24.5c6.3 17.6 12.5 36.8 18.2 58.2c7.9 18.1 21.2 20 31.7 15.5s18.2-15.3 10.6-33.5c-14.1-23.2-25.4-44.7-34.8-64.7"/></svg>Maracas アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:maracas" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:maracas" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:maracas" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--maracas]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:maracas"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:maracas"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/game-icons/maracas.svg" alt="Maracas アイコン" width="24" height="24">他のアイコンセットの Maracas アイコン
Maracas アイコン のよくある質問
Maracas アイコンは商用利用でも無料ですか?
はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Maracas アイコンを使うには?
@iconify/react をインストールして <Icon icon="game-icons:maracas" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Maracas アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/maracas.svg" alt="Maracas アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。