calendar x icon
calendar-x-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- calendar-x-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
The same icon in other sets
Related icons in Myna UI Icons
Use the calendar x icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.25 3a.75.75 0 0 0-1.5 0v.301l-.035.003c-.71.054-1.309.169-1.856.432a4.65 4.65 0 0 0-2.083 1.97c-.287.532-.41 1.113-.469 1.793c-.057.662-.057 1.482-.057 2.51v4.981c0 1.029 0 1.85.057 2.511c.06.68.182 1.261.469 1.792a4.65 4.65 0 0 0 2.083 1.971c.547.263 1.146.378 1.856.432c.696.054 1.56.054 2.654.054h5.262c1.094 0 1.958 0 2.654-.054c.71-.055 1.309-.169 1.856-.432a4.65 4.65 0 0 0 2.083-1.97c.287-.532.41-1.113.469-1.793c.057-.662.057-1.482.057-2.51V10.01c0-1.029 0-1.85-.057-2.511c-.06-.68-.182-1.261-.469-1.792a4.65 4.65 0 0 0-2.083-1.971c-.547-.263-1.146-.378-1.856-.432L17.25 3.3V3a.75.75 0 0 0-1.5 0v.253q-.515-.004-1.119-.003H9.37q-.604 0-1.119.003zM5.51 5.088c.294-.142.663-.232 1.24-.282V5a.75.75 0 0 0 1.5 0v-.247A151 151 0 0 1 9.4 4.75h5.2q.639 0 1.15.003V5a.75.75 0 0 0 1.5 0v-.194c.577.05.946.14 1.24.282a3.15 3.15 0 0 1 1.414 1.33c.114.212.196.466.25.832H3.846c.055-.366.137-.62.251-.831A3.15 3.15 0 0 1 5.51 5.088m4.46 6.882a.75.75 0 0 1 1.06 0l.97.97l.97-.97a.75.75 0 1 1 1.06 1.06l-.97.97l.97.97a.75.75 0 1 1-1.06 1.06l-.97-.97l-.97.97a.75.75 0 1 1-1.06-1.06l.97-.97l-.97-.97a.75.75 0 0 1 0-1.06"/></svg>
React
import type { SVGProps } from "react";
export function MynauiCalendarXSolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.25 3a.75.75 0 0 0-1.5 0v.301l-.035.003c-.71.054-1.309.169-1.856.432a4.65 4.65 0 0 0-2.083 1.97c-.287.532-.41 1.113-.469 1.793c-.057.662-.057 1.482-.057 2.51v4.981c0 1.029 0 1.85.057 2.511c.06.68.182 1.261.469 1.792a4.65 4.65 0 0 0 2.083 1.971c.547.263 1.146.378 1.856.432c.696.054 1.56.054 2.654.054h5.262c1.094 0 1.958 0 2.654-.054c.71-.055 1.309-.169 1.856-.432a4.65 4.65 0 0 0 2.083-1.97c.287-.532.41-1.113.469-1.793c.057-.662.057-1.482.057-2.51V10.01c0-1.029 0-1.85-.057-2.511c-.06-.68-.182-1.261-.469-1.792a4.65 4.65 0 0 0-2.083-1.971c-.547-.263-1.146-.378-1.856-.432L17.25 3.3V3a.75.75 0 0 0-1.5 0v.253q-.515-.004-1.119-.003H9.37q-.604 0-1.119.003zM5.51 5.088c.294-.142.663-.232 1.24-.282V5a.75.75 0 0 0 1.5 0v-.247A151 151 0 0 1 9.4 4.75h5.2q.639 0 1.15.003V5a.75.75 0 0 0 1.5 0v-.194c.577.05.946.14 1.24.282a3.15 3.15 0 0 1 1.414 1.33c.114.212.196.466.25.832H3.846c.055-.366.137-.62.251-.831A3.15 3.15 0 0 1 5.51 5.088m4.46 6.882a.75.75 0 0 1 1.06 0l.97.97l.97-.97a.75.75 0 1 1 1.06 1.06l-.97.97l.97.97a.75.75 0 1 1-1.06 1.06l-.97-.97l-.97.97a.75.75 0 1 1-1.06-1.06l.97-.97l-.97-.97a.75.75 0 0 1 0-1.06"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.25 3a.75.75 0 0 0-1.5 0v.301l-.035.003c-.71.054-1.309.169-1.856.432a4.65 4.65 0 0 0-2.083 1.97c-.287.532-.41 1.113-.469 1.793c-.057.662-.057 1.482-.057 2.51v4.981c0 1.029 0 1.85.057 2.511c.06.68.182 1.261.469 1.792a4.65 4.65 0 0 0 2.083 1.971c.547.263 1.146.378 1.856.432c.696.054 1.56.054 2.654.054h5.262c1.094 0 1.958 0 2.654-.054c.71-.055 1.309-.169 1.856-.432a4.65 4.65 0 0 0 2.083-1.97c.287-.532.41-1.113.469-1.793c.057-.662.057-1.482.057-2.51V10.01c0-1.029 0-1.85-.057-2.511c-.06-.68-.182-1.261-.469-1.792a4.65 4.65 0 0 0-2.083-1.971c-.547-.263-1.146-.378-1.856-.432L17.25 3.3V3a.75.75 0 0 0-1.5 0v.253q-.515-.004-1.119-.003H9.37q-.604 0-1.119.003zM5.51 5.088c.294-.142.663-.232 1.24-.282V5a.75.75 0 0 0 1.5 0v-.247A151 151 0 0 1 9.4 4.75h5.2q.639 0 1.15.003V5a.75.75 0 0 0 1.5 0v-.194c.577.05.946.14 1.24.282a3.15 3.15 0 0 1 1.414 1.33c.114.212.196.466.25.832H3.846c.055-.366.137-.62.251-.831A3.15 3.15 0 0 1 5.51 5.088m4.46 6.882a.75.75 0 0 1 1.06 0l.97.97l.97-.97a.75.75 0 1 1 1.06 1.06l-.97.97l.97.97a.75.75 0 1 1-1.06 1.06l-.97-.97l-.97.97a.75.75 0 1 1-1.06-1.06l.97-.97l-.97-.97a.75.75 0 0 1 0-1.06"/></svg> </template>
CSS
.icon-calendar-x-solid {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.25%203a.75.75%200%200%200-1.5%200v.301l-.035.003c-.71.054-1.309.169-1.856.432a4.65%204.65%200%200%200-2.083%201.97c-.287.532-.41%201.113-.469%201.793c-.057.662-.057%201.482-.057%202.51v4.981c0%201.029%200%201.85.057%202.511c.06.68.182%201.261.469%201.792a4.65%204.65%200%200%200%202.083%201.971c.547.263%201.146.378%201.856.432c.696.054%201.56.054%202.654.054h5.262c1.094%200%201.958%200%202.654-.054c.71-.055%201.309-.169%201.856-.432a4.65%204.65%200%200%200%202.083-1.97c.287-.532.41-1.113.469-1.793c.057-.662.057-1.482.057-2.51V10.01c0-1.029%200-1.85-.057-2.511c-.06-.68-.182-1.261-.469-1.792a4.65%204.65%200%200%200-2.083-1.971c-.547-.263-1.146-.378-1.856-.432L17.25%203.3V3a.75.75%200%200%200-1.5%200v.253q-.515-.004-1.119-.003H9.37q-.604%200-1.119.003zM5.51%205.088c.294-.142.663-.232%201.24-.282V5a.75.75%200%200%200%201.5%200v-.247A151%20151%200%200%201%209.4%204.75h5.2q.639%200%201.15.003V5a.75.75%200%200%200%201.5%200v-.194c.577.05.946.14%201.24.282a3.15%203.15%200%200%201%201.414%201.33c.114.212.196.466.25.832H3.846c.055-.366.137-.62.251-.831A3.15%203.15%200%200%201%205.51%205.088m4.46%206.882a.75.75%200%200%201%201.06%200l.97.97l.97-.97a.75.75%200%201%201%201.06%201.06l-.97.97l.97.97a.75.75%200%201%201-1.06%201.06l-.97-.97l-.97.97a.75.75%200%201%201-1.06-1.06l.97-.97l-.97-.97a.75.75%200%200%201%200-1.06%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.25%203a.75.75%200%200%200-1.5%200v.301l-.035.003c-.71.054-1.309.169-1.856.432a4.65%204.65%200%200%200-2.083%201.97c-.287.532-.41%201.113-.469%201.793c-.057.662-.057%201.482-.057%202.51v4.981c0%201.029%200%201.85.057%202.511c.06.68.182%201.261.469%201.792a4.65%204.65%200%200%200%202.083%201.971c.547.263%201.146.378%201.856.432c.696.054%201.56.054%202.654.054h5.262c1.094%200%201.958%200%202.654-.054c.71-.055%201.309-.169%201.856-.432a4.65%204.65%200%200%200%202.083-1.97c.287-.532.41-1.113.469-1.793c.057-.662.057-1.482.057-2.51V10.01c0-1.029%200-1.85-.057-2.511c-.06-.68-.182-1.261-.469-1.792a4.65%204.65%200%200%200-2.083-1.971c-.547-.263-1.146-.378-1.856-.432L17.25%203.3V3a.75.75%200%200%200-1.5%200v.253q-.515-.004-1.119-.003H9.37q-.604%200-1.119.003zM5.51%205.088c.294-.142.663-.232%201.24-.282V5a.75.75%200%200%200%201.5%200v-.247A151%20151%200%200%201%209.4%204.75h5.2q.639%200%201.15.003V5a.75.75%200%200%200%201.5%200v-.194c.577.05.946.14%201.24.282a3.15%203.15%200%200%201%201.414%201.33c.114.212.196.466.25.832H3.846c.055-.366.137-.62.251-.831A3.15%203.15%200%200%201%205.51%205.088m4.46%206.882a.75.75%200%200%201%201.06%200l.97.97l.97-.97a.75.75%200%201%201%201.06%201.06l-.97.97l.97.97a.75.75%200%201%201-1.06%201.06l-.97-.97l-.97.97a.75.75%200%201%201-1.06-1.06l.97-.97l-.97-.97a.75.75%200%200%201%200-1.06%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/calendar-x-solid.svg?color=%231a73e8&size=48
