Icono Calender Solid
pixel:calender-solid
El icono Calender Solid (pixel:calender-solid) es un icono SVG gratuito de la colección Pixel Icon de HackerNoon. Está dibujado en una cuadrícula de 24 × 24. Pixel Icon icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Pixel Icon
- Autor
- HackerNoon
- Licencia
- CC-BY-4.0
- Tamaño
- 24 × 24
- Etiquetas
- calendersolid
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6 1h2v1H6zm10 0h2v1h-2zm6 4V4h-3V2h-1v5h-2V2h-1v2H9V2H8v5H6V2H5v2H2v1H1v17h1v1h20v-1h1V5zm-1 3v3h-3V8zm0 8h-3v-3h3zm0 5h-3v-3h3zM3 18h3v3H3zm0-5h3v3H3zm13 3h-3v-3h3zm-5 0H8v-3h3zm-3 2h3v3H8zm5 0h3v3h-3zm3-7h-3V8h3zm-5-3v3H8V8zm-5 3H3V8h3z"/></svg>Cómo usar el icono Calender Solid
React
import { Icon } from "@iconify/react";
<Icon icon="pixel:calender-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pixel:calender-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pixel:calender-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pixel--calender-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pixel -->
<div class="i-pixel:calender-solid"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pixel:calender-solid"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/pixel/calender-solid.svg" alt="Icono Calender Solid" width="24" height="24">Iconos relacionados en Pixel Icon
Preguntas frecuentes sobre Icono Calender Solid
¿El icono Calender Solid es gratis para uso comercial?
Sí. Pixel Icon icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Calender Solid en React?
Instala @iconify/react y renderiza <Icon icon="pixel:calender-solid" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Calender Solid a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/pixel/calender-solid.svg" alt="Icono Calender Solid">, o pega el código SVG en línea para darle estilo con CSS.