Ícone Calendar
el:calendar
O ícone Calendar (el:calendar) é um ícone SVG gratuito da coleção Elusive Icons de Team Redux. Ele é desenhado em uma grade de 1200 × 1200. Elusive 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
- Elusive Icons
- Autor
- Team Redux
- Licença
- OFL-1.1
- Tamanho
- 1200 × 1200
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M266.025 0v188.019h98.741V0zm569.208 0v188.019h98.593V0zm-771 90.368v263.226h1071.533V90.368h-131.341V258.52H764.634V90.368H435.218V258.52H195.574V90.368zm0 332.34V1200h1071.533V422.707zm420.924 179.596c54.544.537 106.162 26.743 126.684 75.505c9.651 29.128 14.79 60.179 2.774 87.296c-15.042 31.283-45.537 47.569-75.455 58.065c56.149 14.65 93.102 49.96 93.439 107.312c-.905 39.339-19.316 74.184-47.116 96.957c-29.559 23.369-65.3 36.423-100.326 36.663c-98.775 0-148.185-44.535-148.185-133.62h87.197c1.853 37.506 19.587 66.032 56.084 66.537c46.396-3.161 64.767-33.646 65.149-72.681c-.021-23.577-8.628-47.739-29.131-56.826c-26.45-10.991-55.977-9.685-81.748-9.711v-67.825c42.127.878 99.996-6.554 100.426-56.777c-1.638-36.941-16.758-63.298-52.616-63.763c-38.196 2.303-59.157 24.017-59.551 58.312h-85.81c1.863-86.473 72.898-125.058 148.185-125.444m300.979 8.373h76.843v445.2h-83.135V697.874c-31.85 27.233-67.103 46.625-105.875 58.164V679.89c45.234-17.541 82.626-40.594 112.167-69.213"/></svg>
Como usar o ícone Calendar
React
import { Icon } from "@iconify/react";
<Icon icon="el:calendar" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:calendar" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:calendar" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--calendar]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:calendar"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:calendar"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/el/calendar.svg" alt="Ícone Calendar" width="24" height="24">
Ícones relacionados em Elusive Icons
O ícone Calendar em outras coleções
Perguntas frequentes sobre Ícone Calendar
O ícone Calendar é grátis para uso comercial?
Sim. Elusive 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="el: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/el/calendar.svg" alt="Ícone Calendar">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Elusive Icons →
ICONYZ
