ticket diagonal icon
ticket-diagonal-28-filled from Fluent UI System Icons by Microsoft Corporation · 28 Filled · MIT Free for personal and commercial use.
- Name
- ticket-diagonal-28-filled
- Set
- Fluent UI System Icons
- Style
- 28 Filled
- Viewbox
- 28×28
- License
- MIT
12 other variants in Fluent UI System Icons
ticket-diagonal-16-filledticket-diagonal-16-regularticket-diagonal-20-filledticket-diagonal-20-regularticket-diagonal-24-filledticket-diagonal-24-regularticket-diagonal-28-regularticket-diagonal-32-filledticket-diagonal-32-lightticket-diagonal-32-regularticket-diagonal-48-filledticket-diagonal-48-regular
Related icons in Fluent UI System Icons
Use the ticket diagonal icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M14.542 2.805a2.75 2.75 0 0 1 3.889 0l1.17 1.17c.405.406.363 1.015.042 1.386a2.126 2.126 0 0 0 2.85 3.111l.217-.173c.35-.25.86-.279 1.236.027l.078.072l1.17 1.17l.19.21a2.75 2.75 0 0 1-.19 3.68l-2.837 2.837l-1.59-1.589a.75.75 0 0 0-1.06 1.06l1.59 1.59l-7.84 7.839a2.75 2.75 0 0 1-3.68.188l-.208-.188l-1.171-1.171a1.02 1.02 0 0 1-.042-1.386a2.1 2.1 0 0 0 .518-1.388a2.125 2.125 0 0 0-3.513-1.607c-.371.321-.98.363-1.386-.042l-1.17-1.17a2.75 2.75 0 0 1 0-3.889l7.839-7.839l1.589 1.59a.75.75 0 0 0 1.06-1.061l-1.589-1.59zm1.226 6.901a.75.75 0 0 0-1.06 1.06l2.525 2.526a.75.75 0 0 0 1.06-1.06z"/></svg>
React
import type { SVGProps } from "react";
export function FluentTicketDiagonal28Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M14.542 2.805a2.75 2.75 0 0 1 3.889 0l1.17 1.17c.405.406.363 1.015.042 1.386a2.126 2.126 0 0 0 2.85 3.111l.217-.173c.35-.25.86-.279 1.236.027l.078.072l1.17 1.17l.19.21a2.75 2.75 0 0 1-.19 3.68l-2.837 2.837l-1.59-1.589a.75.75 0 0 0-1.06 1.06l1.59 1.59l-7.84 7.839a2.75 2.75 0 0 1-3.68.188l-.208-.188l-1.171-1.171a1.02 1.02 0 0 1-.042-1.386a2.1 2.1 0 0 0 .518-1.388a2.125 2.125 0 0 0-3.513-1.607c-.371.321-.98.363-1.386-.042l-1.17-1.17a2.75 2.75 0 0 1 0-3.889l7.839-7.839l1.589 1.59a.75.75 0 0 0 1.06-1.061l-1.589-1.59zm1.226 6.901a.75.75 0 0 0-1.06 1.06l2.525 2.526a.75.75 0 0 0 1.06-1.06z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M14.542 2.805a2.75 2.75 0 0 1 3.889 0l1.17 1.17c.405.406.363 1.015.042 1.386a2.126 2.126 0 0 0 2.85 3.111l.217-.173c.35-.25.86-.279 1.236.027l.078.072l1.17 1.17l.19.21a2.75 2.75 0 0 1-.19 3.68l-2.837 2.837l-1.59-1.589a.75.75 0 0 0-1.06 1.06l1.59 1.59l-7.84 7.839a2.75 2.75 0 0 1-3.68.188l-.208-.188l-1.171-1.171a1.02 1.02 0 0 1-.042-1.386a2.1 2.1 0 0 0 .518-1.388a2.125 2.125 0 0 0-3.513-1.607c-.371.321-.98.363-1.386-.042l-1.17-1.17a2.75 2.75 0 0 1 0-3.889l7.839-7.839l1.589 1.59a.75.75 0 0 0 1.06-1.061l-1.589-1.59zm1.226 6.901a.75.75 0 0 0-1.06 1.06l2.525 2.526a.75.75 0 0 0 1.06-1.06z"/></svg> </template>
CSS
.icon-ticket-diagonal-28-filled {
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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.542%202.805a2.75%202.75%200%200%201%203.889%200l1.17%201.17c.405.406.363%201.015.042%201.386a2.126%202.126%200%200%200%202.85%203.111l.217-.173c.35-.25.86-.279%201.236.027l.078.072l1.17%201.17l.19.21a2.75%202.75%200%200%201-.19%203.68l-2.837%202.837l-1.59-1.589a.75.75%200%200%200-1.06%201.06l1.59%201.59l-7.84%207.839a2.75%202.75%200%200%201-3.68.188l-.208-.188l-1.171-1.171a1.02%201.02%200%200%201-.042-1.386a2.1%202.1%200%200%200%20.518-1.388a2.125%202.125%200%200%200-3.513-1.607c-.371.321-.98.363-1.386-.042l-1.17-1.17a2.75%202.75%200%200%201%200-3.889l7.839-7.839l1.589%201.59a.75.75%200%200%200%201.06-1.061l-1.589-1.59zm1.226%206.901a.75.75%200%200%200-1.06%201.06l2.525%202.526a.75.75%200%200%200%201.06-1.06z%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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.542%202.805a2.75%202.75%200%200%201%203.889%200l1.17%201.17c.405.406.363%201.015.042%201.386a2.126%202.126%200%200%200%202.85%203.111l.217-.173c.35-.25.86-.279%201.236.027l.078.072l1.17%201.17l.19.21a2.75%202.75%200%200%201-.19%203.68l-2.837%202.837l-1.59-1.589a.75.75%200%200%200-1.06%201.06l1.59%201.59l-7.84%207.839a2.75%202.75%200%200%201-3.68.188l-.208-.188l-1.171-1.171a1.02%201.02%200%200%201-.042-1.386a2.1%202.1%200%200%200%20.518-1.388a2.125%202.125%200%200%200-3.513-1.607c-.371.321-.98.363-1.386-.042l-1.17-1.17a2.75%202.75%200%200%201%200-3.889l7.839-7.839l1.589%201.59a.75.75%200%200%200%201.06-1.061l-1.589-1.59zm1.226%206.901a.75.75%200%200%200-1.06%201.06l2.525%202.526a.75.75%200%200%200%201.06-1.06z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/ticket-diagonal-28-filled.svg?color=%231a73e8&size=48
