Openfoodfact icon
openmoji:openfoodfact
The Openfoodfact icon (openmoji:openfoodfact) 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
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#b1cc33" stroke="#b1cc33" stroke-linejoin="round" stroke-width="2" d="m45 37l8-10v31h-8z"/><path fill="#ea5a47" stroke="#ea5a47" stroke-linejoin="round" stroke-width="2" d="M34 34.5L27.95 27H12v31h22z"/><path fill="#fcea2b" stroke="#fcea2b" stroke-linejoin="round" stroke-width="2" d="M37 37h5v21h-5zm-1-14h8v14h-8z"/><path fill="#b1cc33" stroke="#b1cc33" stroke-linejoin="round" stroke-width="2" d="M47 18h4v15h-4z"/><path fill="#ea5a47" stroke="#ea5a47" stroke-linejoin="round" stroke-width="2" d="M33 21h-4v12h4z"/><path fill="#d0cfce" d="M48.101 12.283a14.43 14.43 0 0 0-10.937-1.937a14.42 14.42 0 0 0-9.104 6.364c-4.304 6.746-2.318 15.737 4.428 20.042c6.745 4.304 15.735 2.32 20.042-4.428a14.42 14.42 0 0 0 1.936-10.937a14.42 14.42 0 0 0-6.365-9.104m1.836 18.388c-2.178 3.414-5.881 5.28-9.66 5.28a11.36 11.36 0 0 1-6.135-1.791c-5.317-3.393-6.882-10.48-3.49-15.796a11.36 11.36 0 0 1 7.176-5.016a11.36 11.36 0 0 1 8.62 1.527a11.36 11.36 0 0 1 5.016 7.175c.66 2.983.117 6.044-1.527 8.62"/><path fill="#3f3f3f" d="m27.767 38.307l-6.918 10.335l-3.711 5.815c-.478.75.38 3.21 1.13 3.689c.36.23 2.532.01 2.532.01l11.524-17.191z"/><path fill="#92d3f5" stroke="#92d3f5" stroke-linejoin="round" stroke-width="2" d="M56 30h4v28h-4z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="2"><path stroke-linejoin="round" d="M34 44.5V58h-8.905M23 27H12v31h3.143M36 32v-9h8v9"/><path d="M47 19.5V30"/><path stroke-linejoin="round" d="M37 41v17h5V41m3-.347V58h8V36m4-6h3v28h-4V33"/><path stroke-linejoin="round" stroke-miterlimit="10" d="M52.537 32.067c4.307-6.568 2.327-15.289-4.423-19.48c-6.75-4.19-15.712-2.263-20.02 4.304c-4.306 6.568-2.326 15.289 4.424 19.48c6.75 4.19 15.712 2.263 20.02-4.304"/><path stroke-linejoin="round" stroke-miterlimit="10" d="M49.639 30.267c3.285-5.01 1.774-11.663-3.374-14.86c-5.15-3.196-11.986-1.726-15.271 3.284s-1.775 11.662 3.374 14.859c5.148 3.197 11.985 1.727 15.27-3.283m-21.861 8.177l4.364 2.709l-10.396 15.853c-.743 1.133-2.322 1.444-3.526.696c-1.205-.748-1.58-2.272-.838-3.405z"/><path d="M33 21v8"/></g></svg>How to use the Openfoodfact icon
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:openfoodfact" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:openfoodfact" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:openfoodfact" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--openfoodfact]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:openfoodfact"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:openfoodfact"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/openmoji/openfoodfact.svg" alt="Openfoodfact icon" width="24" height="24">Openfoodfact icon FAQ
Is the Openfoodfact 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 Openfoodfact icon in React?
Install @iconify/react and render <Icon icon="openmoji:openfoodfact" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Openfoodfact icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/openfoodfact.svg" alt="Openfoodfact icon">, or paste the SVG code inline to style it with CSS.