Icono Calendar

fxemoji:calendar

El icono Calendar (fxemoji:calendar) es un icono SVG gratuito de la colección Firefox OS Emoji de Mozilla. Está dibujado en una cuadrícula de 512 × 512. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Firefox OS Emoji
Autor: Mozilla
Licencia: Apache-2.0
Tamaño: 512 × 512
Categoría: Objetos

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#DCE2E2" d="M505.751 492.072c0 8.011-6.494 14.506-14.506 14.506H20.754c-8.011 0-14.506-6.494-14.506-14.506V76.329c0-8.011 6.494-14.506 14.506-14.506h470.492c8.011 0 14.506 6.494 14.506 14.506v415.743z"/><path fill="#0096D1" d="M505.751 260.413V74.777c0-7.154-6.494-12.954-14.506-12.954H20.754c-8.011 0-14.505 5.8-14.505 12.954v185.636z"/><path fill="#FFF" d="M131.004 107.585c0 12.637-10.244 22.881-22.881 22.881s-22.881-10.244-22.881-22.881s10.244-22.881 22.881-22.881s22.881 10.244 22.881 22.881m260.115-22.881c-12.637 0-22.881 10.244-22.881 22.881s10.244 22.881 22.881 22.881S414 120.222 414 107.585s-10.244-22.881-22.881-22.881"/><path fill="#BFBFBB" d="M172.451 61.823h-22.214c0-19.108-15.546-34.655-34.654-34.655S80.928 42.715 80.928 61.823s15.546 34.655 34.655 34.655c6.134 0 11.107 4.973 11.107 11.107s-4.973 11.107-11.107 11.107c-31.357 0-56.869-25.511-56.869-56.869S84.226 4.955 115.583 4.955s56.868 25.511 56.868 56.868M414.64 6.795a57 57 0 0 0-14.396-1.84c-31.357 0-56.868 25.511-56.868 56.869s25.511 56.869 56.868 56.869c6.135 0 11.107-4.973 11.107-11.107s-4.973-11.107-11.107-11.107c-19.108 0-34.653-15.546-34.653-34.655s15.545-34.655 34.653-34.655c2.982 0 5.938.377 8.785 1.121c15.231 3.976 25.869 17.766 25.869 33.534h22.215c-.001-25.873-17.467-48.501-42.473-55.029"/><path fill="#FFF" d="M68.534 208.183h-16.88l-2.911 12.39H34.608l17.379-57.624h16.547l17.379 57.624H71.445zm-2.411-9.896l-6.07-25.444l-6.069 25.444zm67.349 3.16c0 11.641-7.484 20.539-22.534 20.539s-22.452-8.398-22.452-20.539v-38.499h13.637v37.917c0 7.401 2.66 10.976 8.814 10.976c6.236 0 8.897-3.575 8.897-10.976v-37.917h13.637v38.499zm54.125-32.844l-7.069 7.401c-3.742-3.16-6.902-4.573-11.558-4.573c-8.065 0-14.052 5.987-14.052 20.289c0 15.134 3.991 20.289 11.974 20.289c2.827 0 5.405-.582 7.816-1.913V197.04h-7.484l-1.331-9.645h22.036v28.521c-5.905 3.825-13.388 6.07-20.954 6.07c-17.379 0-26.193-10.561-26.193-30.267c0-19.54 12.223-30.184 27.523-30.184c8.316 0 14.553 2.91 19.292 7.068"/><path fill="#505A60" d="M241.958 339.052c0 30.311-15.011 53.116-75.922 108.542h79.963l-4.619 34.93H114.363v-32.332c65.529-64.663 80.829-82.272 80.829-106.521c0-15.877-9.815-25.403-25.115-25.403c-14.145 0-23.96 6.351-35.218 20.207l-27.135-21.362c15.588-20.496 37.816-33.775 66.973-33.775c43.589 0 67.261 25.403 67.261 55.714m162.318 101.325h-21.939v42.147h-44.456l-.289-42.147H255.32v-30.311l55.426-127.594l38.682 14.434l-47.054 109.408h35.796l4.907-46.188h39.26v46.188h21.939z"/></svg>

Cómo usar el icono Calendar

React

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

<Icon icon="fxemoji:calendar" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:calendar" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:calendar" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="fxemoji:calendar"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/fxemoji/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í. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Calendar en React?

Instala @iconify/react y renderiza <Icon icon="fxemoji: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/fxemoji/calendar.svg" alt="Icono Calendar">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Firefox OS Emoji →