ICONYZ
English
Boule Bread icon from OpenMoji

Boule Bread icon

openmoji:boule-bread

The Boule Bread icon (openmoji:boule-bread) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
OpenMoji
Author
OpenMoji
License
CC-BY-SA-4.0
Size
72 × 72
Category
Extras Openmoji
Tags
boulebread
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M46.188 18.367C42.97 23.264 41 31.007 41 34c0-2.408 3.12-7.637 7.396-12M34.2 17.037C30.976 21.733 29 29.3 29 32.895c0-3.02 3.406-8.558 7.977-12.878m-16.087.307C18.45 24.93 17 30.921 17 34c0-3.048 3.47-8.663 8.108-13"/><path fill="#6a462f" d="M64 41c0 10.493-12.536 14-28 14S8 51.493 8 41s8-24 28-24s28 13.507 28 24"/><path fill="#a57939" d="M46.188 18.367a28 28 0 0 1 4.307 1.65C45.18 24.645 41 31.213 41 34c0-2.992 1.97-10.736 5.188-15.633m-5.83-1.14A41 41 0 0 0 36 17q-.916 0-1.8.037C30.976 21.733 29 29.3 29 32.895c0-3.727 5.19-11.295 11.358-15.668m-10.761.279C22.902 21.685 17 30.026 17 34c0-3.079 1.449-9.07 3.89-13.676c2.497-1.288 5.39-2.266 8.706-2.818"/><path fill="none" stroke="#a57939" stroke-linejoin="round" stroke-width="2" d="M46.188 18.367a28 28 0 0 1 4.307 1.65C45.18 24.645 41 31.213 41 34c0-2.992 1.97-10.736 5.188-15.633Zm-5.83-1.14A41 41 0 0 0 36 17q-.916 0-1.8.037C30.976 21.733 29 29.3 29 32.895c0-3.727 5.19-11.295 11.358-15.668Zm-10.761.279C22.902 21.685 17 30.026 17 34c0-3.079 1.449-9.07 3.89-13.676c2.497-1.288 5.39-2.266 8.706-2.818Z"/><path fill="none" stroke="#000" stroke-width="2" d="M64 41c0 10.493-12.536 14-28 14S8 51.493 8 41s8-24 28-24s28 13.507 28 24Z"/></svg>

How to use the Boule Bread icon

React

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

<Icon icon="openmoji:boule-bread" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:boule-bread" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:boule-bread" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--boule-bread]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:boule-bread"></div>

Web component

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

<iconify-icon icon="openmoji:boule-bread"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/openmoji/boule-bread.svg" alt="Boule Bread icon" width="24" height="24">

Boule Bread icon FAQ

Is the Boule Bread icon free for commercial use?

Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.

How do I use the Boule Bread icon in React?

Install @iconify/react and render <Icon icon="openmoji:boule-bread" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Boule Bread icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/boule-bread.svg" alt="Boule Bread icon">, or paste the SVG code inline to style it with CSS.

Browse all OpenMoji icons →