Openfoodfact アイコン
openmoji:openfoodfact
Openfoodfact アイコン(openmoji:openfoodfact)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- OpenMoji
- 作者
- OpenMoji
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 72 × 72
- カテゴリ
- OpenMoji 追加分
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#b1cc33" stroke="#b1cc33" stroke-linejoin="round" stroke-width="2" d="m45 37l8-10v31h-8z"/><path fill="#ea5a47" stroke="#ea5a47" stroke-linejoin="round" stroke-width="2" d="M34 34.5L27.95 27H12v31h22z"/><path fill="#fcea2b" stroke="#fcea2b" stroke-linejoin="round" stroke-width="2" d="M37 37h5v21h-5zm-1-14h8v14h-8z"/><path fill="#b1cc33" stroke="#b1cc33" stroke-linejoin="round" stroke-width="2" d="M47 18h4v15h-4z"/><path fill="#ea5a47" stroke="#ea5a47" stroke-linejoin="round" stroke-width="2" d="M33 21h-4v12h4z"/><path fill="#d0cfce" d="M48.101 12.283a14.43 14.43 0 0 0-10.937-1.937a14.42 14.42 0 0 0-9.104 6.364c-4.304 6.746-2.318 15.737 4.428 20.042c6.745 4.304 15.735 2.32 20.042-4.428a14.42 14.42 0 0 0 1.936-10.937a14.42 14.42 0 0 0-6.365-9.104m1.836 18.388c-2.178 3.414-5.881 5.28-9.66 5.28a11.36 11.36 0 0 1-6.135-1.791c-5.317-3.393-6.882-10.48-3.49-15.796a11.36 11.36 0 0 1 7.176-5.016a11.36 11.36 0 0 1 8.62 1.527a11.36 11.36 0 0 1 5.016 7.175c.66 2.983.117 6.044-1.527 8.62"/><path fill="#3f3f3f" d="m27.767 38.307l-6.918 10.335l-3.711 5.815c-.478.75.38 3.21 1.13 3.689c.36.23 2.532.01 2.532.01l11.524-17.191z"/><path fill="#92d3f5" stroke="#92d3f5" stroke-linejoin="round" stroke-width="2" d="M56 30h4v28h-4z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="2"><path stroke-linejoin="round" d="M34 44.5V58h-8.905M23 27H12v31h3.143M36 32v-9h8v9"/><path d="M47 19.5V30"/><path stroke-linejoin="round" d="M37 41v17h5V41m3-.347V58h8V36m4-6h3v28h-4V33"/><path stroke-linejoin="round" stroke-miterlimit="10" d="M52.537 32.067c4.307-6.568 2.327-15.289-4.423-19.48c-6.75-4.19-15.712-2.263-20.02 4.304c-4.306 6.568-2.326 15.289 4.424 19.48c6.75 4.19 15.712 2.263 20.02-4.304"/><path stroke-linejoin="round" stroke-miterlimit="10" d="M49.639 30.267c3.285-5.01 1.774-11.663-3.374-14.86c-5.15-3.196-11.986-1.726-15.271 3.284s-1.775 11.662 3.374 14.859c5.148 3.197 11.985 1.727 15.27-3.283m-21.861 8.177l4.364 2.709l-10.396 15.853c-.743 1.133-2.322 1.444-3.526.696c-1.205-.748-1.58-2.272-.838-3.405z"/><path d="M33 21v8"/></g></svg>Openfoodfact アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:openfoodfact" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:openfoodfact" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:openfoodfact" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--openfoodfact]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:openfoodfact"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:openfoodfact"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/openfoodfact.svg" alt="Openfoodfact アイコン" width="24" height="24">Openfoodfact アイコン のよくある質問
Openfoodfact アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Openfoodfact アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:openfoodfact" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Openfoodfact アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/openfoodfact.svg" alt="Openfoodfact アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。