ticket diagonal icon
ticket-diagonal-16-regular from Fluent UI System Icons by Microsoft Corporation · 16 Regular · MIT Free for personal and commercial use.
- Name
- ticket-diagonal-16-regular
- Set
- Fluent UI System Icons
- Style
- 16 Regular
- Viewbox
- 16×16
- License
- MIT
12 other variants in Fluent UI System Icons
ticket-diagonal-16-filledticket-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-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 16 16"><path fill="currentColor" d="M8.166 1.513a1.75 1.75 0 0 1 2.475 0l.668.668c.35.35.24.854-.018 1.114A1 1 0 0 0 12.001 5a1 1 0 0 0 .703-.29l.109-.09c.256-.176.64-.228.94.011l.067.06l.668.669a1.75 1.75 0 0 1 0 2.474L7.834 14.49c-.64.64-1.654.68-2.342.12l-.132-.12l-.67-.67c-.35-.35-.24-.855.02-1.116A1 1 0 0 0 5.002 12a1 1 0 0 0-1.706-.71c-.26.259-.766.37-1.116.019l-.667-.667a1.75 1.75 0 0 1 0-2.476zm1.768.707a.75.75 0 0 0-1.06 0L6.9 4.192l.748.748a.5.5 0 0 1-.707.707l-.748-.748L2.22 8.873a.75.75 0 0 0 0 1.062l.516.516c.344-.282.786-.45 1.266-.45l.204.01A2 2 0 0 1 6.002 12c0 .48-.171.92-.453 1.263l.518.518a.75.75 0 0 0 1.06 0l3.974-3.976l-.745-.745a.5.5 0 0 1 .707-.707l.745.745l1.973-1.972a.75.75 0 0 0 0-1.06l-.518-.518c-.294.24-.658.4-1.058.44L12.002 6a2 2 0 0 1-1.552-3.263zM8.356 6.354a.5.5 0 0 1 .707 0l.586.586a.5.5 0 0 1-.707.707l-.586-.586a.5.5 0 0 1 0-.707"/></svg>
React
import type { SVGProps } from "react";
export function FluentTicketDiagonal16Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8.166 1.513a1.75 1.75 0 0 1 2.475 0l.668.668c.35.35.24.854-.018 1.114A1 1 0 0 0 12.001 5a1 1 0 0 0 .703-.29l.109-.09c.256-.176.64-.228.94.011l.067.06l.668.669a1.75 1.75 0 0 1 0 2.474L7.834 14.49c-.64.64-1.654.68-2.342.12l-.132-.12l-.67-.67c-.35-.35-.24-.855.02-1.116A1 1 0 0 0 5.002 12a1 1 0 0 0-1.706-.71c-.26.259-.766.37-1.116.019l-.667-.667a1.75 1.75 0 0 1 0-2.476zm1.768.707a.75.75 0 0 0-1.06 0L6.9 4.192l.748.748a.5.5 0 0 1-.707.707l-.748-.748L2.22 8.873a.75.75 0 0 0 0 1.062l.516.516c.344-.282.786-.45 1.266-.45l.204.01A2 2 0 0 1 6.002 12c0 .48-.171.92-.453 1.263l.518.518a.75.75 0 0 0 1.06 0l3.974-3.976l-.745-.745a.5.5 0 0 1 .707-.707l.745.745l1.973-1.972a.75.75 0 0 0 0-1.06l-.518-.518c-.294.24-.658.4-1.058.44L12.002 6a2 2 0 0 1-1.552-3.263zM8.356 6.354a.5.5 0 0 1 .707 0l.586.586a.5.5 0 0 1-.707.707l-.586-.586a.5.5 0 0 1 0-.707"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8.166 1.513a1.75 1.75 0 0 1 2.475 0l.668.668c.35.35.24.854-.018 1.114A1 1 0 0 0 12.001 5a1 1 0 0 0 .703-.29l.109-.09c.256-.176.64-.228.94.011l.067.06l.668.669a1.75 1.75 0 0 1 0 2.474L7.834 14.49c-.64.64-1.654.68-2.342.12l-.132-.12l-.67-.67c-.35-.35-.24-.855.02-1.116A1 1 0 0 0 5.002 12a1 1 0 0 0-1.706-.71c-.26.259-.766.37-1.116.019l-.667-.667a1.75 1.75 0 0 1 0-2.476zm1.768.707a.75.75 0 0 0-1.06 0L6.9 4.192l.748.748a.5.5 0 0 1-.707.707l-.748-.748L2.22 8.873a.75.75 0 0 0 0 1.062l.516.516c.344-.282.786-.45 1.266-.45l.204.01A2 2 0 0 1 6.002 12c0 .48-.171.92-.453 1.263l.518.518a.75.75 0 0 0 1.06 0l3.974-3.976l-.745-.745a.5.5 0 0 1 .707-.707l.745.745l1.973-1.972a.75.75 0 0 0 0-1.06l-.518-.518c-.294.24-.658.4-1.058.44L12.002 6a2 2 0 0 1-1.552-3.263zM8.356 6.354a.5.5 0 0 1 .707 0l.586.586a.5.5 0 0 1-.707.707l-.586-.586a.5.5 0 0 1 0-.707"/></svg> </template>
CSS
.icon-ticket-diagonal-16-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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.166%201.513a1.75%201.75%200%200%201%202.475%200l.668.668c.35.35.24.854-.018%201.114A1%201%200%200%200%2012.001%205a1%201%200%200%200%20.703-.29l.109-.09c.256-.176.64-.228.94.011l.067.06l.668.669a1.75%201.75%200%200%201%200%202.474L7.834%2014.49c-.64.64-1.654.68-2.342.12l-.132-.12l-.67-.67c-.35-.35-.24-.855.02-1.116A1%201%200%200%200%205.002%2012a1%201%200%200%200-1.706-.71c-.26.259-.766.37-1.116.019l-.667-.667a1.75%201.75%200%200%201%200-2.476zm1.768.707a.75.75%200%200%200-1.06%200L6.9%204.192l.748.748a.5.5%200%200%201-.707.707l-.748-.748L2.22%208.873a.75.75%200%200%200%200%201.062l.516.516c.344-.282.786-.45%201.266-.45l.204.01A2%202%200%200%201%206.002%2012c0%20.48-.171.92-.453%201.263l.518.518a.75.75%200%200%200%201.06%200l3.974-3.976l-.745-.745a.5.5%200%200%201%20.707-.707l.745.745l1.973-1.972a.75.75%200%200%200%200-1.06l-.518-.518c-.294.24-.658.4-1.058.44L12.002%206a2%202%200%200%201-1.552-3.263zM8.356%206.354a.5.5%200%200%201%20.707%200l.586.586a.5.5%200%200%201-.707.707l-.586-.586a.5.5%200%200%201%200-.707%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.166%201.513a1.75%201.75%200%200%201%202.475%200l.668.668c.35.35.24.854-.018%201.114A1%201%200%200%200%2012.001%205a1%201%200%200%200%20.703-.29l.109-.09c.256-.176.64-.228.94.011l.067.06l.668.669a1.75%201.75%200%200%201%200%202.474L7.834%2014.49c-.64.64-1.654.68-2.342.12l-.132-.12l-.67-.67c-.35-.35-.24-.855.02-1.116A1%201%200%200%200%205.002%2012a1%201%200%200%200-1.706-.71c-.26.259-.766.37-1.116.019l-.667-.667a1.75%201.75%200%200%201%200-2.476zm1.768.707a.75.75%200%200%200-1.06%200L6.9%204.192l.748.748a.5.5%200%200%201-.707.707l-.748-.748L2.22%208.873a.75.75%200%200%200%200%201.062l.516.516c.344-.282.786-.45%201.266-.45l.204.01A2%202%200%200%201%206.002%2012c0%20.48-.171.92-.453%201.263l.518.518a.75.75%200%200%200%201.06%200l3.974-3.976l-.745-.745a.5.5%200%200%201%20.707-.707l.745.745l1.973-1.972a.75.75%200%200%200%200-1.06l-.518-.518c-.294.24-.658.4-1.058.44L12.002%206a2%202%200%200%201-1.552-3.263zM8.356%206.354a.5.5%200%200%201%20.707%200l.586.586a.5.5%200%200%201-.707.707l-.586-.586a.5.5%200%200%201%200-.707%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/ticket-diagonal-16-regular.svg?color=%231a73e8&size=48
