ticket icon
ticket-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.
- Name
- ticket-outline
- Set
- IonIcons
- Style
- Outline
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
ticketAkar IconsticketBootstrap IconsticketCarbonticketEmoji One (Colored)ticketElement PlusticketFramework7 IconsticketFont Awesome 6 SolidticketFont Awesome Solidticket-outlineFlowbite Iconsticket-20-filledFluent UI System IconsticketFluent EmojiticketFluent Emoji FlatticketFluent Emoji High ContrastticketFirefox OS EmojiticketHeroIconsticketIconParkticketIconPark OutlineticketIconPark SolidticketIconPark TwoToneticketJam IconsticketLucideticketMajesticonsticketMaterial Design Iconsticket-fillMingCute Icon
Use the ticket icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" d="M366.05 146a46.7 46.7 0 0 1-2.42-63.42a3.87 3.87 0 0 0-.22-5.26l-44.13-44.18a3.89 3.89 0 0 0-5.5 0l-70.34 70.34a23.6 23.6 0 0 0-5.71 9.24a23.66 23.66 0 0 1-14.95 15a23.7 23.7 0 0 0-9.25 5.71L33.14 313.78a3.89 3.89 0 0 0 0 5.5l44.13 44.13a3.87 3.87 0 0 0 5.26.22a46.69 46.69 0 0 1 65.84 65.84a3.87 3.87 0 0 0 .22 5.26l44.13 44.13a3.89 3.89 0 0 0 5.5 0l180.4-180.39a23.7 23.7 0 0 0 5.71-9.25a23.66 23.66 0 0 1 14.95-15a23.6 23.6 0 0 0 9.24-5.71l70.34-70.34a3.89 3.89 0 0 0 0-5.5l-44.13-44.13a3.87 3.87 0 0 0-5.26-.22a46.7 46.7 0 0 1-63.42-2.32Z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="m250.5 140.44l-16.51-16.51m60.53 60.53l-11.01-11m55.03 55.03l-11-11.01m60.53 60.53l-16.51-16.51"/></svg>
React
import type { SVGProps } from "react";
export function IonTicketOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" d="M366.05 146a46.7 46.7 0 0 1-2.42-63.42a3.87 3.87 0 0 0-.22-5.26l-44.13-44.18a3.89 3.89 0 0 0-5.5 0l-70.34 70.34a23.6 23.6 0 0 0-5.71 9.24a23.66 23.66 0 0 1-14.95 15a23.7 23.7 0 0 0-9.25 5.71L33.14 313.78a3.89 3.89 0 0 0 0 5.5l44.13 44.13a3.87 3.87 0 0 0 5.26.22a46.69 46.69 0 0 1 65.84 65.84a3.87 3.87 0 0 0 .22 5.26l44.13 44.13a3.89 3.89 0 0 0 5.5 0l180.4-180.39a23.7 23.7 0 0 0 5.71-9.25a23.66 23.66 0 0 1 14.95-15a23.6 23.6 0 0 0 9.24-5.71l70.34-70.34a3.89 3.89 0 0 0 0-5.5l-44.13-44.13a3.87 3.87 0 0 0-5.26-.22a46.7 46.7 0 0 1-63.42-2.32Z"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="m250.5 140.44l-16.51-16.51m60.53 60.53l-11.01-11m55.03 55.03l-11-11.01m60.53 60.53l-16.51-16.51"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" d="M366.05 146a46.7 46.7 0 0 1-2.42-63.42a3.87 3.87 0 0 0-.22-5.26l-44.13-44.18a3.89 3.89 0 0 0-5.5 0l-70.34 70.34a23.6 23.6 0 0 0-5.71 9.24a23.66 23.66 0 0 1-14.95 15a23.7 23.7 0 0 0-9.25 5.71L33.14 313.78a3.89 3.89 0 0 0 0 5.5l44.13 44.13a3.87 3.87 0 0 0 5.26.22a46.69 46.69 0 0 1 65.84 65.84a3.87 3.87 0 0 0 .22 5.26l44.13 44.13a3.89 3.89 0 0 0 5.5 0l180.4-180.39a23.7 23.7 0 0 0 5.71-9.25a23.66 23.66 0 0 1 14.95-15a23.6 23.6 0 0 0 9.24-5.71l70.34-70.34a3.89 3.89 0 0 0 0-5.5l-44.13-44.13a3.87 3.87 0 0 0-5.26-.22a46.7 46.7 0 0 1-63.42-2.32Z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="m250.5 140.44l-16.51-16.51m60.53 60.53l-11.01-11m55.03 55.03l-11-11.01m60.53 60.53l-16.51-16.51"/></svg> </template>
CSS
.icon-ticket-outline {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%2232%22%20d%3D%22M366.05%20146a46.7%2046.7%200%200%201-2.42-63.42a3.87%203.87%200%200%200-.22-5.26l-44.13-44.18a3.89%203.89%200%200%200-5.5%200l-70.34%2070.34a23.6%2023.6%200%200%200-5.71%209.24a23.66%2023.66%200%200%201-14.95%2015a23.7%2023.7%200%200%200-9.25%205.71L33.14%20313.78a3.89%203.89%200%200%200%200%205.5l44.13%2044.13a3.87%203.87%200%200%200%205.26.22a46.69%2046.69%200%200%201%2065.84%2065.84a3.87%203.87%200%200%200%20.22%205.26l44.13%2044.13a3.89%203.89%200%200%200%205.5%200l180.4-180.39a23.7%2023.7%200%200%200%205.71-9.25a23.66%2023.66%200%200%201%2014.95-15a23.6%2023.6%200%200%200%209.24-5.71l70.34-70.34a3.89%203.89%200%200%200%200-5.5l-44.13-44.13a3.87%203.87%200%200%200-5.26-.22a46.7%2046.7%200%200%201-63.42-2.32Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%2232%22%20d%3D%22m250.5%20140.44l-16.51-16.51m60.53%2060.53l-11.01-11m55.03%2055.03l-11-11.01m60.53%2060.53l-16.51-16.51%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%22none%22%20stroke%3D%22currentColor%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%2232%22%20d%3D%22M366.05%20146a46.7%2046.7%200%200%201-2.42-63.42a3.87%203.87%200%200%200-.22-5.26l-44.13-44.18a3.89%203.89%200%200%200-5.5%200l-70.34%2070.34a23.6%2023.6%200%200%200-5.71%209.24a23.66%2023.66%200%200%201-14.95%2015a23.7%2023.7%200%200%200-9.25%205.71L33.14%20313.78a3.89%203.89%200%200%200%200%205.5l44.13%2044.13a3.87%203.87%200%200%200%205.26.22a46.69%2046.69%200%200%201%2065.84%2065.84a3.87%203.87%200%200%200%20.22%205.26l44.13%2044.13a3.89%203.89%200%200%200%205.5%200l180.4-180.39a23.7%2023.7%200%200%200%205.71-9.25a23.66%2023.66%200%200%201%2014.95-15a23.6%2023.6%200%200%200%209.24-5.71l70.34-70.34a3.89%203.89%200%200%200%200-5.5l-44.13-44.13a3.87%203.87%200%200%200-5.26-.22a46.7%2046.7%200%200%201-63.42-2.32Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%2232%22%20d%3D%22m250.5%20140.44l-16.51-16.51m60.53%2060.53l-11.01-11m55.03%2055.03l-11-11.01m60.53%2060.53l-16.51-16.51%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ticket-outline.svg?color=%231a73e8&size=48
