Smiley Kiss Heart ikonu

streamline-freehand:smiley-kiss-heart

Smiley Kiss Heart ikonu (streamline-freehand:smiley-kiss-heart), Freehand free icons setinden ücretsiz bir SVG ikondur (yapımcı: Streamline). 24 × 24 ızgara üzerinde çizilmiştir. Freehand free icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla 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: Freehand free icons
Yazar: Streamline
Lisans: CC-BY-4.0
Boyut: 24 × 24
Kategori: E-posta ve mesajlar
Etiketler: smileykiss, kissheart, smileykissheart

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.064 22.238a12.3 12.3 0 0 1-5.206.56a11.8 11.8 0 0 1-3.178-.75a9.4 9.4 0 0 1-2.748-1.659a11.45 11.45 0 0 1-3.657-7.135A10.52 10.52 0 0 1 3.014 5.5A11.5 11.5 0 0 1 6.11 2.552a9.4 9.4 0 0 1 3.998-1.439c.709-.11 1.409-.11 2.118-.11q.692-.005 1.379.08a.3.3 0 0 0 .4-.28a.3.3 0 0 0-.26-.34q-.755-.12-1.519-.13c-.73 0-1.449 0-2.179.07c-1.554.124-3.06.606-4.396 1.41A12.3 12.3 0 0 0 2.213 4.89a11.47 11.47 0 0 0-2.078 8.534a12.34 12.34 0 0 0 4.137 7.744a10.1 10.1 0 0 0 3.087 1.74c1.104.4 2.257.646 3.428.729c.93.061 1.864.028 2.788-.1a13.4 13.4 0 0 0 2.708-.65a.343.343 0 1 0-.22-.65m7.206-6.245a1.9 1.9 0 0 0-1.529-.3a1.6 1.6 0 0 0-.66.41q-.287.286-.519.62a3 3 0 0 0-.22-.44a1.7 1.7 0 0 0-.6-.65a1.82 1.82 0 0 0-1.898.05a2.2 2.2 0 0 0-1 1.65c.12.887.464 1.73 1 2.447q.53.906 1.16 1.75a.89.89 0 0 0 .689.389a8.75 8.75 0 0 0 3.107-2.178A4.1 4.1 0 0 0 24 17.42a1.63 1.63 0 0 0-.73-1.429m-1.22 2.998a9.6 9.6 0 0 1-2.238 1.669a22 22 0 0 1-1.428-1.999a3.3 3.3 0 0 1-.59-1.279a1.3 1.3 0 0 1 .53-.999a1.06 1.06 0 0 1 1.099-.12c.154.09.285.218.38.37q.26.421.43.89a.31.31 0 0 0 .249.239c.29 0 .64-.64 1-1a1.1 1.1 0 0 1 .439-.32a1.13 1.13 0 0 1 .85.23a.78.78 0 0 1 .31.7a3.16 3.16 0 0 1-1.03 1.62M14.555 1.253a10 10 0 0 1 4.687 2.158q.792.657 1.449 1.45a9 9 0 0 1 1.539 2.637c.361.877.62 1.792.77 2.728c.147.945.208 1.902.18 2.858a.31.31 0 0 0 .279.32a.3.3 0 0 0 .32-.28c.11-.995.13-1.999.06-2.998a14 14 0 0 0-.55-2.997A9.3 9.3 0 0 0 21.58 4.13a9.5 9.5 0 0 0-1.679-1.55A10.7 10.7 0 0 0 14.665.584a.34.34 0 0 0-.11.67"/><path fill="currentColor" d="M5.932 8.198c-1 .6-1.61 2.178-.46 2.998a2.07 2.07 0 0 0 2.848-.8a1.8 1.8 0 0 0-.74-2.288a1.72 1.72 0 0 0-1.648.09m12.251.919a.33.33 0 0 0 .39.27a.34.34 0 0 0 .28-.39a2.19 2.19 0 0 0-1.16-1.718a3.4 3.4 0 0 0-1.998-.34a3.33 3.33 0 0 0-1.58.89c-.43.424-.707.979-.789 1.578a.3.3 0 1 0 .59.11c.161-.411.448-.76.82-1a2.37 2.37 0 0 1 1.148-.469c.285-.04.575-.04.86 0a2 2 0 0 1 .8.23c.312.188.54.488.639.84m-2.558 6.455c.137-.222.226-.47.26-.73a2 2 0 0 0-.61-1.629a1.86 1.86 0 0 0-1.629-.57a2.7 2.7 0 0 0-1 .41c-.399.284-.758.62-1.068 1q-.327.362-.61.76q-.405.57-.75 1.178a.3.3 0 0 0-.007.352a.3.3 0 0 0 .517-.042q.31-.48.66-.93a6.4 6.4 0 0 1 .75-.809q.367-.374.808-.66a2 2 0 0 1 .84-.309a.91.91 0 0 1 .71.35a1 1 0 0 1 .26.74a.7.7 0 0 1-.16.359q-.165.222-.37.41a4 4 0 0 0-.35.27a.62.62 0 0 0-.21.549c.041.195.123.378.24.54c.15.22.39.44.51.62c.142.21.25.443.32.689c.07.233.096.476.08.72a1.24 1.24 0 0 1-1.32 1.148a2.37 2.37 0 0 1-1.929-.999a.34.34 0 1 0-.58.36a3.19 3.19 0 0 0 3.109 1.429a2.09 2.09 0 0 0 1.728-1.789c.08-.379.08-.77 0-1.15a3.1 3.1 0 0 0-.43-.998l-.379-.5c.242-.223.448-.483.61-.77"/></svg>

Smiley Kiss Heart ikonu nasıl kullanılır

React

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

<Icon icon="streamline-freehand:smiley-kiss-heart" width="24" />

Vue

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

<template>
  <Icon icon="streamline-freehand:smiley-kiss-heart" width="24" />
</template>

Svelte

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

<Icon icon="streamline-freehand:smiley-kiss-heart" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--smiley-kiss-heart]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:smiley-kiss-heart"></div>

Web bileşeni

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

<iconify-icon icon="streamline-freehand:smiley-kiss-heart"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/streamline-freehand/smiley-kiss-heart.svg" alt="Smiley Kiss Heart ikonu" width="24" height="24">

Freehand free icons setindeki benzer ikonlar

Diğer ikon setlerinde Smiley Kiss Heart ikonu

Smiley Kiss Heart ikonu: sık sorulan sorular

Smiley Kiss Heart ikonu ticari kullanım için ücretsiz mi?

Evet. Freehand free icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir.

Smiley Kiss Heart ikonunu React'te nasıl kullanırım?

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

Smiley Kiss Heart 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/streamline-freehand/smiley-kiss-heart.svg" alt="Smiley Kiss Heart ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Freehand free icons →