Rice Cracker アイコン
fluent-emoji:rice-cracker
Rice Cracker アイコン(fluent-emoji:rice-cracker)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- タグ
- ricecracker
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#i46riMb)" d="M28.753 17.013c0-1.17.48-2.39.19-3.46c-.3-1.12-1.33-1.93-1.89-2.91c-.57-.99-.77-2.29-1.57-3.09s-2.1-1-3.09-1.57c-.98-.57-1.79-1.6-2.91-1.89c-1.08-.29-2.3.19-3.46.19c-1.17 0-2.39-.48-3.46-.19c-1.12.3-1.93 1.33-2.91 1.89c-1 .57-2.3.77-3.1 1.57s-1 2.1-1.57 3.09c-.57.98-1.6 1.79-1.89 2.91c-.29 1.08.19 2.3.19 3.46c0 1.17-.48 2.39-.19 3.46c.3 1.12 1.33 1.93 1.89 2.91c.57.99.77 2.29 1.57 3.09s2.1 1 3.09 1.57c.98.57 1.79 1.6 2.91 1.89c1.08.29 2.3-.19 3.46-.19c1.17 0 2.39.48 3.46.19c1.12-.3 1.93-1.33 2.91-1.89c.99-.57 2.29-.77 3.09-1.57s1-2.1 1.57-3.09c.57-.98 1.6-1.79 1.89-2.91c.3-1.07-.18-2.29-.18-3.46"/><path fill="url(#iSwYwFb)" d="M28.753 17.013c0-1.17.48-2.39.19-3.46c-.3-1.12-1.33-1.93-1.89-2.91c-.57-.99-.77-2.29-1.57-3.09s-2.1-1-3.09-1.57c-.98-.57-1.79-1.6-2.91-1.89c-1.08-.29-2.3.19-3.46.19c-1.17 0-2.39-.48-3.46-.19c-1.12.3-1.93 1.33-2.91 1.89c-1 .57-2.3.77-3.1 1.57s-1 2.1-1.57 3.09c-.57.98-1.6 1.79-1.89 2.91c-.29 1.08.19 2.3.19 3.46c0 1.17-.48 2.39-.19 3.46c.3 1.12 1.33 1.93 1.89 2.91c.57.99.77 2.29 1.57 3.09s2.1 1 3.09 1.57c.98.57 1.79 1.6 2.91 1.89c1.08.29 2.3-.19 3.46-.19c1.17 0 2.39.48 3.46.19c1.12-.3 1.93-1.33 2.91-1.89c.99-.57 2.29-.77 3.09-1.57s1-2.1 1.57-3.09c.57-.98 1.6-1.79 1.89-2.91c.3-1.07-.18-2.29-.18-3.46"/><g filter="url(#imEKOIb)"><path fill="url(#imwcogd)" d="M26.754 16.844c0-1.031.417-2.107.165-3.05c-.26-.987-1.156-1.7-1.642-2.564c-.496-.873-.67-2.019-1.365-2.724s-1.824-.88-2.685-1.383c-.851-.503-1.555-1.41-2.529-1.666c-.938-.256-1.998.168-3.006.168c-1.017 0-2.077-.424-3.007-.168c-.973.264-2.091 1.012-3.06 1.293s-1.461.076-2.156.781s-.875 2.826-1.37 3.699c-.496.863-1.391 1.577-1.643 2.564c-.252.952.165 2.027.165 3.05c0 1.03-.417 2.106-.165 3.05c.26.986 1.156 1.7 1.642 2.564c.496.872.67 2.018 1.365 2.723s1.824.881 2.685 1.384c.851.502 1.555 1.41 2.529 1.665c.938.256 1.998-.167 3.006-.167c1.017 0 2.077.423 3.007.167c.973-.264 1.677-1.172 2.529-1.665c.86-.503 1.99-.679 2.685-1.384s.869-1.85 1.364-2.723c.495-.864 1.39-1.578 1.642-2.565c.261-.943-.156-2.018-.156-3.05"/></g><path fill="#E6B990" d="m11.873 13.763l.84 1.88c.19.42.67.6 1.09.42c.42-.19.6-.67.42-1.09l-.84-1.88a.82.82 0 0 0-1.09-.41c-.42.18-.6.67-.42 1.08"/><path fill="#E6B78D" d="m7.583 14.503l-1.83.95c-.4.21-.56.71-.35 1.11s.71.56 1.11.35l1.83-.95c.4-.21.56-.71.35-1.11a.827.827 0 0 0-1.11-.35"/><path fill="#E7BA93" d="M20.273 9.173v2.06c0 .45.37.82.82.82s.82-.37.82-.82v-2.06c0-.45-.37-.82-.82-.82s-.82.37-.82.82"/><path fill="#E6B990" d="m8.513 9.663l-1.22 1.66c-.27.37-.2.88.17 1.15s.88.19 1.15-.17l1.22-1.66a.81.81 0 0 0-.17-1.15a.827.827 0 0 0-1.15.17m6.6-2.61l-1.57 1.34c-.35.29-.39.81-.09 1.16c.29.35.81.39 1.16.09l1.57-1.33c.35-.29.39-.81.09-1.16a.825.825 0 0 0-1.16-.1"/><path fill="#E8BB94" d="m24.513 15.333l1.33 1.57c.29.35.81.39 1.16.09c.35-.29.39-.81.09-1.16l-1.33-1.57a.814.814 0 0 0-1.16-.09c-.34.3-.39.82-.09 1.16"/><path fill="#ECBB95" d="m25.313 22.603l1.51-1.4a.821.821 0 0 0-1.12-1.2l-1.51 1.4a.821.821 0 0 0 1.12 1.2"/><path fill="#E3B38C" d="m8.163 21.983l-1.03-1.78a.83.83 0 0 0-1.13-.3a.83.83 0 0 0-.3 1.13l1.03 1.78c.23.39.73.53 1.13.3s.53-.73.3-1.13"/><path fill="#E7B990" d="m20.603 14.723l-1.89-.81c-.42-.18-.9.01-1.08.43s.01.9.43 1.08l1.89.81c.42.18.9-.01 1.08-.43s-.01-.9-.43-1.08"/><g filter="url(#i2oEXve)"><path fill="#87564E" d="M22.13 17.273H9.37a.87.87 0 0 0-.87.87v8.295c0 1.28 1.48 1.28 3.31 1.28h7.88c1.83 0 3.31 0 3.31-1.202v-8.373a.87.87 0 0 0-.87-.87"/></g><path fill="url(#icTEZkb)" d="M22.393 17.273H9.633a.87.87 0 0 0-.87.87v8.59c0 1.83 1.48 3.31 3.31 3.31h7.88c1.83 0 3.31-1.48 3.31-3.31v-8.59a.87.87 0 0 0-.87-.87"/><path fill="url(#iZwuPMc)" d="M22.393 17.273H9.633a.87.87 0 0 0-.87.87v8.59c0 1.83 1.48 3.31 3.31 3.31h7.88c1.83 0 3.31-1.48 3.31-3.31v-8.59a.87.87 0 0 0-.87-.87"/><path fill="url(#iqrgJ7b)" d="M22.393 17.273H9.633a.87.87 0 0 0-.87.87v8.59c0 1.83 1.48 3.31 3.31 3.31h7.88c1.83 0 3.31-1.48 3.31-3.31v-8.59a.87.87 0 0 0-.87-.87"/><g filter="url(#iOfXaIe)"><path fill="url(#ig6BLNd)" d="M22.258 17.409H9.768a.85.85 0 0 0-.851.851v8.408a3.237 3.237 0 0 0 3.24 3.24h7.713a3.237 3.237 0 0 0 3.24-3.24V18.26a.85.85 0 0 0-.852-.851"/><path fill="url(#iO1zIpb)" d="M22.258 17.409H9.768a.85.85 0 0 0-.851.851v8.408a3.237 3.237 0 0 0 3.24 3.24h7.713a3.237 3.237 0 0 0 3.24-3.24V18.26a.85.85 0 0 0-.852-.851"/></g><g filter="url(#iK09COc)"><path fill="url(#imlQqIC)" d="M12.75 5.901c.05-.65.406-1.453.406-1.453c.563.234 2.844.406 2.844.406v1.422c-1.104.146-3.25-.375-3.25-.375"/></g><defs><linearGradient id="i46riMb" x1="3" x2="29.036" y1="15.375" y2="15.375" gradientUnits="userSpaceOnUse"><stop stop-color="#916540"/><stop offset=".185" stop-color="#97643A"/><stop offset=".54" stop-color="#D28138"/><stop offset=".735" stop-color="#FFA45A"/><stop offset="1" stop-color="#FFAD65"/></linearGradient><linearGradient id="imwcogd" x1="23.974" x2="7.08" y1="9.125" y2="24.689" gradientUnits="userSpaceOnUse"><stop stop-color="#D28149"/><stop offset=".463" stop-color="#D98F5A"/><stop offset="1" stop-color="#E2A26F"/></linearGradient><linearGradient id="icTEZkb" x1="8.763" x2="23.263" y1="23.658" y2="23.658" gradientUnits="userSpaceOnUse"><stop stop-color="#51386E"/><stop offset="1" stop-color="#584A95"/></linearGradient><linearGradient id="iZwuPMc" x1="14.063" x2="14.063" y1="30.043" y2="23.658" gradientUnits="userSpaceOnUse"><stop stop-color="#4C2D6F"/><stop offset="1" stop-color="#503374" stop-opacity="0"/></linearGradient><linearGradient id="iqrgJ7b" x1="9.75" x2="23" y1="29.313" y2="17.273" gradientUnits="userSpaceOnUse"><stop stop-color="#442C51"/><stop offset=".339" stop-color="#4B356A"/><stop offset=".509" stop-color="#5C4877"/><stop offset="1" stop-color="#7975B9"/></linearGradient><linearGradient id="ig6BLNd" x1="8.917" x2="23.109" y1="23.658" y2="23.658" gradientUnits="userSpaceOnUse"><stop stop-color="#51386E"/><stop offset="1" stop-color="#584A95"/></linearGradient><linearGradient id="iO1zIpb" x1="14.104" x2="14.104" y1="29.908" y2="23.658" gradientUnits="userSpaceOnUse"><stop stop-color="#4C2D6F"/><stop offset="1" stop-color="#503374" stop-opacity="0"/></linearGradient><linearGradient id="imlQqIC" x1="14.375" x2="18.469" y1="5.375" y2="5.969" gradientUnits="userSpaceOnUse"><stop stop-color="#E79043"/><stop offset=".841" stop-color="#E79043" stop-opacity="0"/></linearGradient><filter id="imEKOIb" width="25.125" height="25.438" x="3.125" y="4.125" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_28893" stdDeviation=".625"/></filter><filter id="i2oEXve" width="15" height="10.946" x="8.25" y="17.023" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_28893" stdDeviation=".125"/></filter><filter id="iOfXaIe" width="14.393" height="12.699" x="8.817" y="17.309" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_28893" stdDeviation=".05"/></filter><filter id="iK09COc" width="5.25" height="3.854" x="11.75" y="3.448" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_28893" stdDeviation=".5"/></filter><radialGradient id="iSwYwFb" cx="0" cy="0" r="1" gradientTransform="rotate(165.887 10.51 15.579)scale(11.2779 2.98316)" gradientUnits="userSpaceOnUse"><stop stop-color="#9B617D"/><stop offset="1" stop-color="#A26070" stop-opacity="0"/></radialGradient></defs></g></svg>Rice Cracker アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:rice-cracker" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:rice-cracker" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:rice-cracker" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--rice-cracker]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:rice-cracker"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:rice-cracker"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji/rice-cracker.svg" alt="Rice Cracker アイコン" width="24" height="24">Fluent Emoji の関連アイコン
他のアイコンセットの Rice Cracker アイコン
Rice Cracker アイコン のよくある質問
Rice Cracker アイコンは商用利用でも無料ですか?
はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Rice Cracker アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:rice-cracker" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rice Cracker アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/rice-cracker.svg" alt="Rice Cracker アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。