Maracas アイコン
fluent-emoji-high-contrast:maracas
Maracas アイコン(fluent-emoji-high-contrast:maracas)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 物
- タグ
- maraca
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M13.888 25.694c.375.631.418 1.299.095 1.49s-.888-.166-1.262-.798c-.375-.631-.418-1.299-.095-1.49s.888.166 1.262.797m5.154-.789c.375-.001.678-.597.677-1.332c-.002-.734-.307-1.33-.682-1.328c-.375 0-.677.596-.676 1.33s.306 1.33.681 1.33"/><path fill-rule="evenodd" d="M16.18 6.291c1.276-4.07 5.277-7.212 9.448-5.905c4.172 1.308 5.662 6.172 4.387 10.242c-.497 1.584-1.357 2.96-2.45 4.014c-.506.487-1.05.949-1.545 1.368l-.011.01c-.507.43-.966.82-1.39 1.221c-.862.819-1.384 1.515-1.607 2.228l-.697 2.221c-.103.331-.124.741-.136 1.51l-.001.088c-.01.652-.024 1.617-.318 2.555c-.606 1.932-2.607 3.675-4.945 3.079c-.357 1.409-1.352 2.668-3.018 2.999c-2.496.496-4.397-1.51-4.803-3.555c-.192-.965-.103-1.925-.042-2.575l.008-.088c.07-.765.094-1.175.027-1.515l-.454-2.284c-.146-.732-.59-1.48-1.36-2.387a34 34 0 0 0-1.25-1.363l-.01-.011c-.446-.47-.938-.988-1.388-1.526c-.974-1.165-1.681-2.626-2.005-4.254c-.831-4.183 1.173-8.86 5.461-9.711c3.396-.675 6.386 1.414 7.895 4.39q.087-.376.204-.75m.486 7.772l-.052.171a33 33 0 0 1-.7 1.941l-.005.015c-.238.62-.454 1.182-.633 1.737c-.365 1.132-.49 1.993-.344 2.726l.183.918q.147-.226.273-.412l.05-.073c.428-.637.645-.986.749-1.317l.696-2.221c.224-.713.193-1.582-.048-2.747q-.075-.363-.17-.738m-6.11 7.435l.453 2.284c.134.674.07 1.381.004 2.089c-.065.707-.13 1.414.003 2.089c.261 1.312 1.36 2.2 2.453 1.982c1.093-.217 1.768-1.457 1.508-2.77c-.134-.674-.465-1.303-.796-1.931c-.33-.628-.661-1.257-.795-1.932l-.454-2.283a5.6 5.6 0 0 1-.064-1.668l-2.89.575c.265.494.468 1.012.578 1.565m-1.568-3.015l4.238-.843c.176-.592.394-1.183.618-1.77L7.74 17.085c.432.456.858.919 1.247 1.399m-2.542-2.788l8.064-1.603q.083-.238.157-.474a7.2 7.2 0 0 0 .325-2.092L5.02 13.508a7.2 7.2 0 0 0 1.1 1.809q.158.189.326.378m6.493-7.054l1.423-.283a7.9 7.9 0 0 1 .595 2.352l-1.546.307zm-3.168.63l2.376-.473l.472 2.376l-2.376.472zm-.792.157L6.603 9.9l.472 2.376l2.376-.472zm-2.696 3.005l-1.543.307a8 8 0 0 1-.35-2.4l1.421-.283zm7.71-4.825l-9.55 1.897a7 7 0 0 1 .44-1.734l8.039-1.597a7 7 0 0 1 1.07 1.434M6.094 5.884l4.988-.991a4.5 4.5 0 0 0-2.652-.296a4.5 4.5 0 0 0-2.336 1.287m11.964 14.48l.697-2.221c.17-.543.24-1.1.243-1.667v.016l2.812.882a5.6 5.6 0 0 0-.744 1.494l-.697 2.221c-.205.657-.216 1.367-.228 2.077c-.01.71-.022 1.42-.228 2.076c-.4 1.277-1.587 2.042-2.651 1.708s-1.602-1.64-1.202-2.916c.206-.656.603-1.245 1-1.835c.396-.59.792-1.178.998-1.835m4.89-4.326l-4.123-1.293a25 25 0 0 0-.423-1.826h.001l5.934 1.862h.001c-.477.408-.952.822-1.39 1.257m2.829-2.498l-7.846-2.46a17 17 0 0 1-.105-.489a7.2 7.2 0 0 1-.098-2.114h.002l9.699 3.042a7.2 7.2 0 0 1-1.288 1.68q-.177.172-.364.341m-7.925-5.87l1.501.47l.725-2.311l-1.382-.434a7.9 7.9 0 0 0-.844 2.275m2.996-1.6l2.312.725l-.725 2.312l-2.312-.725zm5.394 1.692l-2.312-.725l-.725 2.312l2.312.725zm2.154.676l-1.384-.434l-.726 2.311l1.505.472a8 8 0 0 0 .605-2.349m-9.252-3.749l9.288 2.914a7 7 0 0 0-.25-1.771l-7.82-2.453a7 7 0 0 0-1.218 1.31m8.037-.864l-4.853-1.522a4.5 4.5 0 0 1 2.668-.01c.88.277 1.62.816 2.185 1.532" clip-rule="evenodd"/></g></svg>Maracas アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:maracas" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:maracas" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:maracas" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--maracas]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:maracas"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:maracas"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/maracas.svg" alt="Maracas アイコン" width="24" height="24">他のアイコンセットの Maracas アイコン
Maracas アイコン のよくある質問
Maracas アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Maracas アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:maracas" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Maracas アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/maracas.svg" alt="Maracas アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。