ICONYZ
Español
Icono Heartarrow de Firefox OS Emoji

Icono Heartarrow

fxemoji:heartarrow

El icono Heartarrow (fxemoji:heartarrow) es un icono SVG gratuito de la colección Firefox OS Emoji de Mozilla. Está dibujado en una cuadrícula de 72 × 72. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Firefox OS Emoji
Autor
Mozilla
Licencia
Apache-2.0
Tamaño
72 × 72
Categoría
Personas
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#FFB636" d="M65.2 60.6h-5l-1.5-1.5h1.7c.9 0 1.6-.7 1.6-1.6s-.7-1.6-1.6-1.6h-5l-8.1-8.1c-.6-.6-1.7-.6-2.3 0s-.6 1.7 0 2.3l8.1 8.1v5c0 .9.7 1.6 1.6 1.6s1.6-.7 1.6-1.6v-1.7l1.5 1.5v5c0 .9.7 1.6 1.6 1.6S61 68.9 61 68v-4h4c.9 0 1.6-.7 1.6-1.6s-.5-1.8-1.4-1.8"/><path fill="#FF473E" d="M67.3 16.6c-6.9-8.1-19-8.5-26.3-1.2c-1 1-2.6 1-3.6 0c-6.4-6.5-16.6-7-23.6-1.5l2 2c.2.2.3.4.4.6c-.7.6-1.4 1.3-2 2.1c-.3-.1-.5-.2-.7-.4l-2.1-2.1c-5.3 6-6 15-1.6 21.7C11.2 40 13 41.7 15 43l23 18.6c.8.7 2 .7 2.8 0L63.6 43c1.9-1.3 3.6-2.9 5-5c4.2-6.5 3.7-15.4-1.3-21.4"/><path fill="#D32A2A" d="M13.7 27.9h-.2c-1.3-.1-2.2-1.2-2.1-2.5c.5-5.7 4.6-10.4 10.2-11.7c1.2-.3 2.4.5 2.7 1.7s-.5 2.4-1.7 2.7c-3.7.8-6.3 3.9-6.6 7.6c-.1 1.3-1.1 2.2-2.3 2.2"/><path fill="#FFB636" d="M14 18.7c.6-.8 1.2-1.5 2-2.1c-.1-.2-.2-.5-.4-.6L5.9 6.2h3.9c.9 0 1.6-.7 1.6-1.6S10.8 3 9.9 3h-8C1 3 .3 3.7.3 4.6v8c0 .9.7 1.6 1.6 1.6s1.6-.7 1.6-1.6V8.5l9.8 9.8c.2.2.5.3.7.4"/></svg>

Cómo usar el icono Heartarrow

React

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

<Icon icon="fxemoji:heartarrow" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:heartarrow" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:heartarrow" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--heartarrow]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:heartarrow"></div>

Web component

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

<iconify-icon icon="fxemoji:heartarrow"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/fxemoji/heartarrow.svg" alt="Icono Heartarrow" width="24" height="24">

El icono Heartarrow en otras colecciones

Preguntas frecuentes sobre Icono Heartarrow

¿El icono Heartarrow es gratis para uso comercial?

Sí. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Heartarrow en React?

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

¿Cómo añado el icono Heartarrow a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fxemoji/heartarrow.svg" alt="Icono Heartarrow">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Firefox OS Emoji →