protoncalendar logo
protoncalendar from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- protoncalendar
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the protoncalendar logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.172 14.818v7.032h-4.276v-1.147c0-.584.21-1.151.592-1.596l3.684-4.288zm-4.93 5.884c0-.741.266-1.46.75-2.022l4.673-5.32c.522-.591 1.524-.92 2.262-.92h.967V7.007a1.92 1.92 0 0 0-1.928-1.914H0v14.295c0 1.36 1.11 2.462 2.482 2.462h7.76zM18.8 5.197a2.54 2.54 0 0 1 .747 1.81v5.434H24V4.613c0-1.36-1.11-2.462-2.482-2.462H2.482A2.473 2.473 0 0 0 .006 4.438h16.96c.694 0 1.345.27 1.834.76zm.34 14.742c.817 0 1.45-.451 1.45-1.136a.95.95 0 0 0-.79-.971v-.013a.96.96 0 0 0 .485-.346a.94.94 0 0 0 .185-.565c0-.632-.549-1.081-1.343-1.081c-.99 0-1.384.712-1.415 1.21h.843a.54.54 0 0 1 .577-.495c.318 0 .549.196.549.48c0 .283-.213.473-.732.473h-.3v.713h.346c.536 0 .807.176.807.492s-.26.532-.655.532a.67.67 0 0 1-.686-.51h-.873c.063.733.683 1.222 1.551 1.217zm2-3.39v.806l.79-.532v3.06h.82v-3.988h-.635l-.974.655z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsProtoncalendar(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="M15.172 14.818v7.032h-4.276v-1.147c0-.584.21-1.151.592-1.596l3.684-4.288zm-4.93 5.884c0-.741.266-1.46.75-2.022l4.673-5.32c.522-.591 1.524-.92 2.262-.92h.967V7.007a1.92 1.92 0 0 0-1.928-1.914H0v14.295c0 1.36 1.11 2.462 2.482 2.462h7.76zM18.8 5.197a2.54 2.54 0 0 1 .747 1.81v5.434H24V4.613c0-1.36-1.11-2.462-2.482-2.462H2.482A2.473 2.473 0 0 0 .006 4.438h16.96c.694 0 1.345.27 1.834.76zm.34 14.742c.817 0 1.45-.451 1.45-1.136a.95.95 0 0 0-.79-.971v-.013a.96.96 0 0 0 .485-.346a.94.94 0 0 0 .185-.565c0-.632-.549-1.081-1.343-1.081c-.99 0-1.384.712-1.415 1.21h.843a.54.54 0 0 1 .577-.495c.318 0 .549.196.549.48c0 .283-.213.473-.732.473h-.3v.713h.346c.536 0 .807.176.807.492s-.26.532-.655.532a.67.67 0 0 1-.686-.51h-.873c.063.733.683 1.222 1.551 1.217zm2-3.39v.806l.79-.532v3.06h.82v-3.988h-.635l-.974.655z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.172 14.818v7.032h-4.276v-1.147c0-.584.21-1.151.592-1.596l3.684-4.288zm-4.93 5.884c0-.741.266-1.46.75-2.022l4.673-5.32c.522-.591 1.524-.92 2.262-.92h.967V7.007a1.92 1.92 0 0 0-1.928-1.914H0v14.295c0 1.36 1.11 2.462 2.482 2.462h7.76zM18.8 5.197a2.54 2.54 0 0 1 .747 1.81v5.434H24V4.613c0-1.36-1.11-2.462-2.482-2.462H2.482A2.473 2.473 0 0 0 .006 4.438h16.96c.694 0 1.345.27 1.834.76zm.34 14.742c.817 0 1.45-.451 1.45-1.136a.95.95 0 0 0-.79-.971v-.013a.96.96 0 0 0 .485-.346a.94.94 0 0 0 .185-.565c0-.632-.549-1.081-1.343-1.081c-.99 0-1.384.712-1.415 1.21h.843a.54.54 0 0 1 .577-.495c.318 0 .549.196.549.48c0 .283-.213.473-.732.473h-.3v.713h.346c.536 0 .807.176.807.492s-.26.532-.655.532a.67.67 0 0 1-.686-.51h-.873c.063.733.683 1.222 1.551 1.217zm2-3.39v.806l.79-.532v3.06h.82v-3.988h-.635l-.974.655z"/></svg> </template>
CSS
.icon-protoncalendar {
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%22M15.172%2014.818v7.032h-4.276v-1.147c0-.584.21-1.151.592-1.596l3.684-4.288zm-4.93%205.884c0-.741.266-1.46.75-2.022l4.673-5.32c.522-.591%201.524-.92%202.262-.92h.967V7.007a1.92%201.92%200%200%200-1.928-1.914H0v14.295c0%201.36%201.11%202.462%202.482%202.462h7.76zM18.8%205.197a2.54%202.54%200%200%201%20.747%201.81v5.434H24V4.613c0-1.36-1.11-2.462-2.482-2.462H2.482A2.473%202.473%200%200%200%20.006%204.438h16.96c.694%200%201.345.27%201.834.76zm.34%2014.742c.817%200%201.45-.451%201.45-1.136a.95.95%200%200%200-.79-.971v-.013a.96.96%200%200%200%20.485-.346a.94.94%200%200%200%20.185-.565c0-.632-.549-1.081-1.343-1.081c-.99%200-1.384.712-1.415%201.21h.843a.54.54%200%200%201%20.577-.495c.318%200%20.549.196.549.48c0%20.283-.213.473-.732.473h-.3v.713h.346c.536%200%20.807.176.807.492s-.26.532-.655.532a.67.67%200%200%201-.686-.51h-.873c.063.733.683%201.222%201.551%201.217zm2-3.39v.806l.79-.532v3.06h.82v-3.988h-.635l-.974.655z%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%22M15.172%2014.818v7.032h-4.276v-1.147c0-.584.21-1.151.592-1.596l3.684-4.288zm-4.93%205.884c0-.741.266-1.46.75-2.022l4.673-5.32c.522-.591%201.524-.92%202.262-.92h.967V7.007a1.92%201.92%200%200%200-1.928-1.914H0v14.295c0%201.36%201.11%202.462%202.482%202.462h7.76zM18.8%205.197a2.54%202.54%200%200%201%20.747%201.81v5.434H24V4.613c0-1.36-1.11-2.462-2.482-2.462H2.482A2.473%202.473%200%200%200%20.006%204.438h16.96c.694%200%201.345.27%201.834.76zm.34%2014.742c.817%200%201.45-.451%201.45-1.136a.95.95%200%200%200-.79-.971v-.013a.96.96%200%200%200%20.485-.346a.94.94%200%200%200%20.185-.565c0-.632-.549-1.081-1.343-1.081c-.99%200-1.384.712-1.415%201.21h.843a.54.54%200%200%201%20.577-.495c.318%200%20.549.196.549.48c0%20.283-.213.473-.732.473h-.3v.713h.346c.536%200%20.807.176.807.492s-.26.532-.655.532a.67.67%200%200%201-.686-.51h-.873c.063.733.683%201.222%201.551%201.217zm2-3.39v.806l.79-.532v3.06h.82v-3.988h-.635l-.974.655z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/protoncalendar.svg?color=%231a73e8&size=48
