ticket diagonal icon
ticket-diagonal-48-regular from Fluent UI System Icons by Microsoft Corporation · 48 Regular · MIT Free for personal and commercial use.
- Name
- ticket-diagonal-48-regular
- Set
- Fluent UI System Icons
- Style
- 48 Regular
- Viewbox
- 48×48
- 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-filledticket-diagonal-28-regularticket-diagonal-32-filledticket-diagonal-32-lightticket-diagonal-32-regularticket-diagonal-48-filled
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 48 48"><path fill="currentColor" d="M25.205 5.246a4.25 4.25 0 0 1 6.01 0l2.393 2.393c.812.813.579 2.013-.104 2.622a3 3 0 0 0 1.996 5.24c.89 0 1.687-.387 2.238-1.005c.57-.64 1.662-.886 2.466-.245l.157.141l2.395 2.396a4.25 4.25 0 0 1 0 6.01l-19.96 19.96a4.25 4.25 0 0 1-6.01 0l-2.395-2.396c-.813-.813-.58-2.015.104-2.623A3 3 0 0 0 15.5 35.5a3.001 3.001 0 0 0-5.24-1.995c-.609.683-1.81.916-2.622.104l-2.393-2.393a4.25 4.25 0 0 1 0-6.01zm4.243 1.768a1.75 1.75 0 0 0-2.476 0l-5.594 5.594l2.241 2.241a1.25 1.25 0 0 1-1.767 1.768l-2.241-2.242L7.013 26.973a1.75 1.75 0 0 0 0 2.476l1.892 1.891A5.48 5.48 0 0 1 12.5 30a5.5 5.5 0 0 1 5.5 5.5a5.48 5.48 0 0 1-1.341 3.594l1.895 1.896a1.75 1.75 0 0 0 2.475 0l12.597-12.6l-2.239-2.24a1.25 1.25 0 0 1 1.768-1.767l2.239 2.24l5.595-5.593a1.75 1.75 0 0 0 0-2.476l-1.896-1.895A5.48 5.48 0 0 1 35.5 18a5.5 5.5 0 0 1-4.16-9.094zm-4.06 11.37a1.25 1.25 0 0 1 1.767 0l2.465 2.465a1.25 1.25 0 0 1-1.768 1.768l-2.465-2.465a1.25 1.25 0 0 1 0-1.768"/></svg>
React
import type { SVGProps } from "react";
export function FluentTicketDiagonal48Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M25.205 5.246a4.25 4.25 0 0 1 6.01 0l2.393 2.393c.812.813.579 2.013-.104 2.622a3 3 0 0 0 1.996 5.24c.89 0 1.687-.387 2.238-1.005c.57-.64 1.662-.886 2.466-.245l.157.141l2.395 2.396a4.25 4.25 0 0 1 0 6.01l-19.96 19.96a4.25 4.25 0 0 1-6.01 0l-2.395-2.396c-.813-.813-.58-2.015.104-2.623A3 3 0 0 0 15.5 35.5a3.001 3.001 0 0 0-5.24-1.995c-.609.683-1.81.916-2.622.104l-2.393-2.393a4.25 4.25 0 0 1 0-6.01zm4.243 1.768a1.75 1.75 0 0 0-2.476 0l-5.594 5.594l2.241 2.241a1.25 1.25 0 0 1-1.767 1.768l-2.241-2.242L7.013 26.973a1.75 1.75 0 0 0 0 2.476l1.892 1.891A5.48 5.48 0 0 1 12.5 30a5.5 5.5 0 0 1 5.5 5.5a5.48 5.48 0 0 1-1.341 3.594l1.895 1.896a1.75 1.75 0 0 0 2.475 0l12.597-12.6l-2.239-2.24a1.25 1.25 0 0 1 1.768-1.767l2.239 2.24l5.595-5.593a1.75 1.75 0 0 0 0-2.476l-1.896-1.895A5.48 5.48 0 0 1 35.5 18a5.5 5.5 0 0 1-4.16-9.094zm-4.06 11.37a1.25 1.25 0 0 1 1.767 0l2.465 2.465a1.25 1.25 0 0 1-1.768 1.768l-2.465-2.465a1.25 1.25 0 0 1 0-1.768"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M25.205 5.246a4.25 4.25 0 0 1 6.01 0l2.393 2.393c.812.813.579 2.013-.104 2.622a3 3 0 0 0 1.996 5.24c.89 0 1.687-.387 2.238-1.005c.57-.64 1.662-.886 2.466-.245l.157.141l2.395 2.396a4.25 4.25 0 0 1 0 6.01l-19.96 19.96a4.25 4.25 0 0 1-6.01 0l-2.395-2.396c-.813-.813-.58-2.015.104-2.623A3 3 0 0 0 15.5 35.5a3.001 3.001 0 0 0-5.24-1.995c-.609.683-1.81.916-2.622.104l-2.393-2.393a4.25 4.25 0 0 1 0-6.01zm4.243 1.768a1.75 1.75 0 0 0-2.476 0l-5.594 5.594l2.241 2.241a1.25 1.25 0 0 1-1.767 1.768l-2.241-2.242L7.013 26.973a1.75 1.75 0 0 0 0 2.476l1.892 1.891A5.48 5.48 0 0 1 12.5 30a5.5 5.5 0 0 1 5.5 5.5a5.48 5.48 0 0 1-1.341 3.594l1.895 1.896a1.75 1.75 0 0 0 2.475 0l12.597-12.6l-2.239-2.24a1.25 1.25 0 0 1 1.768-1.767l2.239 2.24l5.595-5.593a1.75 1.75 0 0 0 0-2.476l-1.896-1.895A5.48 5.48 0 0 1 35.5 18a5.5 5.5 0 0 1-4.16-9.094zm-4.06 11.37a1.25 1.25 0 0 1 1.767 0l2.465 2.465a1.25 1.25 0 0 1-1.768 1.768l-2.465-2.465a1.25 1.25 0 0 1 0-1.768"/></svg> </template>
CSS
.icon-ticket-diagonal-48-regular {
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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M25.205%205.246a4.25%204.25%200%200%201%206.01%200l2.393%202.393c.812.813.579%202.013-.104%202.622a3%203%200%200%200%201.996%205.24c.89%200%201.687-.387%202.238-1.005c.57-.64%201.662-.886%202.466-.245l.157.141l2.395%202.396a4.25%204.25%200%200%201%200%206.01l-19.96%2019.96a4.25%204.25%200%200%201-6.01%200l-2.395-2.396c-.813-.813-.58-2.015.104-2.623A3%203%200%200%200%2015.5%2035.5a3.001%203.001%200%200%200-5.24-1.995c-.609.683-1.81.916-2.622.104l-2.393-2.393a4.25%204.25%200%200%201%200-6.01zm4.243%201.768a1.75%201.75%200%200%200-2.476%200l-5.594%205.594l2.241%202.241a1.25%201.25%200%200%201-1.767%201.768l-2.241-2.242L7.013%2026.973a1.75%201.75%200%200%200%200%202.476l1.892%201.891A5.48%205.48%200%200%201%2012.5%2030a5.5%205.5%200%200%201%205.5%205.5a5.48%205.48%200%200%201-1.341%203.594l1.895%201.896a1.75%201.75%200%200%200%202.475%200l12.597-12.6l-2.239-2.24a1.25%201.25%200%200%201%201.768-1.767l2.239%202.24l5.595-5.593a1.75%201.75%200%200%200%200-2.476l-1.896-1.895A5.48%205.48%200%200%201%2035.5%2018a5.5%205.5%200%200%201-4.16-9.094zm-4.06%2011.37a1.25%201.25%200%200%201%201.767%200l2.465%202.465a1.25%201.25%200%200%201-1.768%201.768l-2.465-2.465a1.25%201.25%200%200%201%200-1.768%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M25.205%205.246a4.25%204.25%200%200%201%206.01%200l2.393%202.393c.812.813.579%202.013-.104%202.622a3%203%200%200%200%201.996%205.24c.89%200%201.687-.387%202.238-1.005c.57-.64%201.662-.886%202.466-.245l.157.141l2.395%202.396a4.25%204.25%200%200%201%200%206.01l-19.96%2019.96a4.25%204.25%200%200%201-6.01%200l-2.395-2.396c-.813-.813-.58-2.015.104-2.623A3%203%200%200%200%2015.5%2035.5a3.001%203.001%200%200%200-5.24-1.995c-.609.683-1.81.916-2.622.104l-2.393-2.393a4.25%204.25%200%200%201%200-6.01zm4.243%201.768a1.75%201.75%200%200%200-2.476%200l-5.594%205.594l2.241%202.241a1.25%201.25%200%200%201-1.767%201.768l-2.241-2.242L7.013%2026.973a1.75%201.75%200%200%200%200%202.476l1.892%201.891A5.48%205.48%200%200%201%2012.5%2030a5.5%205.5%200%200%201%205.5%205.5a5.48%205.48%200%200%201-1.341%203.594l1.895%201.896a1.75%201.75%200%200%200%202.475%200l12.597-12.6l-2.239-2.24a1.25%201.25%200%200%201%201.768-1.767l2.239%202.24l5.595-5.593a1.75%201.75%200%200%200%200-2.476l-1.896-1.895A5.48%205.48%200%200%201%2035.5%2018a5.5%205.5%200%200%201-4.16-9.094zm-4.06%2011.37a1.25%201.25%200%200%201%201.767%200l2.465%202.465a1.25%201.25%200%200%201-1.768%201.768l-2.465-2.465a1.25%201.25%200%200%201%200-1.768%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/ticket-diagonal-48-regular.svg?color=%231a73e8&size=48
