Ikon Beans
openmoji:beans
Ikon Beans (openmoji:beans) adalah ikon SVG gratis dari set OpenMoji. Ikon ini digambar pada grid 72 × 72. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- OpenMoji
- Pembuat
- OpenMoji
- Lisensi
- CC-BY-SA-4.0
- Ukuran
- 72 × 72
- Kategori
- Makanan dan minuman
- Tag
- bean
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#781e32" d="M17.712 48.208a7.8 7.8 0 0 0 1 4a8.7 8.7 0 0 0 3 3a14.9 14.9 0 0 0 5 2a22.5 22.5 0 0 0 8 1A15.4 15.4 0 0 0 40 57c1.544-.673 3.782-1.648 5-4a5.76 5.76 0 0 0 .712-3.792C45.187 46.517 42.527 45.251 42 45c-.71-.338-.924-.298-4.288-.792c-2.724-.4-4.161-.607-6-1a33 33 0 0 1-4-1a21.5 21.5 0 0 0-3-1A5.6 5.6 0 0 0 22 41c-1.49.397-2.289 1.774-3 3a8.36 8.36 0 0 0-1.288 4.208m40.452-2.805a6.9 6.9 0 0 0 2.772-3.053a8.7 8.7 0 0 0 .83-4.16a14.9 14.9 0 0 0-1.114-5.27a27.4 27.4 0 0 0-3.61-7.209a14.8 14.8 0 0 0-4.163-4.435a8.04 8.04 0 0 0-4.716-1.66a7.33 7.33 0 0 0-4.713 1.944a6.13 6.13 0 0 0-2.216 3.884c-.106 1.453.618 1.89 2.5 5.546a60 60 0 0 1 2.5 5.545a33 33 0 0 1 1.389 3.882c.463 1.755.345 2.127.834 3.05a5.76 5.76 0 0 0 3.053 2.772a7.1 7.1 0 0 0 3.605-.003a8 8 0 0 0 3.05-.833M13.984 34.986a6.9 6.9 0 0 0 3.609 1.995c1.404.3 2.86.25 4.24-.15a14.9 14.9 0 0 0 4.871-2.295a27.4 27.4 0 0 0 6.185-5.172a14.8 14.8 0 0 0 3.358-5.072a8.04 8.04 0 0 0 .531-4.972a7.33 7.33 0 0 0-2.976-4.14a6.13 6.13 0 0 0-4.29-1.263c-1.438.232-1.698 1.037-4.822 3.709a60 60 0 0 1-4.821 3.708q-1.659 1.231-3.459 2.246c-1.6.855-1.99.825-2.777 1.514a5.76 5.76 0 0 0-1.994 3.608a7.1 7.1 0 0 0 .832 3.508a8 8 0 0 0 1.513 2.776"/><path fill="#d22f27" d="M13.984 34.986c-1.511-3.862-.231-6.832 3.583-8.276s5.836-3.26 7.988-6.019C29.152 16.081 32.311 15.441 37 18l-4.61-3.82l-4.112.34l-6.874 5.716l-8.992 6.29l.058 5.684zm40.984-11.283c-3.955-2.96-8.796-1.986-10.347.292c-2.012 2.957 1.48 5.365 1.976 9.003c.48 3.523.424 8.244.424 8.244l-1.972-7.17l-3.825-6.677l-.238-4.256l4.796-3.183l4.19-.16l3.062 1.127zM44.806 53.35c-2.553-8.028-8.817-5.466-13.746-6.913c-5.914-1.737-6.764-4.29-13.493.408l3.992-5.925h5.224l4.749 3.499l8.761-.299L45 47.008z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M56.803 45.75a8 8 0 0 0 1.663-1.11a8.1 8.1 0 0 0 1.94-2.497a9.14 9.14 0 0 0 .83-4.161a15.2 15.2 0 0 0-.558-4.437a20.7 20.7 0 0 0-1.945-4.714a21.4 21.4 0 0 0-3.886-5.822a12.5 12.5 0 0 0-4.44-3.048a7 7 0 0 0-2.774-.553c-1.402.074-2.73.697-3.882 1.39c-1.285.81-2.245 1.734-2.771 3.052c-.74 2.362.827 4.82 1.113 5.269l.555.832c1.512 2.264 1.589 2.357 1.666 2.495a14.5 14.5 0 0 1 1.389 3.882c1.043 4 1.565 6 2.223 6.932c1.208 1.71 3.456 3.414 5.827 3.325a8.6 8.6 0 0 0 3.05-.835ZM22 41a6.83 6.83 0 0 0-3.636 3.066a7 7 0 0 0-.693 4.446A8.5 8.5 0 0 0 19 52c2.032 3.228 5.383 4.423 7 5c1.613.561 3.295.898 5 1c2.387.205 6.923.535 11-2a7 7 0 0 0 3-3a6.55 6.55 0 0 0 0-5a6 6 0 0 0-2.099-2.894a6.5 6.5 0 0 0-3.068-1.039c-2.057-.313-2.756.14-5.015.057a14 14 0 0 1-3.752-.577c-3.036-.95-3.33-2.457-5.89-2.83A6.84 6.84 0 0 0 22 41Zm-9.3-14.025c1.758-3.604 5.311-3.191 9.58-7.092c2.701-2.468 2.858-4.078 5.613-5.202a7.23 7.23 0 0 1 4.497-.5A6.68 6.68 0 0 1 37 18c1.116 2.742-.314 5.437-1.398 7.482A18.1 18.1 0 0 1 32 30a24 24 0 0 1-5 4c-2.63 1.54-6.333 3.71-9.989 2.43a8.03 8.03 0 0 1-3.7-2.796a6.16 6.16 0 0 1-.611-6.66Z"/></svg>Cara memakai ikon Beans
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:beans" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:beans" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:beans" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--beans]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:beans"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:beans"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/openmoji/beans.svg" alt="Ikon Beans" width="24" height="24">Ikon Beans di set ikon lain
FAQ Ikon Beans
Apakah ikon Beans gratis untuk penggunaan komersial?
Ya. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama.
Bagaimana cara memakai ikon Beans di React?
Pasang @iconify/react lalu render <Icon icon="openmoji:beans" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Beans ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/openmoji/beans.svg" alt="Ikon Beans">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.