Bread icon
fxemoji:bread
The Bread icon (fxemoji:bread) 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="#BC7535" d="M322.927 70.687c-10.48 0-20.778.501-30.82 1.473H175.32v.197l-.419.014q-1.995.058-3.98.138c-.525.022-1.047.05-1.571.075c-.936.043-1.873.086-2.805.137c-.6.033-1.197.073-1.796.109c-.852.052-1.704.102-2.552.161q-.94.067-1.877.139q-1.226.09-2.447.189q-.959.081-1.915.168q-1.19.105-2.374.218q-.97.096-1.938.196q-1.166.12-2.327.247a336 336 0 0 0-4.232.501a299 299 0 0 0-8.37 1.174q-.945.146-1.888.298q-1.13.184-2.254.376q-.927.156-1.849.319q-1.135.203-2.264.414q-.904.166-1.803.337c-.765.147-1.525.301-2.285.454c-.58.117-1.161.231-1.739.352q-1.185.25-2.363.508c-.539.117-1.081.232-1.618.352c-.871.195-1.734.399-2.599.602c-.445.105-.893.205-1.336.312a252 252 0 0 0-3.871.963l-.221.059q-1.83.472-3.64.97c-.433.119-.86.244-1.292.365c-.839.236-1.679.471-2.511.714c-.502.147-.998.299-1.497.449q-1.131.336-2.252.682q-.794.25-1.583.503q-1.063.337-2.119.682c-.539.177-1.073.36-1.609.54q-1.027.345-2.045.698q-.808.283-1.609.57q-1 .356-1.991.72a232 232 0 0 0-5.135 1.969a204 204 0 0 0-6.879 2.888q-.935.415-1.861.837q-.746.338-1.487.681q-.928.434-1.848.876q-.723.344-1.44.693c-.624.306-1.241.617-1.859.929c-.455.229-.913.457-1.364.689c-.642.331-1.276.668-1.91 1.005c-.416.221-.836.439-1.249.662q-1.047.57-2.078 1.151c-.338.189-.681.375-1.016.566a156 156 0 0 0-3.029 1.767C24.108 122.649 5.017 150.08 3.571 179.983l-.012.213a75 75 0 0 0-.086 3.453c0 27.939 16.526 52.665 41.763 63.484v139.901c0 30.069 24.463 54.533 54.533 54.533h169.374c1.046 0 2.083-.037 3.115-.095c.244-.014.486-.038.729-.056q1.227-.084 2.44-.223q.316-.038.631-.08a53 53 0 0 0 2.607-.396q.185-.032.368-.066a54 54 0 0 0 2.958-.628h125.623c30.069 0 54.533-24.463 54.533-54.532V245.589c25.236-10.818 41.763-35.544 41.763-63.483c-.001-67.685-71.041-111.419-180.983-111.419"/><path fill="#FCDEA2" d="M356.302 183.649c0-63.753-69.775-102.283-171.847-102.283c-100.109 0-169.143 44.97-171.761 99.091l-.009.159a67 67 0 0 0-.077 3.033c0 26.772 17.546 49.438 41.763 57.148v146.237c0 25.072 20.325 45.397 45.397 45.397h169.374c25.072 0 45.397-20.325 45.397-45.397V240.797c24.217-7.71 41.763-30.377 41.763-57.148"/></svg>
How to use the Bread icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:bread" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:bread" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:bread" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--bread]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:bread"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:bread"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/bread.svg" alt="Bread icon" width="24" height="24">
Bread icon in other icon sets
Bread icon FAQ
Is the Bread 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 Bread icon in React?
Install @iconify/react and render <Icon icon="fxemoji:bread" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Bread icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/bread.svg" alt="Bread icon">, or paste the SVG code inline to style it with CSS.
Browse all Firefox OS Emoji icons →
ICONYZ
