Babybottle icon
fxemoji:babybottle
The Babybottle icon (fxemoji:babybottle) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Objects
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#F9CB3A" d="M459.653 15.984c26.202-26.202 62.927 10.524 36.725 36.725c-66.531 66.531 9.912 65.136-64.935 139.983L319.698 80.947c74.847-74.847 73.453 1.595 139.983-64.935c26.202-26.202 62.927 10.524 36.725 36.725"/><path fill="#CAE3EA" d="m85.381 487.021l-60.012-60.012c-27.284-27.284-27.284-71.52 0-98.804l214.622-214.622a69.86 69.86 0 0 1 36.699-19.298l11.451-2.117a69.86 69.86 0 0 1 62.105 19.298l50.678 50.678a69.86 69.86 0 0 1 19.298 62.105l-2.117 11.451a69.87 69.87 0 0 1-19.298 36.699L184.185 487.021c-27.284 27.284-71.52 27.284-98.804 0"/><path fill="#DCF3F9" d="M94.83 471.453L40.938 417.56c-24.502-24.502-30.667-58.061-13.77-74.958L62 310.011h283l-42.299 42.299l-132.913 132.913c-16.897 16.896-50.457 10.731-74.958-13.77"/><path fill="#76DFFF" d="M413.666 202.776L309.614 98.724c-5.624-5.624-5.624-14.741 0-20.365l19.954-19.954c5.624-5.624 14.741-5.624 20.365 0l104.052 104.052c5.624 5.624 5.624 14.741 0 20.365l-19.954 19.954c-5.624 5.624-14.741 5.624-20.365 0"/><path fill="#3DCAEA" d="M331.489 105.508a6.278 6.278 0 0 1-4.438-10.716l18.83-18.831a6.277 6.277 0 1 1 8.877 8.877l-18.83 18.831a6.26 6.26 0 0 1-4.439 1.839m24.857 18.579l18.83-18.83a6.278 6.278 0 0 0-8.877-8.877l-18.83 18.83a6.278 6.278 0 0 0 8.877 8.877m20.417 20.417l18.83-18.83a6.278 6.278 0 0 0-8.877-8.877l-18.83 18.83a6.278 6.278 0 0 0 8.877 8.877m20.418 20.418l18.83-18.83a6.278 6.278 0 0 0-8.877-8.877l-18.83 18.83a6.278 6.278 0 0 0 8.877 8.877m20.417 20.417l18.83-18.83a6.278 6.278 0 0 0-8.877-8.877l-18.83 18.83a6.278 6.278 0 0 0 8.877 8.877"/><path fill="#F5FBFC" d="M344 310.011c0 11.317-62.352 20.491-140.5 20.491S62 321.328 62 310.011s63.352-20.491 141.5-20.491S344 298.694 344 310.011"/><path fill="#DFEEF2" d="M179.679 265.603a21.27 21.27 0 0 1-15.091-6.251c-8.334-8.334-8.334-21.847 0-30.182l100.589-100.589c8.334-8.334 21.848-8.335 30.182 0c8.335 8.334 8.335 21.848 0 30.183L194.771 259.352a21.28 21.28 0 0 1-15.092 6.251"/></svg>How to use the Babybottle icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:babybottle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:babybottle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:babybottle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--babybottle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:babybottle"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:babybottle"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/babybottle.svg" alt="Babybottle icon" width="24" height="24">Babybottle icon FAQ
Is the Babybottle icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Babybottle icon in React?
Install @iconify/react and render <Icon icon="fxemoji:babybottle" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Babybottle icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/babybottle.svg" alt="Babybottle icon">, or paste the SVG code inline to style it with CSS.