ticket diagonal icon

ticket-diagonal-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.

Name
ticket-diagonal-20-regular
Set
Fluent UI System Icons
Style
20 Regular
Viewbox
20×20
License
MIT

12 other variants in Fluent UI System Icons

ticket-diagonal-16-filledticket-diagonal-16-regularticket-diagonal-20-filledticket-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

ticket-horizontal-20-filled

Use the ticket diagonal icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M9.943 2.59a2 2 0 0 1 2.829 0l.907.908c.3.301.265.739.063 1.013a1.25 1.25 0 0 0 1.745 1.746l.11-.068a.78.78 0 0 1 .846.079l.058.052l.917.917c.78.781.781 2.048 0 2.83l-7.353 7.353a2 2 0 0 1-2.829 0l-.917-.917c-.3-.301-.265-.74-.063-1.014l.103-.164a1.25 1.25 0 0 0-1.85-1.582c-.273.202-.712.237-1.013-.063l-.906-.906a2 2 0 0 1 0-2.83zm2.122.708a1 1 0 0 0-1.415 0L8.832 5.115l1.07 1.07a.5.5 0 0 1-.707.708l-1.07-1.07l-4.828 4.828a1 1 0 0 0 0 1.415l.77.77a2.25 2.25 0 0 1 3.096 3.096l.78.781a1 1 0 0 0 1.414 0l4.83-4.83l-1.078-1.076a.5.5 0 0 1 .707-.707l1.078 1.077l1.817-1.818c.39-.39.39-1.024 0-1.415l-.781-.78a2.23 2.23 0 0 1-1.18.336a2.25 2.25 0 0 1-1.915-3.432zM10.609 7.6a.5.5 0 0 1 .707 0l1.086 1.086a.5.5 0 0 1-.707.707L10.61 8.307a.5.5 0 0 1 0-.707"/></svg>

React

import type { SVGProps } from "react";

export function FluentTicketDiagonal20Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M9.943 2.59a2 2 0 0 1 2.829 0l.907.908c.3.301.265.739.063 1.013a1.25 1.25 0 0 0 1.745 1.746l.11-.068a.78.78 0 0 1 .846.079l.058.052l.917.917c.78.781.781 2.048 0 2.83l-7.353 7.353a2 2 0 0 1-2.829 0l-.917-.917c-.3-.301-.265-.74-.063-1.014l.103-.164a1.25 1.25 0 0 0-1.85-1.582c-.273.202-.712.237-1.013-.063l-.906-.906a2 2 0 0 1 0-2.83zm2.122.708a1 1 0 0 0-1.415 0L8.832 5.115l1.07 1.07a.5.5 0 0 1-.707.708l-1.07-1.07l-4.828 4.828a1 1 0 0 0 0 1.415l.77.77a2.25 2.25 0 0 1 3.096 3.096l.78.781a1 1 0 0 0 1.414 0l4.83-4.83l-1.078-1.076a.5.5 0 0 1 .707-.707l1.078 1.077l1.817-1.818c.39-.39.39-1.024 0-1.415l-.781-.78a2.23 2.23 0 0 1-1.18.336a2.25 2.25 0 0 1-1.915-3.432zM10.609 7.6a.5.5 0 0 1 .707 0l1.086 1.086a.5.5 0 0 1-.707.707L10.61 8.307a.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 20 20"><path fill="currentColor" d="M9.943 2.59a2 2 0 0 1 2.829 0l.907.908c.3.301.265.739.063 1.013a1.25 1.25 0 0 0 1.745 1.746l.11-.068a.78.78 0 0 1 .846.079l.058.052l.917.917c.78.781.781 2.048 0 2.83l-7.353 7.353a2 2 0 0 1-2.829 0l-.917-.917c-.3-.301-.265-.74-.063-1.014l.103-.164a1.25 1.25 0 0 0-1.85-1.582c-.273.202-.712.237-1.013-.063l-.906-.906a2 2 0 0 1 0-2.83zm2.122.708a1 1 0 0 0-1.415 0L8.832 5.115l1.07 1.07a.5.5 0 0 1-.707.708l-1.07-1.07l-4.828 4.828a1 1 0 0 0 0 1.415l.77.77a2.25 2.25 0 0 1 3.096 3.096l.78.781a1 1 0 0 0 1.414 0l4.83-4.83l-1.078-1.076a.5.5 0 0 1 .707-.707l1.078 1.077l1.817-1.818c.39-.39.39-1.024 0-1.415l-.781-.78a2.23 2.23 0 0 1-1.18.336a2.25 2.25 0 0 1-1.915-3.432zM10.609 7.6a.5.5 0 0 1 .707 0l1.086 1.086a.5.5 0 0 1-.707.707L10.61 8.307a.5.5 0 0 1 0-.707"/></svg>
</template>

CSS

.icon-ticket-diagonal-20-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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.943%202.59a2%202%200%200%201%202.829%200l.907.908c.3.301.265.739.063%201.013a1.25%201.25%200%200%200%201.745%201.746l.11-.068a.78.78%200%200%201%20.846.079l.058.052l.917.917c.78.781.781%202.048%200%202.83l-7.353%207.353a2%202%200%200%201-2.829%200l-.917-.917c-.3-.301-.265-.74-.063-1.014l.103-.164a1.25%201.25%200%200%200-1.85-1.582c-.273.202-.712.237-1.013-.063l-.906-.906a2%202%200%200%201%200-2.83zm2.122.708a1%201%200%200%200-1.415%200L8.832%205.115l1.07%201.07a.5.5%200%200%201-.707.708l-1.07-1.07l-4.828%204.828a1%201%200%200%200%200%201.415l.77.77a2.25%202.25%200%200%201%203.096%203.096l.78.781a1%201%200%200%200%201.414%200l4.83-4.83l-1.078-1.076a.5.5%200%200%201%20.707-.707l1.078%201.077l1.817-1.818c.39-.39.39-1.024%200-1.415l-.781-.78a2.23%202.23%200%200%201-1.18.336a2.25%202.25%200%200%201-1.915-3.432zM10.609%207.6a.5.5%200%200%201%20.707%200l1.086%201.086a.5.5%200%200%201-.707.707L10.61%208.307a.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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.943%202.59a2%202%200%200%201%202.829%200l.907.908c.3.301.265.739.063%201.013a1.25%201.25%200%200%200%201.745%201.746l.11-.068a.78.78%200%200%201%20.846.079l.058.052l.917.917c.78.781.781%202.048%200%202.83l-7.353%207.353a2%202%200%200%201-2.829%200l-.917-.917c-.3-.301-.265-.74-.063-1.014l.103-.164a1.25%201.25%200%200%200-1.85-1.582c-.273.202-.712.237-1.013-.063l-.906-.906a2%202%200%200%201%200-2.83zm2.122.708a1%201%200%200%200-1.415%200L8.832%205.115l1.07%201.07a.5.5%200%200%201-.707.708l-1.07-1.07l-4.828%204.828a1%201%200%200%200%200%201.415l.77.77a2.25%202.25%200%200%201%203.096%203.096l.78.781a1%201%200%200%200%201.414%200l4.83-4.83l-1.078-1.076a.5.5%200%200%201%20.707-.707l1.078%201.077l1.817-1.818c.39-.39.39-1.024%200-1.415l-.781-.78a2.23%202.23%200%200%201-1.18.336a2.25%202.25%200%200%201-1.915-3.432zM10.609%207.6a.5.5%200%200%201%20.707%200l1.086%201.086a.5.5%200%200%201-.707.707L10.61%208.307a.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-20-regular.svg?color=%231a73e8&size=48