Macadamia Nut icon
icon-park:macadamia-nut
The Macadamia Nut icon (icon-park:macadamia-nut) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark 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
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Foods
- Tags
- macadamianut
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M24 43C34.4934 43 43 34.9411 43 25H35L32 28L29 25H5C5 34.9411 13.5066 43 24 43Z"/><path d="M40.9451 25C41.0686 24.1847 40.9451 23.3499 40.9451 22.5C40.9451 13.3873 33.5817 5 24.4985 5C20.6757 5 16.1607 6.30854 13.3678 8.50352C13.7906 9.23816 14.0325 10.0907 14.0325 11C14.0325 13.7614 11.8012 16 9.04873 16C8.69904 16 8.35776 15.9639 8.0284 15.8951C7.39854 17.645 7.0552 20.5323 7.0552 22.5C7.0552 23.3499 6.93127 24.1847 7.05479 25"/><path d="M6 31H16"/></g></svg>How to use the Macadamia Nut icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:macadamia-nut" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:macadamia-nut" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:macadamia-nut" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--macadamia-nut]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:macadamia-nut"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:macadamia-nut"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/macadamia-nut.svg" alt="Macadamia Nut icon" width="24" height="24">Macadamia Nut icon in other icon sets
Macadamia Nut icon FAQ
Is the Macadamia Nut icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Macadamia Nut icon in React?
Install @iconify/react and render <Icon icon="icon-park:macadamia-nut" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Macadamia Nut icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/macadamia-nut.svg" alt="Macadamia Nut icon">, or paste the SVG code inline to style it with CSS.