Ícone Four Leaf Clover
emojione-v1:four-leaf-clover
O ícone Four Leaf Clover (emojione-v1:four-leaf-clover) é um ícone SVG gratuito da coleção Emoji One (v1) de Emoji One. Ele é desenhado em uma grade de 64 × 64. Emoji One (v1) icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Emoji One (v1)
- Autor
- Emoji One
- Licença
- CC-BY-SA-4.0
- Tamanho
- 64 × 64
- Categoria
- Natureza
- Tags
- fourleaf, leafclover, fourleafclover
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#02897d" d="M27.542 62.2c-.264-.265.053-2.504.159-2.679c2.79-4.421 1.032-17.07.697-18.852c-.784-4.125.791-8.656 2.786-8.02c1.92.609 4.611 9.03 5.214 10.713c1.479 4.096 1.897 9.2 1.123 13.414c-.815 4.455-5.754 9.591-9.979 5.426"/><g fill="#04a69c"><path d="M21.282 56.21c-4.716 3.938-7.979-.146-12.545-5.62c-4.576-5.475-8.721-10.266-4.01-14.199c4.72-3.946 31.34-12.947 29.365-7.705c-2.505 6.672-8.09 23.578-12.813 27.524"/><path d="M60.2 38.31c4.176 4.512.258 7.978-4.972 12.817c-5.234 4.845-9.811 9.229-13.982 4.719c-4.178-4.516-14.522-30.638-9.184-28.939c6.791 2.167 23.958 6.889 28.14 11.403"/><path d="M61.56 21.15c4.688-3.97 1.224-7.892-3.383-13.33c-4.612-5.441-8.617-10.351-13.313-6.38c-4.686 3.974-18.12 28.65-12.616 27.614c7-1.325 24.617-3.929 29.31-7.904"/><path d="M2.549 23.15c-4.838-3.784-1.52-7.831 2.875-13.447c4.399-5.612 8.217-10.672 13.05-6.884c4.842 3.795 19.21 27.943 13.669 27.11c-7.05-1.054-24.75-2.984-29.595-6.779"/></g></svg>
Como usar o ícone Four Leaf Clover
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:four-leaf-clover" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:four-leaf-clover" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:four-leaf-clover" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--four-leaf-clover]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:four-leaf-clover"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:four-leaf-clover"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/emojione-v1/four-leaf-clover.svg" alt="Ícone Four Leaf Clover" width="24" height="24">
Ícones relacionados em Emoji One (v1)
O ícone Four Leaf Clover em outras coleções
Perguntas frequentes sobre Ícone Four Leaf Clover
O ícone Four Leaf Clover é grátis para uso comercial?
Sim. Emoji One (v1) icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença.
Como uso o ícone Four Leaf Clover no React?
Instale @iconify/react e renderize <Icon icon="emojione-v1:four-leaf-clover" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Four Leaf Clover a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/emojione-v1/four-leaf-clover.svg" alt="Ícone Four Leaf Clover">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Emoji One (v1) →
ICONYZ
