Lotus ikonu

fluent-emoji-flat:lotus

Lotus ikonu (fluent-emoji-flat:lotus), Fluent Emoji Flat setinden ücretsiz bir SVG ikondur (yapımcı: Microsoft Corporation). 32 × 32 ızgara üzerinde çizilmiştir. Fluent Emoji Flat icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: Fluent Emoji Flat
Yazar: Microsoft Corporation
Lisans: MIT
Boyut: 32 × 32
Kategori: Hayvanlar ve doğa

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#008463" d="M17.688 6.952h-3.372c0-3.177-3.597-5.04-6.242-3.24C4.394 6.218 1.984 10.423 2 15.183C2.026 22.858 8.39 29.072 16.136 29C23.807 28.926 30 22.75 30 15.137c0-4.758-2.42-8.953-6.107-11.448c-2.631-1.784-6.205.105-6.205 3.263"/><path fill="#f70a8d" fill-rule="evenodd" d="M20.38 6.17a7.3 7.3 0 0 1 .307 4.794a7.28 7.28 0 0 1 4.841.24a.73.73 0 0 1 .404.954a7.3 7.3 0 0 1-3.143 3.59a7.3 7.3 0 0 1 3.185 3.556a.73.73 0 0 1-.391.961a7.28 7.28 0 0 1-4.76.316a7.28 7.28 0 0 1-.263 4.759a.73.73 0 0 1-.955.404a7.3 7.3 0 0 1-3.59-3.143a7.3 7.3 0 0 1-3.555 3.184a.736.736 0 0 1-.962-.39a7.3 7.3 0 0 1-.316-4.761a7.28 7.28 0 0 1-4.762-.263a.737.737 0 0 1-.403-.955a7.3 7.3 0 0 1 3.145-3.59a7.3 7.3 0 0 1-3.184-3.555a.735.735 0 0 1 .391-.962a7.28 7.28 0 0 1 4.76-.315a7.28 7.28 0 0 1 .263-4.762a.73.73 0 0 1 .955-.404a7.3 7.3 0 0 1 3.55 3.075A7.3 7.3 0 0 1 19.42 5.78a.733.733 0 0 1 .961.39m-4.423 9.603l.044.014l-.007.017l-.018.008l-.018-.007l-.007-.017z" clip-rule="evenodd"/><path fill="#ff6dc6" d="M15.373 15.512a8.484 8.484 0 0 1 0-11.995a.847.847 0 0 1 1.203 0a8.484 8.484 0 0 1 0 11.995a.847.847 0 0 1-1.203 0"/><path fill="#ff6dc6" d="M15.373 28.058a8.484 8.484 0 0 1 0-11.995a.847.847 0 0 1 1.203 0a8.484 8.484 0 0 1 0 11.995a.847.847 0 0 1-1.203 0"/><path fill="#f837a2" d="M15.354 16.018a8.483 8.483 0 0 1-8.482-8.482c0-.471.382-.852.85-.85a8.483 8.483 0 0 1 8.482 8.483a.85.85 0 0 1-.85.849"/><path fill="#f837a2" d="M24.227 24.891a8.483 8.483 0 0 1-8.482-8.482a.85.85 0 0 1 .85-.85a8.483 8.483 0 0 1 8.481 8.483a.85.85 0 0 1-.849.849"/><path fill="#ff6dc6" d="M15.7 16.39a8.484 8.484 0 0 1-11.995 0a.847.847 0 0 1 0-1.202a8.484 8.484 0 0 1 11.995 0a.85.85 0 0 1 0 1.202"/><path fill="#ff6dc6" d="M28.247 16.39a8.484 8.484 0 0 1-11.995 0a.847.847 0 0 1 0-1.202a8.483 8.483 0 0 1 11.995 0a.847.847 0 0 1 0 1.202"/><path fill="#f837a2" d="M25.006 7.495a8.483 8.483 0 0 1-8.482 8.482a.847.847 0 0 1-.85-.85a8.483 8.483 0 0 1 8.482-8.482a.85.85 0 0 1 .85.85"/><path fill="#f837a2" d="M16.207 16.409a8.483 8.483 0 0 1-8.482 8.482a.85.85 0 0 1-.853-.853a8.48 8.48 0 0 1 8.485-8.478a.85.85 0 0 1 .85.849"/><path fill="#f9c23c" d="M15.976 19.278a3.49 3.49 0 1 0 0-6.981a3.49 3.49 0 0 0 0 6.981"/></g></svg>

Lotus ikonu nasıl kullanılır

React

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

<Icon icon="fluent-emoji-flat:lotus" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji-flat:lotus" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji-flat:lotus" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--lotus]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:lotus"></div>

Web bileşeni

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

<iconify-icon icon="fluent-emoji-flat:lotus"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/lotus.svg" alt="Lotus ikonu" width="24" height="24">

Diğer ikon setlerinde Lotus ikonu

Lotus ikonu: sık sorulan sorular

Lotus ikonu ticari kullanım için ücretsiz mi?

Evet. Fluent Emoji Flat icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Lotus ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="fluent-emoji-flat:lotus" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Lotus ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/lotus.svg" alt="Lotus ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Fluent Emoji Flat ikonları →