Amphora アイコン
fluent-emoji-flat:amphora
Amphora アイコン(fluent-emoji-flat:amphora)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 飲食
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#7d4533" d="M8.68 7.524c.458-.554 1.081-.773 1.75-.703c.683.07 1.428.45 2.037 1.136l.022.024l1.273 1.294a.625.625 0 1 0 .891-.877l-1.262-1.283c-.784-.878-1.8-1.43-2.832-1.538c-1.05-.11-2.097.249-2.842 1.15c-.608.735-.946 1.54-.821 2.455c.12.879.653 1.736 1.495 2.629l.023.023l1.336 1.273a.625.625 0 0 0 .862-.905l-1.323-1.26c-.765-.814-1.087-1.434-1.155-1.929c-.063-.462.083-.928.546-1.49m14.635.001c-.458-.554-1.081-.773-1.75-.703c-.683.07-1.428.45-2.037 1.136l-.022.024l-1.273 1.294a.625.625 0 0 1-.891-.877l1.262-1.283c.784-.878 1.8-1.43 2.832-1.538c1.05-.11 2.097.249 2.842 1.15c.608.735.946 1.54.822 2.455c-.12.879-.654 1.736-1.496 2.629l-.023.023l-1.335 1.273a.625.625 0 0 1-.863-.905l1.323-1.26c.765-.814 1.087-1.434 1.155-1.929c.063-.462-.082-.928-.546-1.49"/><path fill="#b97028" d="M13.455 6.455C13.1 4.755 13 4 13 4l.043-.075h5.86L19 4s-.1.755-.455 2.455c-.354 1.701-.557 2.706.455 3.33l.106.065c1.224.753 3.404 2.094 4.142 4.775l-.021.047l.14.672l.042.03q.057.362.08.75l-.036.04v.664l.044.047c-.015.65-.085 1.174-.27 1.75l-.051.031l-.27.668l.028.05c-.306.682-.768 1.5-1.456 2.66C19.775 24.906 18.5 27.5 18.5 27.5l-.073.067H13.56l-.06-.067s-1.274-2.593-2.978-5.467c-.688-1.159-1.15-1.977-1.456-2.658l.024-.05l-.274-.665l-.042-.035c-.186-.576-.256-1.1-.27-1.75l.039-.035v-.664l-.031-.051q.02-.39.079-.75l.038-.027l.145-.688l-.022-.035c.738-2.681 2.918-4.022 4.142-4.775L13 9.785c1.012-.624.809-1.629.455-3.33"/><path fill="#8c5543" d="M12.75 2a1 1 0 1 0 0 2h6.5a1 1 0 1 0 0-2zm.75 25.5h5l1 1.5c.5.75 0 1-.5 1h-6c-.5 0-1-.25-.5-1z"/><path fill="#6d4534" d="M23.248 14.625H21a.375.375 0 0 0-.375.375v1.5c0 .207.168.375.375.375h2.497q.003-.142.003-.292q0-.234-.012-.458h-2.113v-.75h2.034a7 7 0 0 0-.161-.75"/><path fill="#6d4534" d="M23.227 18.625h-3.352V15a.375.375 0 0 0-.375-.375H14a.375.375 0 0 0-.375.375v1.5c0 .207.168.375.375.375h3.125v1.75h-4.25V15a.375.375 0 0 0-.375-.375H8.752q-.1.36-.161.75h3.534V19c0 .207.168.375.375.375h5a.375.375 0 0 0 .375-.375v-2.5a.375.375 0 0 0-.375-.375h-3.125v-.75h4.75V19c0 .207.168.375.375.375h3.434a7 7 0 0 0 .293-.75"/><path fill="#6d4534" d="M9.066 19.375H10.5a.375.375 0 0 0 .375-.375v-2.5a.375.375 0 0 0-.375-.375H8.512q-.012.224-.012.458q0 .15.003.292h1.622v1.75H8.774c.076.237.172.483.292.75"/></g></svg>
Amphora アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:amphora" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:amphora" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:amphora" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--amphora]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:amphora"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:amphora"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/amphora.svg" alt="Amphora アイコン" width="24" height="24">
Amphora アイコン のよくある質問
Amphora アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Amphora アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:amphora" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Amphora アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/amphora.svg" alt="Amphora アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
