Иконка Clover Light

ph:clover-light

Иконка Clover Light (ph:clover-light) — бесплатная SVG-иконка из набора Phosphor от Phosphor Icons. Она нарисована на сетке 256 × 256. Phosphor icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Phosphor
Автор: Phosphor Icons
Лицензия: MIT
Размер: 256 × 256
Теги: four leaf clover, plants, luck, lucky, irish, cloverlight

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M210.86 163.71C223.56 158.21 230 143.5 230 120s-6.44-38.21-19.14-43.71c-14.5-6.29-34 1.5-51 11.8c10.3-16.93 18.08-36.45 11.8-50.95C166.21 24.44 151.5 18 128 18s-38.21 6.44-43.71 19.14c-6.28 14.5 1.5 34 11.8 51C79.17 77.79 59.64 70 45.14 76.29C32.44 81.79 26 96.5 26 120s6.44 38.21 19.14 43.71A29.1 29.1 0 0 0 56.78 166c12.42 0 26.6-6.33 39.32-14.08c-10.31 16.93-18.1 36.46-11.81 51C89.79 215.56 104.5 222 128 222s38.21-6.44 43.71-19.14c3-6.82 2.79-14.76.72-23c12.62 18.21 24.22 39.49 29.75 61.6A6 6 0 0 0 208 246a6 6 0 0 0 1.46-.18a6 6 0 0 0 4.36-7.28c-7.56-30.24-25.2-58.44-42.18-80.2c9.32 4.51 18.88 7.63 27.58 7.63a29.1 29.1 0 0 0 11.64-2.26M95.3 41.91C98.73 34 109.73 30 128 30s29.27 4 32.7 11.91c3.9 9-1.11 24.85-14.11 44.61A247 247 0 0 1 128 111a247 247 0 0 1-18.59-24.45c-13-19.79-18.01-35.64-14.11-44.64M49.91 152.7C42 149.27 38 138.27 38 120s4-29.27 11.91-32.7a17.5 17.5 0 0 1 7-1.29c9.26 0 22.27 5.28 37.65 15.4A246 246 0 0 1 119 120a246 246 0 0 1-24.45 18.59c-19.79 13-35.64 18.01-44.64 14.11m110.79 45.39C157.27 206 146.27 210 128 210s-29.27-4-32.7-11.91c-3.9-9 1.11-24.85 14.11-44.61A246 246 0 0 1 128 129a246 246 0 0 1 18.59 24.45c13 19.79 18.01 35.63 14.11 44.64m.78-59.5A246 246 0 0 1 137 120a246 246 0 0 1 24.45-18.59c19.76-13 35.61-18 44.61-14.11C214 90.73 218 101.73 218 120s-4 29.27-11.91 32.7c-9 3.9-24.85-1.11-44.61-14.11"/></svg>

Как использовать иконку Clover Light

React

import { Icon } from "@iconify/react";

<Icon icon="ph:clover-light" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="ph:clover-light" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="ph:clover-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--clover-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:clover-light"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="ph:clover-light"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/ph/clover-light.svg" alt="Иконка Clover Light" width="24" height="24">

Вопросы и ответы: Иконка Clover Light

Можно ли бесплатно использовать иконку Clover Light в коммерческих проектах?

Да. Phosphor icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Clover Light в React?

Установите @iconify/react и выведите <Icon icon="ph:clover-light" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Clover Light на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/ph/clover-light.svg" alt="Иконка Clover Light">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Phosphor →