ICONYZ
Português (Brasil)
Ícone Calendar Sign de Elusive Icons

Ícone Calendar Sign

el:calendar-sign

O ícone Calendar Sign (el:calendar-sign) é 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
Tags
calendarsign
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M600 0C268.635 0 0 268.635 0 600s268.635 600 600 600s600-268.635 600-600S931.365 0 600 0M389.353 221.555h62.256v118.58h-62.256zm359.032 0h62.184v118.58h-62.184zm-486.336 56.982h82.837v106.055h151.172V278.537H703.85v106.055h151.245V278.537h82.838v166.034H262.048zm0 209.618h675.885v490.283H262.049zm265.499 113.306c-47.488.243-92.282 24.559-93.457 79.102h54.127c.248-21.633 13.479-35.315 37.572-36.768c22.618.293 32.146 16.909 33.179 40.21c-.271 31.679-36.783 36.369-63.354 35.815v42.774c16.255.017 34.88-.78 51.562 6.152c12.933 5.731 18.37 20.944 18.384 35.815c-.242 24.621-11.823 43.855-41.089 45.85c-23.02-.318-34.207-18.311-35.376-41.967h-55.005c0 56.19 31.153 84.301 93.457 84.301c22.093-.151 44.637-8.405 63.281-23.145a81.44 81.44 0 0 0 29.736-61.158c-.214-36.175-23.544-58.435-58.961-67.676c18.871-6.621 38.119-16.889 47.606-36.621c7.579-17.104 4.33-36.705-1.757-55.078c-12.943-30.755-45.503-47.267-79.905-47.606m189.847 5.273c-18.634 18.051-42.221 32.589-70.752 43.652v48.047c24.455-7.278 46.708-19.517 66.797-36.694v225.8h52.441V606.732h-48.486z"/></svg>

Como usar o ícone Calendar Sign

React

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

<Icon icon="el:calendar-sign" width="24" />

Vue

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

<template>
  <Icon icon="el:calendar-sign" width="24" />
</template>

Svelte

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

<Icon icon="el:calendar-sign" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[el--calendar-sign]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:calendar-sign"></div>

Web component

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

<iconify-icon icon="el:calendar-sign"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/el/calendar-sign.svg" alt="Ícone Calendar Sign" width="24" height="24">

Ícones relacionados em Elusive Icons

Ícone calendar
calendar

Perguntas frequentes sobre Ícone Calendar Sign

O ícone Calendar Sign é 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 Sign no React?

Instale @iconify/react e renderize <Icon icon="el:calendar-sign" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Calendar Sign a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/el/calendar-sign.svg" alt="Ícone Calendar Sign">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Elusive Icons →