Иконка Clover
mdi:clover
Иконка Clover (mdi:clover) — бесплатная SVG-иконка из набора Material Design Icons от Pictogrammers. Она нарисована на сетке 24 × 24. Material Design Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Material Design Icons
- Автор
- Pictogrammers
- Лицензия
- Apache-2.0
- Размер
- 24 × 24
- Категория
- Природа
- Теги
- luck, nature
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 11.18c3.3-3 5-4.54 5-6.49C17 3.19 15.75 2 14.25 2c-.86 0-1.68.36-2.25 1c-.57-.64-1.39-1-2.31-1C8.19 2 7 3.25 7 4.75c0 1.89 1.7 3.43 5 6.43m-.82.82c-3-3.3-4.54-5-6.49-5C3.19 7 2 8.25 2 9.75c0 .86.36 1.68 1 2.25c-.64.57-1 1.39-1 2.31C2 15.81 3.25 17 4.75 17c1.89 0 3.43-1.7 6.43-5m1.65 0c2.99 3.3 4.53 5 6.48 5c1.5 0 2.69-1.25 2.69-2.75c0-.86-.36-1.68-1-2.25c.64-.57 1-1.39 1-2.31C22 8.19 20.75 7 19.25 7c-1.89 0-3.43 1.7-6.42 5m-.83.82c-3.3 3-5 4.54-5 6.49C7 20.81 8.25 22 9.75 22c.86 0 1.68-.36 2.25-1c.57.64 1.39 1 2.31 1c1.5 0 2.69-1.25 2.69-2.75c0-1.89-1.7-3.43-5-6.43"/></svg>
Как использовать иконку Clover
React
import { Icon } from "@iconify/react";
<Icon icon="mdi:clover" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mdi:clover" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mdi:clover" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi--clover]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:clover"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mdi:clover"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/mdi/clover.svg" alt="Иконка Clover" width="24" height="24">
Похожие иконки в наборе Material Design Icons
Иконка Clover в других наборах
Вопросы и ответы: Иконка Clover
Можно ли бесплатно использовать иконку Clover в коммерческих проектах?
Да. Material Design Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Clover в React?
Установите @iconify/react и выведите <Icon icon="mdi:clover" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Clover на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/mdi/clover.svg" alt="Иконка Clover">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Material Design Icons →
ICONYZ
