Ícone Smiley Kiss Heart
streamline-freehand-color:smiley-kiss-heart
O ícone Smiley Kiss Heart (streamline-freehand-color:smiley-kiss-heart) é um ícone SVG gratuito da coleção Freehand color icons de Streamline. Ele é desenhado em uma grade de 24 × 24. Freehand color icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Freehand color icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 24 × 24
- Categoria
- E-mail e mensagens
- Tags
- smileykiss, kissheart, smileykissheart
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#0c6fff" 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-.65"/><path fill="#020202" d="M23.269 15.992a1.9 1.9 0 0 0-1.529-.3c-.251.079-.478.22-.66.41a4.4 4.4 0 0 0-.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.429-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.1-.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.62"/><path fill="#0c6fff" d="M14.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="#020202" d="M5.931 8.198c-.999.6-1.608 2.178-.46 2.998a2.07 2.07 0 0 0 2.849-.8a1.8 1.8 0 0 0-.74-2.288a1.72 1.72 0 0 0-1.649.09m12.252.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.999-.34a3.33 3.33 0 0 0-1.578.89c-.43.424-.708.979-.79 1.578a.3.3 0 0 0 .24.35a.3.3 0 0 0 .35-.24c.16-.411.448-.76.82-1a2.37 2.37 0 0 1 1.148-.469c.285-.04.575-.04.86 0c.28.02.552.098.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"/></g></svg>
Como usar o ícone Smiley Kiss Heart
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:smiley-kiss-heart" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:smiley-kiss-heart" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:smiley-kiss-heart" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--smiley-kiss-heart]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:smiley-kiss-heart"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand-color:smiley-kiss-heart"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/smiley-kiss-heart.svg" alt="Ícone Smiley Kiss Heart" width="24" height="24">
Ícones relacionados em Freehand color icons
O ícone Smiley Kiss Heart em outras coleções
Perguntas frequentes sobre Ícone Smiley Kiss Heart
O ícone Smiley Kiss Heart é grátis para uso comercial?
Sim. Freehand color icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Smiley Kiss Heart no React?
Instale @iconify/react e renderize <Icon icon="streamline-freehand-color:smiley-kiss-heart" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Smiley Kiss Heart a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/smiley-kiss-heart.svg" alt="Ícone Smiley Kiss Heart">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Freehand color icons →
