Ícone Avocado Bean Outline
material-symbols-light:avocado-bean-outline
O ícone Avocado Bean Outline (material-symbols-light:avocado-bean-outline) é um ícone SVG gratuito da coleção Material Symbols Light de Google. Ele é desenhado em uma grade de 24 × 24. Material Symbols Light icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Material Symbols Light
- Autor
- Licença
- Apache-2.0
- Tamanho
- 24 × 24
- Categoria
- Social
- Tags
- avocadobean, beanoutline, avocadobeanoutline, avocado bean outline sharp
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.635 17.942q1.467 0 2.512-1.027q1.045-1.028 1.045-2.492q0-1.468-1.045-2.512t-2.512-1.046q-1.464 0-2.492 1.045q-1.027 1.045-1.027 2.513q0 1.463 1.027 2.491q1.028 1.028 2.492 1.028m0-1q-1.04 0-1.78-.74t-.74-1.779q0-1.055.74-1.806t1.78-.752q1.055 0 1.806.752t.751 1.806q0 1.04-.751 1.78t-1.807.74M15.809 21q2.284 0 3.738-1.458T21 15.827q0-.597-.403-1q-.404-.404-1-.404q-.59 0-.988.404q-.398.403-.398 1q0 .954-.73 1.67q-.732.715-1.673.715q-.589 0-.987.403q-.398.404-.398 1q0 .589.398.987t.987.398m0 1q-1.014 0-1.7-.699t-.685-1.686q0-1.001.686-1.702q.685-.702 1.699-.702q.503 0 .953-.45t.45-.934q0-1.002.687-1.703t1.703-.701q.995 0 1.697.701T22 15.827q0 2.668-1.758 4.42Q18.484 22 15.808 22m-6.154-.942q-3.583 0-5.119-2.228Q3 16.603 3 13.93q0-1.67.495-3.59t1.373-3.552t2.1-2.71Q8.187 3 9.644 3q1.274 0 2.365.833q1.09.832 1.937 2.154t1.42 2.937t.804 3.172h-1.025q-.25-1.558-.838-3.024q-.589-1.466-1.345-2.591t-1.62-1.803T9.652 4q-.93 0-1.934.887T5.887 7.19q-.83 1.419-1.358 3.194T4 13.928q0 2.076.644 3.306t1.547 1.85t1.87.797t1.593.177q.273 0 .626-.025t.759-.106q.013.27.05.51q.036.24.12.504q-.362.067-.745.092q-.384.025-.81.025M17 17.019"/></svg>Como usar o ícone Avocado Bean Outline
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:avocado-bean-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:avocado-bean-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:avocado-bean-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--avocado-bean-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:avocado-bean-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:avocado-bean-outline"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/avocado-bean-outline.svg" alt="Ícone Avocado Bean Outline" width="24" height="24">Ícones relacionados em Material Symbols Light
O ícone Avocado Bean Outline em outras coleções
Perguntas frequentes sobre Ícone Avocado Bean Outline
O ícone Avocado Bean Outline é grátis para uso comercial?
Sim. Material Symbols Light icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Avocado Bean Outline no React?
Instale @iconify/react e renderize <Icon icon="material-symbols-light:avocado-bean-outline" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Avocado Bean Outline a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/material-symbols-light/avocado-bean-outline.svg" alt="Ícone Avocado Bean Outline">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.