ticket emoji
ticket from OpenMoji by OpenMoji · Default · Activities · CC-BY-SA-4.0 Attribution required.
- Name
- ticket
- Set
- OpenMoji
- Style
- Default
- Category
- Activities
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji 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 TwoToneticketIonIconsticketJam IconsticketLucideticketMajesticonsticketMaterial Design Icons
More activities icons from OpenMoji
Use the ticket emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fcea2b" d="M48.713 23.515c-3.428-3.552-4.029-8.784-1.869-12.933l-3.6-3.732L6.886 41.936l3.801 3.94c4.073-1.574 8.868-.671 12.09 2.667s3.953 8.164 2.236 12.178l3.802 3.939l36.357-35.086l-3.6-3.732c-4.225 2.011-9.431 1.225-12.86-2.327"/><path fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2" d="M48.155 23.505c-3.428-3.552-4.029-8.784-1.869-12.933l-3.6-3.732L6.328 41.926l3.801 3.94c4.072-1.574 8.868-.671 12.09 2.667s3.953 8.164 2.236 12.178l3.801 3.939l36.358-35.086l-3.6-3.732c-4.225 2.011-9.431 1.225-12.86-2.327z"/><circle cx="37.122" cy="22.122" r="2" transform="rotate(-44.781 37.124 22.122)"/><circle cx="43.612" cy="28.661" r="2" transform="rotate(-44.781 43.614 28.661)"/><circle cx="50.101" cy="35.199" r="2" transform="rotate(-44.781 50.104 35.2)"/></svg>
React
import type { SVGProps } from "react";
export function OpenmojiTicket(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fcea2b" d="M48.713 23.515c-3.428-3.552-4.029-8.784-1.869-12.933l-3.6-3.732L6.886 41.936l3.801 3.94c4.073-1.574 8.868-.671 12.09 2.667s3.953 8.164 2.236 12.178l3.802 3.939l36.357-35.086l-3.6-3.732c-4.225 2.011-9.431 1.225-12.86-2.327"/><path fill="none" stroke="#000" strokeMiterlimit="10" strokeWidth="2" d="M48.155 23.505c-3.428-3.552-4.029-8.784-1.869-12.933l-3.6-3.732L6.328 41.926l3.801 3.94c4.072-1.574 8.868-.671 12.09 2.667s3.953 8.164 2.236 12.178l3.801 3.939l36.358-35.086l-3.6-3.732c-4.225 2.011-9.431 1.225-12.86-2.327z"/><circle cx="37.122" cy="22.122" r="2" transform="rotate(-44.781 37.124 22.122)"/><circle cx="43.612" cy="28.661" r="2" transform="rotate(-44.781 43.614 28.661)"/><circle cx="50.101" cy="35.199" r="2" transform="rotate(-44.781 50.104 35.2)"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fcea2b" d="M48.713 23.515c-3.428-3.552-4.029-8.784-1.869-12.933l-3.6-3.732L6.886 41.936l3.801 3.94c4.073-1.574 8.868-.671 12.09 2.667s3.953 8.164 2.236 12.178l3.802 3.939l36.357-35.086l-3.6-3.732c-4.225 2.011-9.431 1.225-12.86-2.327"/><path fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2" d="M48.155 23.505c-3.428-3.552-4.029-8.784-1.869-12.933l-3.6-3.732L6.328 41.926l3.801 3.94c4.072-1.574 8.868-.671 12.09 2.667s3.953 8.164 2.236 12.178l3.801 3.939l36.358-35.086l-3.6-3.732c-4.225 2.011-9.431 1.225-12.86-2.327z"/><circle cx="37.122" cy="22.122" r="2" transform="rotate(-44.781 37.124 22.122)"/><circle cx="43.612" cy="28.661" r="2" transform="rotate(-44.781 43.614 28.661)"/><circle cx="50.101" cy="35.199" r="2" transform="rotate(-44.781 50.104 35.2)"/></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%2072%2072%22%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M48.713%2023.515c-3.428-3.552-4.029-8.784-1.869-12.933l-3.6-3.732L6.886%2041.936l3.801%203.94c4.073-1.574%208.868-.671%2012.09%202.667s3.953%208.164%202.236%2012.178l3.802%203.939l36.357-35.086l-3.6-3.732c-4.225%202.011-9.431%201.225-12.86-2.327%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M48.155%2023.505c-3.428-3.552-4.029-8.784-1.869-12.933l-3.6-3.732L6.328%2041.926l3.801%203.94c4.072-1.574%208.868-.671%2012.09%202.667s3.953%208.164%202.236%2012.178l3.801%203.939l36.358-35.086l-3.6-3.732c-4.225%202.011-9.431%201.225-12.86-2.327z%22%2F%3E%3Ccircle%20cx%3D%2237.122%22%20cy%3D%2222.122%22%20r%3D%222%22%20transform%3D%22rotate(-44.781%2037.124%2022.122)%22%2F%3E%3Ccircle%20cx%3D%2243.612%22%20cy%3D%2228.661%22%20r%3D%222%22%20transform%3D%22rotate(-44.781%2043.614%2028.661)%22%2F%3E%3Ccircle%20cx%3D%2250.101%22%20cy%3D%2235.199%22%20r%3D%222%22%20transform%3D%22rotate(-44.781%2050.104%2035.2)%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M48.713%2023.515c-3.428-3.552-4.029-8.784-1.869-12.933l-3.6-3.732L6.886%2041.936l3.801%203.94c4.073-1.574%208.868-.671%2012.09%202.667s3.953%208.164%202.236%2012.178l3.802%203.939l36.357-35.086l-3.6-3.732c-4.225%202.011-9.431%201.225-12.86-2.327%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M48.155%2023.505c-3.428-3.552-4.029-8.784-1.869-12.933l-3.6-3.732L6.328%2041.926l3.801%203.94c4.072-1.574%208.868-.671%2012.09%202.667s3.953%208.164%202.236%2012.178l3.801%203.939l36.358-35.086l-3.6-3.732c-4.225%202.011-9.431%201.225-12.86-2.327z%22%2F%3E%3Ccircle%20cx%3D%2237.122%22%20cy%3D%2222.122%22%20r%3D%222%22%20transform%3D%22rotate(-44.781%2037.124%2022.122)%22%2F%3E%3Ccircle%20cx%3D%2243.612%22%20cy%3D%2228.661%22%20r%3D%222%22%20transform%3D%22rotate(-44.781%2043.614%2028.661)%22%2F%3E%3Ccircle%20cx%3D%2250.101%22%20cy%3D%2235.199%22%20r%3D%222%22%20transform%3D%22rotate(-44.781%2050.104%2035.2)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/ticket.svg?color=%231a73e8&size=48
