Ícone Calendar
vs:calendar
O ícone Calendar (vs:calendar) é um ícone SVG gratuito da coleção Vesper Icons de TableCheck. Ele é desenhado em uma grade de 1664 × 1664. Vesper Icons são publicados sob a Open Font License, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Vesper Icons
- Autor
- TableCheck
- Licença
- OFL-1.1
- Tamanho
- 1664 × 1664
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1664" height="1664" viewBox="0 0 1664 1664"><path fill="currentColor" d="M56 333h1553q55 0 55-56V111q0-47-32-79t-79-32H111Q64 0 32 32T0 111v166q0 56 56 56m221 998H56q-56 0-56 56v166q0 47 32 79t79 32h166q56 0 56-56v-221q0-56-56-56m1110 0q-56 0-56 56v221q0 56 56 56h166q47 0 79-32t32-79v-166q0-56-55-56zm-444 0q-56 0-56 56v221q0 56 56 56h222q55 0 55-56v-221q0-56-55-56zm-444 0q-55 0-55 56v221q0 56 55 56h222q56 0 56-56v-221q0-56-56-56zm888-444q-56 0-56 56v222q0 55 56 55h222q55 0 55-55V943q0-56-55-56zm-444 0q-56 0-56 56v222q0 55 56 55h222q55 0 55-55V943q0-56-55-56zm-887 0q-56 0-56 56v222q0 55 56 55h221q56 0 56-55V943q0-56-56-56zm443 0q-55 0-55 56v222q0 55 55 55h222q56 0 56-55V943q0-56-56-56zm888-443q-56 0-56 55v222q0 56 56 56h222q55 0 55-56V499q0-55-55-55zm-444 0q-56 0-56 55v222q0 56 56 56h222q55 0 55-56V499q0-55-55-55zm-887 0q-56 0-56 55v222q0 56 56 56h221q56 0 56-56V499q0-55-56-55zm443 0q-55 0-55 55v222q0 56 55 56h222q56 0 56-56V499q0-55-56-55z"/></svg>
Como usar o ícone Calendar
React
import { Icon } from "@iconify/react";
<Icon icon="vs:calendar" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:calendar" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:calendar" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--calendar]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:calendar"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:calendar"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/vs/calendar.svg" alt="Ícone Calendar" width="24" height="24">
Ícones relacionados em Vesper Icons
O ícone Calendar em outras coleções
Perguntas frequentes sobre Ícone Calendar
O ícone Calendar é grátis para uso comercial?
Sim. Vesper Icons são publicados sob a Open Font License, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Calendar no React?
Instale @iconify/react e renderize <Icon icon="vs:calendar" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Calendar a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/vs/calendar.svg" alt="Ícone Calendar">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Vesper Icons →
ICONYZ
