Иконка Flower Lotus Thin

ph:flower-lotus-thin

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

Набор: Phosphor
Автор: Phosphor Icons
Лицензия: MIT
Размер: 256 × 256
Теги: plants, green, environmental, spirituality, flowerlotus, lotusthin, flowerlotusthin

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M242.37 123.65a11.54 11.54 0 0 0-7.08-5.46a71.5 71.5 0 0 0-26.29-1.67c5.48-21.46 2.38-38.36-.75-48a12.16 12.16 0 0 0-14.16-8.19a82.85 82.85 0 0 0-31 14.17a91.06 91.06 0 0 0-27.9-36a11.91 11.91 0 0 0-14.44 0a91.06 91.06 0 0 0-27.9 36a82.9 82.9 0 0 0-31-14.17a12.16 12.16 0 0 0-14.16 8.19c-3.13 9.68-6.23 26.58-.75 48a71.5 71.5 0 0 0-26.26 1.67a11.54 11.54 0 0 0-7.08 5.46a12 12 0 0 0-1.2 9.22c3.24 12 13.2 34.81 43.52 52.92S113.45 204 128 204s41.61 0 72.07-18.21s40.28-40.93 43.52-52.92a12 12 0 0 0-1.22-9.22M195.8 68.11a4.2 4.2 0 0 1 4.87 2.89c4 12.5 8 38.35-10.77 71c-10.45 18.19-25.11 32.2-38.11 41.44C162 170 172 149.24 172 119.19a113.4 113.4 0 0 0-5.88-37a75.3 75.3 0 0 1 29.68-14.08M55.33 71a4.19 4.19 0 0 1 4.87-2.84a75.3 75.3 0 0 1 29.68 14.03a113.4 113.4 0 0 0-5.88 37c0 30.05 10 50.82 20.21 64.23c-13-9.24-27.66-23.25-38.11-41.44C47.32 109.3 51.29 83.45 55.33 71m4.72 108c-27.9-16.67-37-37.32-39.9-48.15a4 4 0 0 1 .41-3.13a3.6 3.6 0 0 1 2.21-1.73a64.6 64.6 0 0 1 26.73-1a123.5 123.5 0 0 0 9.66 21c13.28 23.1 32.66 39.67 48.27 49.11a116.3 116.3 0 0 1-47.38-16.17Zm68 16.34a75.8 75.8 0 0 1-17.08-16.4C98.37 162.58 92 142.5 92 119.19c0-44.25 23.49-66.75 33.59-74.36a4 4 0 0 1 4.82 0c10.1 7.61 33.59 30.11 33.59 74.36c0 23.31-6.37 43.39-18.92 59.68a75.8 75.8 0 0 1-17.08 16.4Zm107.85-64.49c-2.92 10.83-12 31.48-39.9 48.15a116.3 116.3 0 0 1-47.38 16.15c15.61-9.44 35-26 48.27-49.11a123.5 123.5 0 0 0 9.66-21a64.45 64.45 0 0 1 26.73 1a3.6 3.6 0 0 1 2.21 1.73a4 4 0 0 1 .36 3.01Z"/></svg>

Как использовать иконку Flower Lotus Thin

React

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

<Icon icon="ph:flower-lotus-thin" width="24" />

Vue

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

<template>
  <Icon icon="ph:flower-lotus-thin" width="24" />
</template>

Svelte

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

<Icon icon="ph:flower-lotus-thin" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--flower-lotus-thin]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:flower-lotus-thin"></div>

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

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

<iconify-icon icon="ph:flower-lotus-thin"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/ph/flower-lotus-thin.svg" alt="Иконка Flower Lotus Thin" width="24" height="24">

Вопросы и ответы: Иконка Flower Lotus Thin

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

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

Как использовать иконку Flower Lotus Thin в React?

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

Как добавить иконку Flower Lotus Thin на веб-страницу?

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

Все Иконки Phosphor →