Icono Calendar
openmoji:calendar
El icono Calendar (openmoji:calendar) es un icono SVG gratuito de la colección OpenMoji. Está dibujado en una cuadrícula de 72 × 72. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- OpenMoji
- Autor
- OpenMoji
- Licencia
- CC-BY-SA-4.0
- Tamaño
- 72 × 72
- Categoría
- Objetos
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fff" d="m12 28.122l-.003 31.97l31.66-.006l16.09-12.048c-.008-.049.253-3.946.253-3.946l-.003-16z"/><path fill="#ea5a47" d="m12.194 28.292l47.803-.2l.003-16.47h-9.54l.052 5.273c1.727.456 2.15 3.087 2.15 3.087c-.022 2.192-2.678 2.53-2.69 2.527c-1.848-.378-2.489-1.282-2.468-2.802c.014-1.068.046-1.33.808-2.078c.513-.502.634-.608 1.311-.78l-.028-5.226H22.344l.07 5.226c1.728.456 2.293.853 2.276 2.719c-.02 2.193-2.706 3.28-2.719 3.28c-2.205-.02-2.992-1.037-2.971-3.242c.01-1.068.877-1.864 1.64-2.612c.511-.502.698-.822 1.375-.994l-.24-4.377H12z"/><path fill="#d0cfce" d="M59.997 48.038H43.138s-.898 6.104-.97 5.623v5.425l1.488 1z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="22.002" cy="19.849" r="3"/><path d="M26.006 12.122h20.05m7.96 0H60v16H12v-16h6.032m3.983-3.434v10.31"/><circle cx="50.003" cy="19.847" r="3"/><path d="M50.016 8.688v10.31m-15.68 19.094a5.63 5.63 0 0 1 5.513-4.494h0c1.554 0 2.96.63 3.98 1.649c1.584 1.584 1.437 4.217-.05 5.893l-9.558 10.78h4.76M23.276 37.398l5.073-3.8v18.321"/><path d="M11.997 28.092v32l31.659-.006l16.341-12.048V28.092"/><path d="M59.746 48.038H43.138v5.479"/></g></svg>
Cómo usar el icono Calendar
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:calendar" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:calendar" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:calendar" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--calendar]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:calendar"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:calendar"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/openmoji/calendar.svg" alt="Icono Calendar" width="24" height="24">
El icono Calendar en otras colecciones
Preguntas frecuentes sobre Icono Calendar
¿El icono Calendar es gratis para uso comercial?
Sí. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia.
¿Cómo uso el icono Calendar en React?
Instala @iconify/react y renderiza <Icon icon="openmoji:calendar" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Calendar a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/openmoji/calendar.svg" alt="Icono Calendar">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos OpenMoji →
ICONYZ
