ICONYZ
日本語
Flowbite Icons の Bowl Food Solid アイコン

Bowl Food Solid アイコン

flowbite:bowl-food-solid

Bowl Food Solid アイコン(flowbite:bowl-food-solid)は、Flowbite Icons セットの無料 SVG アイコンです(作者: Themesberg)。 24 × 24 のグリッドで描かれています。 Flowbite Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Flowbite Icons
作者
Themesberg
ライセンス
MIT
サイズ
24 × 24
カテゴリ
飲食
タグ
bowlfood、foodsolid、bowlfoodsolid
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M21 11a3 3 0 0 0-.984-2.221c.503-1.339.218-2.972-.981-3.942a3.41 3.41 0 0 0-3.627-.421a3.3 3.3 0 0 0-1.09-.932c-.823-.439-1.803-.54-2.741-.356a3.77 3.77 0 0 0-2.68 2.074a4 4 0 0 0-.278-.147c-.86-.407-1.891-.462-2.914.053c-1.406.708-2.13 2.353-1.844 3.85q-.242.217-.428.499C3.133 9.917 3 10.448 3 11a1 1 0 0 0 .995 1h16.01A1 1 0 0 0 21 11m-6.89-.765a1 1 0 0 0-1.325-.494a1 1 0 0 1-.831-1.82a3 3 0 0 1 3.975 1.483a1 1 0 0 1-1.82.83" clip-rule="evenodd"/><path d="M20.36 15.224c.282-.595-.196-1.224-.854-1.224H4.494c-.658 0-1.136.63-.853 1.224c.853 1.795 2.417 3.232 4.336 4.072V20a1 1 0 0 0 1 1h6.046a1 1 0 0 0 1-1v-.704c1.918-.84 3.483-2.277 4.336-4.072"/></g></svg>

Bowl Food Solid アイコンの使い方

React

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

<Icon icon="flowbite:bowl-food-solid" width="24" />

Vue

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

<template>
  <Icon icon="flowbite:bowl-food-solid" width="24" />
</template>

Svelte

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

<Icon icon="flowbite:bowl-food-solid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[flowbite--bowl-food-solid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/flowbite -->
<div class="i-flowbite:bowl-food-solid"></div>

Web コンポーネント

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

<iconify-icon icon="flowbite:bowl-food-solid"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/flowbite/bowl-food-solid.svg" alt="Bowl Food Solid アイコン" width="24" height="24">

Flowbite Icons の関連アイコン

Bowl Food Solid アイコン のよくある質問

Bowl Food Solid アイコンは商用利用でも無料ですか?

はい。Flowbite Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Bowl Food Solid アイコンを使うには?

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

Bowl Food Solid アイコンをウェブページに追加するには?

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

Flowbite Icons をすべて見る →