ticket diagonal icon

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

Name
ticket-diagonal-20-filled
Set
Fluent UI System Icons
Style
20 Filled
Viewbox
20×20
License
MIT

12 other variants in Fluent UI System Icons

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

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.73.731c.3.3.268.743.056 1.02a1.5 1.5 0 0 0 2.1 2.1l.112-.07a.77.77 0 0 1 .908.126l.74.74c.78.781.78 2.049 0 2.83L15.6 11.884l-1.359-1.359a.5.5 0 0 0-.707.707l1.359 1.359l-4.828 4.828a2 2 0 0 1-2.829 0l-.74-.74c-.3-.3-.268-.742-.056-1.02l.07-.097a1.5 1.5 0 0 0-2.17-2.004c-.278.212-.721.244-1.022-.056l-.728-.73a2 2 0 0 1 0-2.829l4.827-4.828l1.35 1.35a.5.5 0 0 0 .707-.707l-1.35-1.35zm1.298 4.936a.5.5 0 0 0-.707.707l1.233 1.233a.5.5 0 0 0 .707-.707z"/></svg>

React

import type { SVGProps } from "react";

export function FluentTicketDiagonal20Filled(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.73.731c.3.3.268.743.056 1.02a1.5 1.5 0 0 0 2.1 2.1l.112-.07a.77.77 0 0 1 .908.126l.74.74c.78.781.78 2.049 0 2.83L15.6 11.884l-1.359-1.359a.5.5 0 0 0-.707.707l1.359 1.359l-4.828 4.828a2 2 0 0 1-2.829 0l-.74-.74c-.3-.3-.268-.742-.056-1.02l.07-.097a1.5 1.5 0 0 0-2.17-2.004c-.278.212-.721.244-1.022-.056l-.728-.73a2 2 0 0 1 0-2.829l4.827-4.828l1.35 1.35a.5.5 0 0 0 .707-.707l-1.35-1.35zm1.298 4.936a.5.5 0 0 0-.707.707l1.233 1.233a.5.5 0 0 0 .707-.707z"/></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.73.731c.3.3.268.743.056 1.02a1.5 1.5 0 0 0 2.1 2.1l.112-.07a.77.77 0 0 1 .908.126l.74.74c.78.781.78 2.049 0 2.83L15.6 11.884l-1.359-1.359a.5.5 0 0 0-.707.707l1.359 1.359l-4.828 4.828a2 2 0 0 1-2.829 0l-.74-.74c-.3-.3-.268-.742-.056-1.02l.07-.097a1.5 1.5 0 0 0-2.17-2.004c-.278.212-.721.244-1.022-.056l-.728-.73a2 2 0 0 1 0-2.829l4.827-4.828l1.35 1.35a.5.5 0 0 0 .707-.707l-1.35-1.35zm1.298 4.936a.5.5 0 0 0-.707.707l1.233 1.233a.5.5 0 0 0 .707-.707z"/></svg>
</template>

CSS

.icon-ticket-diagonal-20-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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.943%202.59a2%202%200%200%201%202.829%200l.73.731c.3.3.268.743.056%201.02a1.5%201.5%200%200%200%202.1%202.1l.112-.07a.77.77%200%200%201%20.908.126l.74.74c.78.781.78%202.049%200%202.83L15.6%2011.884l-1.359-1.359a.5.5%200%200%200-.707.707l1.359%201.359l-4.828%204.828a2%202%200%200%201-2.829%200l-.74-.74c-.3-.3-.268-.742-.056-1.02l.07-.097a1.5%201.5%200%200%200-2.17-2.004c-.278.212-.721.244-1.022-.056l-.728-.73a2%202%200%200%201%200-2.829l4.827-4.828l1.35%201.35a.5.5%200%200%200%20.707-.707l-1.35-1.35zm1.298%204.936a.5.5%200%200%200-.707.707l1.233%201.233a.5.5%200%200%200%20.707-.707z%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.73.731c.3.3.268.743.056%201.02a1.5%201.5%200%200%200%202.1%202.1l.112-.07a.77.77%200%200%201%20.908.126l.74.74c.78.781.78%202.049%200%202.83L15.6%2011.884l-1.359-1.359a.5.5%200%200%200-.707.707l1.359%201.359l-4.828%204.828a2%202%200%200%201-2.829%200l-.74-.74c-.3-.3-.268-.742-.056-1.02l.07-.097a1.5%201.5%200%200%200-2.17-2.004c-.278.212-.721.244-1.022-.056l-.728-.73a2%202%200%200%201%200-2.829l4.827-4.828l1.35%201.35a.5.5%200%200%200%20.707-.707l-1.35-1.35zm1.298%204.936a.5.5%200%200%200-.707.707l1.233%201.233a.5.5%200%200%200%20.707-.707z%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-filled.svg?color=%231a73e8&size=48