ICONYZ
日本語
Material Design Icons の Peanut Off Outline アイコン

Peanut Off Outline アイコン

mdi:peanut-off-outline

Peanut Off Outline アイコン(mdi:peanut-off-outline)は、Material Design Icons セットの無料 SVG アイコンです(作者: Pictogrammers)。 24 × 24 のグリッドで描かれています。 Material Design Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Material Design Icons
作者
Pictogrammers
ライセンス
Apache-2.0
サイズ
24 × 24
カテゴリ
農業、飲食
タグ
allergen off outline、food allergy off outline、food、drink、agriculture、peanutoff、offoutline、peanutoffoutline
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m22.11 21.46l-1.27 1.27l-3.15-3.15c-.33.63-.76 1.19-1.28 1.67a6.43 6.43 0 0 1-5.8 1.6c-3.51-.75-5.74-4.21-4.99-7.72c.25-1.18.83-2.26 1.66-3.13a.93.93 0 0 0 0-1.28a6 6 0 0 1-1.24-2.79L1.11 3l1.28-1.27zm-6.81-1.9c.39-.43.7-.93.89-1.48l-2.44-2.44c-.18.23-.46.36-.75.36c-.55 0-1-.45-1-1c0-.29.13-.57.36-.75l-2.81-2.81c-.02.74-.31 1.44-.82 1.97c-1.7 1.81-1.6 4.66.21 6.36l.01.01a4.5 4.5 0 0 0 6.35-.22M14 17c-1.29 0-1.28 2 0 2s1.29-2 0-2M6.9 3.7l1.53 1.53c.25-.52.62-.98 1.07-1.34c.7-.58 1.59-.89 2.5-.89h.88c.59.14 1.12.41 1.62.79c1.72 1.38 2 3.9.62 5.62a3 3 0 0 0-.67 1.84l3.87 3.87c-.25-1.15-.82-2.2-1.6-3.06c-.35-.36-.39-.93-.1-1.34C16.62 10.72 18 9 18 7S15.97.997 12 .997S6.9 3.7 6.9 3.7M12 17c0-1.29-2-1.28-2 0s2 1.29 2 0m1-12c-1.29 0-1.28 2 0 2s1.29-2 0-2"/></svg>

Peanut Off Outline アイコンの使い方

React

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

<Icon icon="mdi:peanut-off-outline" width="24" />

Vue

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

<template>
  <Icon icon="mdi:peanut-off-outline" width="24" />
</template>

Svelte

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

<Icon icon="mdi:peanut-off-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi--peanut-off-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:peanut-off-outline"></div>

Web コンポーネント

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

<iconify-icon icon="mdi:peanut-off-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/mdi/peanut-off-outline.svg" alt="Peanut Off Outline アイコン" width="24" height="24">

Material Design Icons の関連アイコン

Peanut Off Outline アイコン のよくある質問

Peanut Off Outline アイコンは商用利用でも無料ですか?

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

React で Peanut Off Outline アイコンを使うには?

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

Peanut Off Outline アイコンをウェブページに追加するには?

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

Material Design Icons をすべて見る →