Ícone Single Neutral Actions Heart
streamline-ultimate-color:single-neutral-actions-heart
O ícone Single Neutral Actions Heart (streamline-ultimate-color:single-neutral-actions-heart) é um ícone SVG gratuito da coleção Ultimate color icons de Streamline. Ele é desenhado em uma grade de 24 × 24. Ultimate 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
- Ultimate color icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 24 × 24
- Categoria
- Usuários
- Tags
- singleneutral, neutralactions, actionsheart, singleneutralactionsheart, action
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="#e3e3e3" d="M7.697 9.13a4.065 4.065 0 1 0 0-8.129a4.065 4.065 0 0 0 0 8.13M1 17.26a6.695 6.695 0 1 1 13.39 0z"/><path fill="#fff" d="M7.697 3.392a4.05 4.05 0 0 1 3.866 2.87c.126-.387.193-.79.199-1.196a4.065 4.065 0 0 0-8.13 0c.005.406.072.81.199 1.195a4.05 4.05 0 0 1 3.866-2.87m-.002 9.565a6.695 6.695 0 0 1 6.248 4.305h.447a6.695 6.695 0 0 0-13.39 0h.448a6.695 6.695 0 0 1 6.247-4.305"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M7.697 9.13a4.065 4.065 0 1 0 0-8.129a4.065 4.065 0 0 0 0 8.13m.955 8.129H1a6.696 6.696 0 0 1 9.565-6.05"/><path fill="#ff808c" d="M17.607 22.852a.48.48 0 0 1-.69 0L12.37 18.11a2.895 2.895 0 0 1 4.093-4.093l.798.799l.799-.799a2.895 2.895 0 0 1 4.093 4.093z"/><path fill="#ffbfc5" d="M22.694 14.774a2.894 2.894 0 0 0-4.635-.752l-.8.799l-.798-.8a2.889 2.889 0 0 0-4.754 3.048a6.92 6.92 0 0 0 5.553 2.421a6.92 6.92 0 0 0 5.552-2.42a2.9 2.9 0 0 0-.119-2.296"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M17.607 22.852a.48.48 0 0 1-.69 0L12.37 18.11a2.895 2.895 0 0 1 4.093-4.093l.798.799l.799-.799a2.895 2.895 0 0 1 4.093 4.093z"/></g></svg>
Como usar o ícone Single Neutral Actions Heart
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-ultimate-color:single-neutral-actions-heart" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-ultimate-color:single-neutral-actions-heart" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-ultimate-color:single-neutral-actions-heart" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--single-neutral-actions-heart]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:single-neutral-actions-heart"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-ultimate-color:single-neutral-actions-heart"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/single-neutral-actions-heart.svg" alt="Ícone Single Neutral Actions Heart" width="24" height="24">
Ícones relacionados em Ultimate color icons
Perguntas frequentes sobre Ícone Single Neutral Actions Heart
O ícone Single Neutral Actions Heart é grátis para uso comercial?
Sim. Ultimate 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 Single Neutral Actions Heart no React?
Instale @iconify/react e renderize <Icon icon="streamline-ultimate-color:single-neutral-actions-heart" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Single Neutral Actions Heart a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/single-neutral-actions-heart.svg" alt="Ícone Single Neutral Actions Heart">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ultimate color icons →
