Rose ikonu
fluent-emoji-high-contrast:rose
Rose ikonu (fluent-emoji-high-contrast:rose), Fluent Emoji High Contrast setinden ücretsiz bir SVG ikondur (yapımcı: Microsoft Corporation). 32 × 32 ızgara üzerinde çizilmiştir. Fluent Emoji High Contrast 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 High Contrast
- Yazar
- Microsoft Corporation
- Lisans
- MIT
- Boyut
- 32 × 32
- Kategori
- Hayvanlar ve doğa
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M20.72 3.514V2.54c0-.28-.22-.5-.5-.5h-.87c-1.57 0-2.91.94-3.52 2.28A3.82 3.82 0 0 0 12.31 2h-.86c-.29 0-.52.23-.52.51v.99h-.812c-1.535 0-2.385 1.581-1.78 2.864C8.702 7.134 9 8.004 9 9c0 .852-.199 1.45-.447 2.178l-.008.024C8.295 11.938 8 12.803 8 14c0 1.366.272 2.953 1.566 4.167c1.13 1.059 2.88 1.683 5.434 1.81v4.983l-1.35.67c-.27.13-.27.52 0 .65l1.35.67V30h3.867c3.276 0 5.963-2.545 6.133-5.68a.297.297 0 0 0-.3-.32l-3.506.01A5.27 5.27 0 0 0 17 26.169V22l1.34-.65c.27-.13.27-.52 0-.65L17 20.03v-.054c2.555-.126 4.305-.75 5.434-1.809C23.728 16.953 24 15.367 24 14c0-1.496-.326-2.39-.602-3.145C23.168 10.227 23 9.757 23 9c0-1.04.389-1.943.813-2.798c.655-1.318-.324-2.702-1.7-2.702c-.464 0-.93-.025-1.393.014M10.147 5.51l-.004-.01c.404 0 .808-.024 1.209.036a5.2 5.2 0 0 1 1.047.275c.84.316 1.906.949 2.769 2.244L16 9.303l.832-1.248c.863-1.295 1.928-1.928 2.77-2.244c.442-.166.927-.298 1.404-.311h.924C21.503 6.377 21 7.568 21 9c0 1.121.273 1.868.513 2.524l.006.017v.002c.25.683.481 1.314.481 2.457c0 1.134-.229 2.047-.934 2.708C20.337 17.392 18.894 18 16 18s-4.337-.608-5.066-1.292C10.229 16.047 10 15.134 10 14c0-.852.199-1.45.447-2.178l.008-.024c.25-.736.545-1.601.545-2.798c0-1.406-.424-2.58-.853-3.49"/></svg>
Rose ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:rose" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:rose" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:rose" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--rose]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:rose"></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-high-contrast:rose"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/rose.svg" alt="Rose ikonu" width="24" height="24">
Fluent Emoji High Contrast setindeki benzer ikonlar
Diğer ikon setlerinde Rose ikonu
Rose ikonu: sık sorulan sorular
Rose ikonu ticari kullanım için ücretsiz mi?
Evet. Fluent Emoji High Contrast icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Rose ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="fluent-emoji-high-contrast:rose" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Rose 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-high-contrast/rose.svg" alt="Rose 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 High Contrast ikonları →
ICONYZ
