Rice Ball アイコン

Q: Rice Ball アイコンは商用利用でも無料ですか?

はい。Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

streamline-emojis:rice-ball

Rice Ball アイコン(streamline-emojis:rice-ball)は、Streamline Emojis セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Streamline Emojis icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Streamline Emojis
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 48 × 48
カテゴリ: 飲食
タグ: riceball

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M2.08 44.17a21.92 1.83 0 1 0 43.84 0a21.92 1.83 0 1 0-43.84 0" opacity=".15"/><path fill="#fff" d="M45.92 33.68a5.06 5.06 0 0 0-1-3a5 5 0 0 0 0-.65a5.1 5.1 0 0 0-1.91-4v-.22a5.1 5.1 0 0 0-2.73-4.52a2 2 0 0 0 0-.35a1.8 1.8 0 0 0-.86-1.82a5 5 0 0 0 .24-1.12a4.67 4.67 0 0 0-3-4.4a1.93 1.93 0 0 0-1.56-1.83a5 5 0 0 0-3.64-4.39A2.53 2.53 0 0 0 29 5.6A5.65 5.65 0 0 0 24.28 3a5.1 5.1 0 0 0-3.06 1a5 5 0 0 0-1-.1a4.72 4.72 0 0 0-4.47 3.28a2.23 2.23 0 0 0-2 2.18a2.7 2.7 0 0 0 .05.49c-1.72.82-3.83 2.57-3.83 4.61a3.2 3.2 0 0 0 .19 1.07c-1.64.81-2.17 2.17-2.22 4.11a2 2 0 0 0-1.66 2a2.2 2.2 0 0 0 .06.51a5.39 5.39 0 0 0-2 4.54a5.11 5.11 0 0 0-1.58 6.81a5.11 5.11 0 0 0 2.68 7.35a2.55 2.55 0 0 0 2.38 1.65a3 3 0 0 0 .41 0a5 5 0 0 0 3.52 1.42a5.65 5.65 0 0 0 2.87-.39h18.76a8.1 8.1 0 0 0 4.27.59a5.64 5.64 0 0 0 4.6-4.16a2.54 2.54 0 0 0 2.1-2.5v-.06a5.1 5.1 0 0 0 1.57-3.72"/><path fill="#f0f0f0" d="M44.35 33.57v.06a2.54 2.54 0 0 1-2.1 2.5a5.63 5.63 0 0 1-4.6 4.16c-1.75.33-3.63-.69-4.27-1H14.62a5.8 5.8 0 0 1-2.87.78a5 5 0 0 1-3.52-1.42a2 2 0 0 1-.41 0a2.54 2.54 0 0 1-2.38-1.66a5.12 5.12 0 0 1-3-2.9a5 5 0 0 0-.37 1.9a5.11 5.11 0 0 0 3.36 4.8a2.55 2.55 0 0 0 2.39 1.71a3 3 0 0 0 .41 0a5 5 0 0 0 3.52 1.42a5.65 5.65 0 0 0 2.87-.39h18.76a8.1 8.1 0 0 0 4.27.59a5.64 5.64 0 0 0 4.6-4.16a2.54 2.54 0 0 0 2.1-2.5v-.06a5.1 5.1 0 0 0 1.57-3.69a5 5 0 0 0-.37-1.9a5.1 5.1 0 0 1-1.2 1.76"/><path fill="none" stroke="#45413c" stroke-linejoin="round" d="M45.92 33.68a5.06 5.06 0 0 0-1-3a5 5 0 0 0 0-.65a5.1 5.1 0 0 0-1.91-4v-.22a5.1 5.1 0 0 0-2.73-4.52a2 2 0 0 0 0-.35a1.8 1.8 0 0 0-.86-1.82a5 5 0 0 0 .24-1.12a4.67 4.67 0 0 0-3-4.4a1.93 1.93 0 0 0-1.56-1.83a5 5 0 0 0-3.64-4.39A2.53 2.53 0 0 0 29 5.6A5.65 5.65 0 0 0 24.28 3a5.1 5.1 0 0 0-3.06 1a5 5 0 0 0-1-.1a4.72 4.72 0 0 0-4.47 3.28a2.23 2.23 0 0 0-2 2.18a2.7 2.7 0 0 0 .05.49c-1.72.82-3.83 2.57-3.83 4.61a3.2 3.2 0 0 0 .19 1.07c-1.64.81-2.17 2.17-2.22 4.11a2 2 0 0 0-1.66 2a2.2 2.2 0 0 0 .06.51a5.39 5.39 0 0 0-2 4.54a5.11 5.11 0 0 0-1.58 6.81a5.11 5.11 0 0 0 2.68 7.35a2.55 2.55 0 0 0 2.38 1.65a3 3 0 0 0 .41 0a5 5 0 0 0 3.52 1.42a5.65 5.65 0 0 0 2.87-.39h18.76a8.1 8.1 0 0 0 4.27.59a5.64 5.64 0 0 0 4.6-4.16a2.54 2.54 0 0 0 2.1-2.5v-.06a5.1 5.1 0 0 0 1.57-3.72Z"/><path fill="#656769" d="M15.71 26.17h16.58a1.1 1.1 0 0 1 1.1 1.1V43.5H14.62V27.27a1.1 1.1 0 0 1 1.09-1.1"/><path fill="#525252" d="M14.62 39.31h18.77v4.19H14.62z"/><path fill="none" stroke="#45413c" stroke-linejoin="round" d="M15.71 26.17h16.58a1.1 1.1 0 0 1 1.1 1.1V43.5H14.62V27.27a1.1 1.1 0 0 1 1.09-1.1Z"/><path fill="none" stroke="#4f4b45" stroke-linecap="round" stroke-linejoin="round" d="M22.57 9.68A2 2 0 0 0 21 11.12a3 3 0 0 0-.81 0a2.89 2.89 0 0 0-2.4 2.3a2 2 0 0 0-.56 0a2 2 0 0 0-1.65 2.26M36 20.78a1.6 1.6 0 0 0-1.61-1.59a2.67 2.67 0 0 0-2.67-2.66a2.73 2.73 0 0 0-1.33.36A1.45 1.45 0 0 0 29 16m-18.68 8.92a3.25 3.25 0 0 0-1.24 3.3a1.8 1.8 0 0 0-.63.3A1.76 1.76 0 0 0 8 30.75a2.13 2.13 0 0 0-.45 3M37.91 37a3.19 3.19 0 0 0 2.55-5.11a1.66 1.66 0 0 0 .35-1a1.69 1.69 0 0 0-2-1.65a2 2 0 0 0-1.74-3.09"/></svg>

Rice Ball アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="streamline-emojis:rice-ball" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="streamline-emojis:rice-ball" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="streamline-emojis:rice-ball" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--rice-ball]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:rice-ball"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="streamline-emojis:rice-ball"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-emojis/rice-ball.svg" alt="Rice Ball アイコン" width="24" height="24">

他のアイコンセットの Rice Ball アイコン

Rice Ball アイコンのよくある質問

Rice Ball アイコンは商用利用でも無料ですか?

はい。Streamline Emojis icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Rice Ball アイコンを使うには?

@iconify/react をインストールして <Icon icon="streamline-emojis:rice-ball" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Rice Ball アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-emojis/rice-ball.svg" alt="Rice Ball アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Streamline Emojis アイコンをすべて見る →