ticket icon
ticket from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ticket
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
ticketAkar IconsticketBootstrap IconsticketCarbonticketEmoji One (Colored)ticketFramework7 IconsticketFont Awesome 6 Solidticket-20-filledFluent UI System IconsticketFluent EmojiticketFluent Emoji FlatticketFluent Emoji High ContrastticketHeroIconsticketJam IconsticketLucideticketMajesticonsticketMaterial Design Iconsticket-fillMingCute IconticketNoto EmojiticketOpenMojiticketPhosphorticket-fillRemix Iconticket-boldSolarticketTabler IconsticketTwitter EmojiticketUnicons
Use the ticket icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m490.18 181.4l-44.13-44.13a20 20 0 0 0-27-1a30.81 30.81 0 0 1-41.68-1.6a30.81 30.81 0 0 1-1.6-41.67a20 20 0 0 0-1-27L330.6 21.82a19.91 19.91 0 0 0-28.13 0l-70.35 70.34a39.9 39.9 0 0 0-9.57 15.5a7.71 7.71 0 0 1-4.83 4.83a39.8 39.8 0 0 0-15.5 9.58l-180.4 180.4a19.91 19.91 0 0 0 0 28.13L66 374.73a20 20 0 0 0 27 1a30.69 30.69 0 0 1 43.28 43.28a20 20 0 0 0 1 27l44.13 44.13a19.91 19.91 0 0 0 28.13 0l180.4-180.4a39.8 39.8 0 0 0 9.58-15.49a7.69 7.69 0 0 1 4.84-4.84a39.84 39.84 0 0 0 15.49-9.57l70.34-70.35a19.91 19.91 0 0 0-.01-28.09m-228.37-29.65a16 16 0 0 1-22.63 0l-11.51-11.51a16 16 0 0 1 22.63-22.62l11.51 11.5a16 16 0 0 1 0 22.63m44 44a16 16 0 0 1-22.62 0l-11-11a16 16 0 1 1 22.63-22.63l11 11a16 16 0 0 1 .01 22.66Zm44 44a16 16 0 0 1-22.63 0l-11-11a16 16 0 0 1 22.63-22.62l11 11a16 16 0 0 1 .05 22.67Zm44.43 44.54a16 16 0 0 1-22.63 0l-11.44-11.5a16 16 0 1 1 22.68-22.57l11.45 11.49a16 16 0 0 1-.01 22.63Z"/></svg>
React
import type { SVGProps } from "react";
export function IonTicket(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m490.18 181.4l-44.13-44.13a20 20 0 0 0-27-1a30.81 30.81 0 0 1-41.68-1.6a30.81 30.81 0 0 1-1.6-41.67a20 20 0 0 0-1-27L330.6 21.82a19.91 19.91 0 0 0-28.13 0l-70.35 70.34a39.9 39.9 0 0 0-9.57 15.5a7.71 7.71 0 0 1-4.83 4.83a39.8 39.8 0 0 0-15.5 9.58l-180.4 180.4a19.91 19.91 0 0 0 0 28.13L66 374.73a20 20 0 0 0 27 1a30.69 30.69 0 0 1 43.28 43.28a20 20 0 0 0 1 27l44.13 44.13a19.91 19.91 0 0 0 28.13 0l180.4-180.4a39.8 39.8 0 0 0 9.58-15.49a7.69 7.69 0 0 1 4.84-4.84a39.84 39.84 0 0 0 15.49-9.57l70.34-70.35a19.91 19.91 0 0 0-.01-28.09m-228.37-29.65a16 16 0 0 1-22.63 0l-11.51-11.51a16 16 0 0 1 22.63-22.62l11.51 11.5a16 16 0 0 1 0 22.63m44 44a16 16 0 0 1-22.62 0l-11-11a16 16 0 1 1 22.63-22.63l11 11a16 16 0 0 1 .01 22.66Zm44 44a16 16 0 0 1-22.63 0l-11-11a16 16 0 0 1 22.63-22.62l11 11a16 16 0 0 1 .05 22.67Zm44.43 44.54a16 16 0 0 1-22.63 0l-11.44-11.5a16 16 0 1 1 22.68-22.57l11.45 11.49a16 16 0 0 1-.01 22.63Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m490.18 181.4l-44.13-44.13a20 20 0 0 0-27-1a30.81 30.81 0 0 1-41.68-1.6a30.81 30.81 0 0 1-1.6-41.67a20 20 0 0 0-1-27L330.6 21.82a19.91 19.91 0 0 0-28.13 0l-70.35 70.34a39.9 39.9 0 0 0-9.57 15.5a7.71 7.71 0 0 1-4.83 4.83a39.8 39.8 0 0 0-15.5 9.58l-180.4 180.4a19.91 19.91 0 0 0 0 28.13L66 374.73a20 20 0 0 0 27 1a30.69 30.69 0 0 1 43.28 43.28a20 20 0 0 0 1 27l44.13 44.13a19.91 19.91 0 0 0 28.13 0l180.4-180.4a39.8 39.8 0 0 0 9.58-15.49a7.69 7.69 0 0 1 4.84-4.84a39.84 39.84 0 0 0 15.49-9.57l70.34-70.35a19.91 19.91 0 0 0-.01-28.09m-228.37-29.65a16 16 0 0 1-22.63 0l-11.51-11.51a16 16 0 0 1 22.63-22.62l11.51 11.5a16 16 0 0 1 0 22.63m44 44a16 16 0 0 1-22.62 0l-11-11a16 16 0 1 1 22.63-22.63l11 11a16 16 0 0 1 .01 22.66Zm44 44a16 16 0 0 1-22.63 0l-11-11a16 16 0 0 1 22.63-22.62l11 11a16 16 0 0 1 .05 22.67Zm44.43 44.54a16 16 0 0 1-22.63 0l-11.44-11.5a16 16 0 1 1 22.68-22.57l11.45 11.49a16 16 0 0 1-.01 22.63Z"/></svg> </template>
CSS
.icon-ticket {
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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m490.18%20181.4l-44.13-44.13a20%2020%200%200%200-27-1a30.81%2030.81%200%200%201-41.68-1.6a30.81%2030.81%200%200%201-1.6-41.67a20%2020%200%200%200-1-27L330.6%2021.82a19.91%2019.91%200%200%200-28.13%200l-70.35%2070.34a39.9%2039.9%200%200%200-9.57%2015.5a7.71%207.71%200%200%201-4.83%204.83a39.8%2039.8%200%200%200-15.5%209.58l-180.4%20180.4a19.91%2019.91%200%200%200%200%2028.13L66%20374.73a20%2020%200%200%200%2027%201a30.69%2030.69%200%200%201%2043.28%2043.28a20%2020%200%200%200%201%2027l44.13%2044.13a19.91%2019.91%200%200%200%2028.13%200l180.4-180.4a39.8%2039.8%200%200%200%209.58-15.49a7.69%207.69%200%200%201%204.84-4.84a39.84%2039.84%200%200%200%2015.49-9.57l70.34-70.35a19.91%2019.91%200%200%200-.01-28.09m-228.37-29.65a16%2016%200%200%201-22.63%200l-11.51-11.51a16%2016%200%200%201%2022.63-22.62l11.51%2011.5a16%2016%200%200%201%200%2022.63m44%2044a16%2016%200%200%201-22.62%200l-11-11a16%2016%200%201%201%2022.63-22.63l11%2011a16%2016%200%200%201%20.01%2022.66Zm44%2044a16%2016%200%200%201-22.63%200l-11-11a16%2016%200%200%201%2022.63-22.62l11%2011a16%2016%200%200%201%20.05%2022.67Zm44.43%2044.54a16%2016%200%200%201-22.63%200l-11.44-11.5a16%2016%200%201%201%2022.68-22.57l11.45%2011.49a16%2016%200%200%201-.01%2022.63Z%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m490.18%20181.4l-44.13-44.13a20%2020%200%200%200-27-1a30.81%2030.81%200%200%201-41.68-1.6a30.81%2030.81%200%200%201-1.6-41.67a20%2020%200%200%200-1-27L330.6%2021.82a19.91%2019.91%200%200%200-28.13%200l-70.35%2070.34a39.9%2039.9%200%200%200-9.57%2015.5a7.71%207.71%200%200%201-4.83%204.83a39.8%2039.8%200%200%200-15.5%209.58l-180.4%20180.4a19.91%2019.91%200%200%200%200%2028.13L66%20374.73a20%2020%200%200%200%2027%201a30.69%2030.69%200%200%201%2043.28%2043.28a20%2020%200%200%200%201%2027l44.13%2044.13a19.91%2019.91%200%200%200%2028.13%200l180.4-180.4a39.8%2039.8%200%200%200%209.58-15.49a7.69%207.69%200%200%201%204.84-4.84a39.84%2039.84%200%200%200%2015.49-9.57l70.34-70.35a19.91%2019.91%200%200%200-.01-28.09m-228.37-29.65a16%2016%200%200%201-22.63%200l-11.51-11.51a16%2016%200%200%201%2022.63-22.62l11.51%2011.5a16%2016%200%200%201%200%2022.63m44%2044a16%2016%200%200%201-22.62%200l-11-11a16%2016%200%201%201%2022.63-22.63l11%2011a16%2016%200%200%201%20.01%2022.66Zm44%2044a16%2016%200%200%201-22.63%200l-11-11a16%2016%200%200%201%2022.63-22.62l11%2011a16%2016%200%200%201%20.05%2022.67Zm44.43%2044.54a16%2016%200%200%201-22.63%200l-11.44-11.5a16%2016%200%201%201%2022.68-22.57l11.45%2011.49a16%2016%200%200%201-.01%2022.63Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ticket.svg?color=%231a73e8&size=48
