Icono Heart With Ribbon

streamline-emojis:heart-with-ribbon

El icono Heart With Ribbon (streamline-emojis:heart-with-ribbon) es un icono SVG gratuito de la colección Streamline Emojis de Streamline. Está dibujado en una cuadrícula de 48 × 48. Streamline Emojis icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Streamline Emojis
Autor: Streamline
Licencia: CC-BY-4.0
Tamaño: 48 × 48
Categoría: Objetos
Etiquetas: heartwith, withribbon, heartwithribbon

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M11.03 44.31a12.97 1.69 0 1 0 25.94 0a12.97 1.69 0 1 0-25.94 0" opacity=".15"/><path fill="#ff6196" d="M24 11.1a8.93 8.93 0 0 1 8.93-8.93c6.25 0 8.93 6.23 8.93 11.17c0 13-12.35 21.36-16.51 23.81a2.66 2.66 0 0 1-2.7 0C18.49 34.7 6.14 26.33 6.14 13.34c0-4.94 2.68-11.17 8.93-11.17A8.93 8.93 0 0 1 24 11.1"/><path fill="#ff87af" d="M14.62 6.64a9.39 9.39 0 0 1 8.58 5.57a.88.88 0 0 0 1.6 0a9.39 9.39 0 0 1 8.58-5.57c4.46 0 7.19 3 8.48 6.59c0-4.91-2.72-11.06-8.93-11.06A8.93 8.93 0 0 0 24 11.1a8.93 8.93 0 0 0-8.93-8.93c-6.21 0-8.89 6.15-8.93 11.06c1.29-3.56 4.02-6.59 8.48-6.59"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 11.1a8.93 8.93 0 0 1 8.93-8.93c6.25 0 8.93 6.23 8.93 11.17c0 13-12.35 21.36-16.51 23.81a2.66 2.66 0 0 1-2.7 0C18.49 34.7 6.14 26.33 6.14 13.34c0-4.94 2.68-11.17 8.93-11.17A8.93 8.93 0 0 1 24 11.1"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M7.18 19.75a24.7 24.7 0 0 0 3.31 6.5a103 103 0 0 0 13.7.85a105 105 0 0 0 13.28-.79a24.7 24.7 0 0 0 3.33-6.49a95.5 95.5 0 0 1-16.61 1.31a94.5 94.5 0 0 1-17.01-1.38"/><path fill="#ffe500" d="M12 25.36s-3.87 1.42-4.12 7.11c0 .66.71 1 1.07.52a3.26 3.26 0 0 1 1.75-1.29a13 13 0 0 0 2.13 3.3a.56.56 0 0 0 1-.46a17.44 17.44 0 0 1 1.79-8.17Z"/><path fill="#ebcb00" d="M12 25.36a5.5 5.5 0 0 0-1.7 1.14a5.59 5.59 0 0 0 4.58 1.6a17 17 0 0 1 .72-1.71Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M12 25.36s-3.87 1.42-4.12 7.11c0 .66.71 1 1.07.52a3.26 3.26 0 0 1 1.75-1.29a13 13 0 0 0 2.13 3.3a.56.56 0 0 0 1-.46a17.44 17.44 0 0 1 1.79-8.17Z"/><path fill="#ffe500" d="M18.16 23.63s4.05-.8 7.22 3.93c.36.55-.09 1.24-.65 1a3.3 3.3 0 0 0-2.18-.19a13 13 0 0 1-.09 3.94a.56.56 0 0 1-1.09.12a17.3 17.3 0 0 0-5.77-6Z"/><path fill="#ebcb00" d="M18.16 23.63a5.4 5.4 0 0 1 2 .09a5.6 5.6 0 0 1-3.08 3.76a16 16 0 0 0-1.51-1.09Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M18.16 23.63s4.05-.8 7.22 3.93c.36.55-.09 1.24-.65 1a3.3 3.3 0 0 0-2.18-.19a13 13 0 0 1-.09 3.94a.56.56 0 0 1-1.09.12a17.3 17.3 0 0 0-5.77-6Z"/><path fill="#ebcb00" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M25.82 18.92c-.73 3.79-9.08 5.08-9.08 5.08l-1.55-1.88l8.34-7.72Z"/><path fill="#ffe500" d="M15.19 22.15s2.36-8.63 7-8.49a1.57 1.57 0 0 1 1.32.77l2.29 4.49C21.52 17.3 16.74 24 16.74 24Z"/><path fill="#fff48c" d="M23.29 15.66c-4-.11-6.28 6.13-6.87 8l-1.23-1.49s2.36-8.63 7-8.49a1.57 1.57 0 0 1 1.32.77l.9 1.75a1.66 1.66 0 0 0-1.12-.54"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M15.19 22.15s2.36-8.63 7-8.49a1.57 1.57 0 0 1 1.32.77l2.29 4.49C21.52 17.3 16.74 24 16.74 24Z"/><path fill="#ebcb00" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M3 25.31C5.59 28.17 13.41 25 13.41 25l.35-2.41l-11.15-2.3Z"/><path fill="#ffe500" d="M13.76 22.55s-6.5-6.14-10.42-3.61a1.6 1.6 0 0 0-.73 1.35l.38 5C5.83 21.7 13.41 25 13.41 25Z"/><path fill="#fff48c" d="M3.46 21.22c3.34-2.16 8.55 2 10 3.25l.28-1.92s-6.5-6.14-10.42-3.61a1.6 1.6 0 0 0-.73 1.35l.15 2a1.63 1.63 0 0 1 .72-1.07"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M13.76 22.55s-6.5-6.14-10.42-3.61a1.6 1.6 0 0 0-.73 1.35l.38 5C5.83 21.7 13.41 25 13.41 25Z"/><path fill="#ffe500" d="M10.625 24.2a4.2 3.7-15.65 1 0 8.089-2.266a4.2 3.7-15.65 1 0-8.089 2.266"/><path fill="#fff48c" d="M14.14 21.16a7.44 7.44 0 0 1 4.24 0a4.12 4.12 0 0 0-4.71-1.65a4.13 4.13 0 0 0-3.16 3.86a7.45 7.45 0 0 1 3.63-2.21"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M10.625 24.2a4.2 3.7-15.65 1 0 8.089-2.266a4.2 3.7-15.65 1 0-8.089 2.266"/></svg>

Cómo usar el icono Heart With Ribbon

React

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

<Icon icon="streamline-emojis:heart-with-ribbon" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:heart-with-ribbon" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:heart-with-ribbon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--heart-with-ribbon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:heart-with-ribbon"></div>

Web component

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

<iconify-icon icon="streamline-emojis:heart-with-ribbon"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/streamline-emojis/heart-with-ribbon.svg" alt="Icono Heart With Ribbon" width="24" height="24">

Iconos relacionados en Streamline Emojis

El icono Heart With Ribbon en otras colecciones

Preguntas frecuentes sobre Icono Heart With Ribbon

¿El icono Heart With Ribbon es gratis para uso comercial?

Sí. Streamline Emojis icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.

¿Cómo uso el icono Heart With Ribbon en React?

Instala @iconify/react y renderiza <Icon icon="streamline-emojis:heart-with-ribbon" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Heart With Ribbon a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/streamline-emojis/heart-with-ribbon.svg" alt="Icono Heart With Ribbon">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Streamline Emojis →