Baby Bottle アイコン
fluent-emoji-flat:baby-bottle
Baby Bottle アイコン(fluent-emoji-flat:baby-bottle)は、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
- カテゴリ
- 飲食
- タグ
- babybottle
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#fcd53f" d="m6.27 3.3l-.68-.68a2.1 2.1 0 0 0-2.97 2.97l.68.68c.26.26.36.65.24 1.01L3 8.89c-.24.71-.05 1.49.48 2.01l.62.63h.068l4.196-3.175l3.166-4.16V4.1l-.63-.62c-.52-.53-1.3-.72-2.01-.48l-1.61.54c-.36.12-.75.02-1.01-.24"/><path fill="#fbb8ab" d="m19.33 5.22l-.02-.02l-.03-.03a4.206 4.206 0 0 0-5.509-.288c-.132.104-.61-.162-.733-.04l-8.17 8.17c-.127.127.108.638 0 .777a4.206 4.206 0 0 0 .302 5.491l.05.05l9.29 9.29a4.726 4.726 0 0 0 6.69 0l7.43-7.43a4.726 4.726 0 0 0 0-6.69l-.03-.03l-9.23-9.23c-.02-.01-.03-.02-.04-.02"/><path fill="#ffe5d9" d="M18.46 6.44c-.08-.05-.15-.11-.22-.18a2.71 2.71 0 0 0-3.79.03l-8.17 8.17c-1.03 1.04-1.05 2.74-.03 3.79c.01.02.02.03.03.04l2.937 2.937c-.033-.041-.002-.073-.03-.118a1.26 1.26 0 0 1 .415-1.738l13.185-7.846a.62.62 0 0 1 .615-.017c.053.028.105-.001.148.042z"/><path fill="#f4f4f4" d="M15.55 27.57L9.3 21.32c-.57-.58-.45-1.54.24-1.96l13.25-7.9a.62.62 0 0 1 .76.09l3.99 4.03a3.223 3.223 0 0 1 0 4.56l-7.43 7.43a3.223 3.223 0 0 1-4.56 0"/><path fill="#e39d89" d="m11.58 4.05l-7.53 7.53a.99.99 0 0 0 0 1.39l.819.819q.16-.208.351-.399l8.17-8.17q.185-.186.387-.343l-.817-.817c-.38-.39-1-.39-1.38-.01m.05 10.42l-1.77 1.77c-.29.29-.29.77 0 1.06s.77.29 1.06 0l1.77-1.77c.29-.29.29-.77 0-1.06c-.29-.3-.76-.3-1.06 0m3.36 3.36l-1.77 1.77c-.29.29-.29.77 0 1.06s.77.29 1.06 0l1.77-1.77c.29-.29.29-.77 0-1.06c-.29-.3-.76-.3-1.06 0m3.36 3.35l-1.77 1.77c-.29.29-.29.77 0 1.06s.77.29 1.06 0l1.77-1.77c.29-.29.29-.77 0-1.06a.754.754 0 0 0-1.06 0"/></g></svg>
Baby Bottle アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:baby-bottle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:baby-bottle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:baby-bottle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--baby-bottle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:baby-bottle"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:baby-bottle"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/baby-bottle.svg" alt="Baby Bottle アイコン" width="24" height="24">
Fluent Emoji Flat の関連アイコン
他のアイコンセットの Baby Bottle アイコン
Baby Bottle アイコン のよくある質問
Baby Bottle アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Baby Bottle アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:baby-bottle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Baby Bottle アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/baby-bottle.svg" alt="Baby Bottle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
