ICONYZ
日本語
Pinhead Map Icons の Loaf Of Pan Bread With Steam アイコン

Loaf Of Pan Bread With Steam アイコン

pinhead:loaf-of-pan-bread-with-steam

Loaf Of Pan Bread With Steam アイコン(pinhead:loaf-of-pan-bread-with-steam)は、Pinhead Map Icons セットの無料 SVG アイコンです(作者: Quincy Morgan)。 15 × 15 のグリッドで描かれています。 Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Pinhead Map Icons
作者
Quincy Morgan
ライセンス
CC0-1.0
サイズ
15 × 15
タグ
loafof、ofpan、panbread、breadwith、withsteam
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M7.64 5H7.5c.35 0 .68 0 1.01.01c.88.73 1.45 1.33 1.7 1.81q.285.51.6 1.41a.252.252 0 0 0 .48-.02c.14-.59.21-1.05.21-1.39c0-.49-.29-1.09-.86-1.82l.09.11c.93.07 1.74.17 2.44.31l.27.06A2 2 0 0 1 15 7.43v.95c0 .63-.33 1.22-.86 1.54L14 10v3.66c0 .49-.36.91-.85.99c-1.53.23-3.41.35-5.65.35c-2.05 0-3.8-.1-5.26-.3l-.39-.05c-.49-.08-.85-.5-.85-.99V10c-.61-.31-1-.93-1-1.62v-.95a2 2 0 0 1 1.56-1.95c.38-.09.79-.16 1.24-.22q1.08.93 1.41 1.56q.285.51.6 1.41a.252.252 0 0 0 .48-.02c.14-.59.21-1.05.21-1.39c0-.49-.29-1.09-.86-1.82l.06.08c.27-.02.55-.03.84-.04c.86.71 1.42 1.31 1.67 1.78q.285.51.6 1.41a.252.252 0 0 0 .48-.02c.14-.59.21-1.05.21-1.39c0-.49-.29-1.09-.86-1.82M3 1.75C3 .92 3.5.33 4.5 0l-.42.74c-.26.45-.12 1.04.32 1.33c.4.26.6.65.6 1.18C5 4.08 4.5 4.67 3.5 5l.42-.74c.26-.45.12-1.04-.32-1.33c-.4-.26-.6-.65-.6-1.18m3 0C6 .92 6.5.33 7.5 0l-.42.74c-.26.45-.12 1.04.32 1.33c.4.26.6.65.6 1.18C8 4.08 7.5 4.67 6.5 5l.42-.74c.26-.45.12-1.04-.32-1.33c-.4-.26-.6-.65-.6-1.18m3 0C9 .92 9.5.33 10.5 0l-.42.74c-.26.45-.12 1.04.32 1.33c.4.26.6.65.6 1.18c0 .83-.5 1.42-1.5 1.75l.42-.74c.26-.45.12-1.04-.32-1.33c-.4-.26-.6-.65-.6-1.18"/></svg>

Loaf Of Pan Bread With Steam アイコンの使い方

React

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

<Icon icon="pinhead:loaf-of-pan-bread-with-steam" width="24" />

Vue

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

<template>
  <Icon icon="pinhead:loaf-of-pan-bread-with-steam" width="24" />
</template>

Svelte

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

<Icon icon="pinhead:loaf-of-pan-bread-with-steam" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--loaf-of-pan-bread-with-steam]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:loaf-of-pan-bread-with-steam"></div>

Web コンポーネント

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

<iconify-icon icon="pinhead:loaf-of-pan-bread-with-steam"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/pinhead/loaf-of-pan-bread-with-steam.svg" alt="Loaf Of Pan Bread With Steam アイコン" width="24" height="24">

Pinhead Map Icons の関連アイコン

Loaf Of Pan Bread With Steam アイコン のよくある質問

Loaf Of Pan Bread With Steam アイコンは商用利用でも無料ですか?

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

React で Loaf Of Pan Bread With Steam アイコンを使うには?

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

Loaf Of Pan Bread With Steam アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/loaf-of-pan-bread-with-steam.svg" alt="Loaf Of Pan Bread With Steam アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Pinhead Map Icons をすべて見る →