Ícone Calendar Heart Flat
streamline-plump-color:calendar-heart-flat
O ícone Calendar Heart Flat (streamline-plump-color:calendar-heart-flat) é um ícone SVG gratuito da coleção Plump color icons de Streamline. Ele é desenhado em uma grade de 48 × 48. Plump 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
- Plump color icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 48 × 48
- Categoria
- Interface essencial
- Tags
- calendarheart, heartflat, calendarheartflat
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#8fbffa" d="M24 46.5c-7.632 0-12.948-.485-16.147-.911c-2.862-.382-5.068-2.554-5.479-5.419c-.417-2.91-.874-7.506-.874-13.67s.457-10.76.874-13.67c.41-2.864 2.617-5.037 5.48-5.418C11.051 6.985 16.367 6.5 24 6.5c7.632 0 12.948.485 16.147.912c2.862.381 5.068 2.554 5.479 5.418c.417 2.91.874 7.506.874 13.67s-.457 10.76-.874 13.67c-.41 2.864-2.617 5.037-5.48 5.419c-3.198.426-8.514.911-16.146.911"/><path fill="#2859c5" d="M33.5 14.518q-.754-.001-1.336-.037c-2.27-.133-3.547-2.002-3.618-3.918a69 69 0 0 1 0-5.091c.07-1.916 1.348-3.785 3.618-3.918q.582-.035 1.336-.036t1.336.036c2.27.133 3.547 2.002 3.618 3.918a69 69 0 0 1 0 5.091c-.07 1.916-1.348 3.785-3.618 3.918a23 23 0 0 1-1.336.037m-19 0q-.754-.001-1.336-.037c-2.27-.133-3.547-2.002-3.618-3.918a69 69 0 0 1 0-5.091c.07-1.916 1.348-3.785 3.618-3.918q.582-.035 1.336-.036t1.336.036c2.27.133 3.547 2.002 3.618 3.918a69 69 0 0 1 0 5.091c-.07 1.916-1.348 3.785-3.618 3.918a23 23 0 0 1-1.336.037"/><path fill="#2859c5" fill-rule="evenodd" d="M34.306 24.958a6.9 6.9 0 0 1-.917 5.38c-1.712 2.642-4.421 4.728-7.118 6.613a3.97 3.97 0 0 1-4.542 0c-2.697-1.885-5.406-3.971-7.118-6.614a6.9 6.9 0 0 1-.917-5.38c.957-4.162 6.255-5.863 9.555-3.073c.185.155.356.328.532.505l.219.22l.22-.22c.175-.177.346-.35.531-.505c3.3-2.79 8.598-1.089 9.555 3.074" clip-rule="evenodd"/></g></svg>Como usar o ícone Calendar Heart Flat
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:calendar-heart-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:calendar-heart-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:calendar-heart-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--calendar-heart-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:calendar-heart-flat"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:calendar-heart-flat"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/calendar-heart-flat.svg" alt="Ícone Calendar Heart Flat" width="24" height="24">Ícones relacionados em Plump color icons
Perguntas frequentes sobre Ícone Calendar Heart Flat
O ícone Calendar Heart Flat é grátis para uso comercial?
Sim. Plump 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 Calendar Heart Flat no React?
Instale @iconify/react e renderize <Icon icon="streamline-plump-color:calendar-heart-flat" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Calendar Heart Flat a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/calendar-heart-flat.svg" alt="Ícone Calendar Heart Flat">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.