Иконка Four Leaf Clover
emojione-v1:four-leaf-clover
Иконка Four Leaf Clover (emojione-v1:four-leaf-clover) — бесплатная SVG-иконка из набора Emoji One (v1) от Emoji One. Она нарисована на сетке 64 × 64. Emoji One (v1) icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Emoji One (v1)
- Автор
- Emoji One
- Лицензия
- CC-BY-SA-4.0
- Размер
- 64 × 64
- Категория
- Природа
- Теги
- fourleaf, leafclover, fourleafclover
Код 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>
Как использовать иконку 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>
Веб-компонент
<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>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/emojione-v1/four-leaf-clover.svg" alt="Иконка Four Leaf Clover" width="24" height="24">
Похожие иконки в наборе Emoji One (v1)
Иконка Four Leaf Clover в других наборах
Вопросы и ответы: Иконка Four Leaf Clover
Можно ли бесплатно использовать иконку Four Leaf Clover в коммерческих проектах?
Да. Emoji One (v1) icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.
Как использовать иконку Four Leaf Clover в React?
Установите @iconify/react и выведите <Icon icon="emojione-v1:four-leaf-clover" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Four Leaf Clover на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/emojione-v1/four-leaf-clover.svg" alt="Иконка Four Leaf Clover">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Emoji One (v1) →
ICONYZ
