tickets icon
tickets from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- tickets
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
The same icon in other sets
Use the tickets icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" fill-rule="evenodd" d="m49.336 12.768l1.152 4.298a3.2 3.2 0 0 1-.967 3.22l-.155.13a5.001 5.001 0 0 0 2.218 8.87l.216.033a3.08 3.08 0 0 1 2.575 2.255l1.173 4.376a4 4 0 0 1-2.828 4.9L12.15 51.72a4 4 0 0 1-4.898-2.829l-1.103-4.117a3.49 3.49 0 0 1 .997-3.459l.163-.14a5.001 5.001 0 0 0-2.37-8.813a3.46 3.46 0 0 1-2.791-2.52L1.04 25.709a4 4 0 0 1 2.83-4.899L44.437 9.94a4 4 0 0 1 4.9 2.828m-4.165.607L4.951 24.152c-.555.149-.885.72-.736 1.275l.791 2.953a9.37 9.37 0 0 1 7.2 6.76a9.37 9.37 0 0 1-2.855 9.455l.791 2.953c.15.555.72.885 1.275.736l40.22-10.777c.555-.149.885-.72.736-1.275l-.79-2.952a9.37 9.37 0 0 1-7.2-6.761a9.37 9.37 0 0 1 2.854-9.455l-.791-2.953a1.04 1.04 0 0 0-1.275-.736m-1.283 21.559a3 3 0 1 1-5.796 1.552a3 3 0 0 1 5.796-1.552m-2.07-7.728a3 3 0 1 1-5.796 1.553a3 3 0 0 1 5.795-1.553m-2.071-7.727a3 3 0 1 1-5.796 1.553a3 3 0 0 1 5.796-1.553M29.383 6.347l2.552 3.644q.056.081.107.164L7.627 16.697L23.812 5.364a4 4 0 0 1 5.57.983"/></svg>
React
import type { SVGProps } from "react";
export function F7Tickets(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" fillRule="evenodd" d="m49.336 12.768l1.152 4.298a3.2 3.2 0 0 1-.967 3.22l-.155.13a5.001 5.001 0 0 0 2.218 8.87l.216.033a3.08 3.08 0 0 1 2.575 2.255l1.173 4.376a4 4 0 0 1-2.828 4.9L12.15 51.72a4 4 0 0 1-4.898-2.829l-1.103-4.117a3.49 3.49 0 0 1 .997-3.459l.163-.14a5.001 5.001 0 0 0-2.37-8.813a3.46 3.46 0 0 1-2.791-2.52L1.04 25.709a4 4 0 0 1 2.83-4.899L44.437 9.94a4 4 0 0 1 4.9 2.828m-4.165.607L4.951 24.152c-.555.149-.885.72-.736 1.275l.791 2.953a9.37 9.37 0 0 1 7.2 6.76a9.37 9.37 0 0 1-2.855 9.455l.791 2.953c.15.555.72.885 1.275.736l40.22-10.777c.555-.149.885-.72.736-1.275l-.79-2.952a9.37 9.37 0 0 1-7.2-6.761a9.37 9.37 0 0 1 2.854-9.455l-.791-2.953a1.04 1.04 0 0 0-1.275-.736m-1.283 21.559a3 3 0 1 1-5.796 1.552a3 3 0 0 1 5.796-1.552m-2.07-7.728a3 3 0 1 1-5.796 1.553a3 3 0 0 1 5.795-1.553m-2.071-7.727a3 3 0 1 1-5.796 1.553a3 3 0 0 1 5.796-1.553M29.383 6.347l2.552 3.644q.056.081.107.164L7.627 16.697L23.812 5.364a4 4 0 0 1 5.57.983"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" fill-rule="evenodd" d="m49.336 12.768l1.152 4.298a3.2 3.2 0 0 1-.967 3.22l-.155.13a5.001 5.001 0 0 0 2.218 8.87l.216.033a3.08 3.08 0 0 1 2.575 2.255l1.173 4.376a4 4 0 0 1-2.828 4.9L12.15 51.72a4 4 0 0 1-4.898-2.829l-1.103-4.117a3.49 3.49 0 0 1 .997-3.459l.163-.14a5.001 5.001 0 0 0-2.37-8.813a3.46 3.46 0 0 1-2.791-2.52L1.04 25.709a4 4 0 0 1 2.83-4.899L44.437 9.94a4 4 0 0 1 4.9 2.828m-4.165.607L4.951 24.152c-.555.149-.885.72-.736 1.275l.791 2.953a9.37 9.37 0 0 1 7.2 6.76a9.37 9.37 0 0 1-2.855 9.455l.791 2.953c.15.555.72.885 1.275.736l40.22-10.777c.555-.149.885-.72.736-1.275l-.79-2.952a9.37 9.37 0 0 1-7.2-6.761a9.37 9.37 0 0 1 2.854-9.455l-.791-2.953a1.04 1.04 0 0 0-1.275-.736m-1.283 21.559a3 3 0 1 1-5.796 1.552a3 3 0 0 1 5.796-1.552m-2.07-7.728a3 3 0 1 1-5.796 1.553a3 3 0 0 1 5.795-1.553m-2.071-7.727a3 3 0 1 1-5.796 1.553a3 3 0 0 1 5.796-1.553M29.383 6.347l2.552 3.644q.056.081.107.164L7.627 16.697L23.812 5.364a4 4 0 0 1 5.57.983"/></svg> </template>
CSS
.icon-tickets {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22m49.336%2012.768l1.152%204.298a3.2%203.2%200%200%201-.967%203.22l-.155.13a5.001%205.001%200%200%200%202.218%208.87l.216.033a3.08%203.08%200%200%201%202.575%202.255l1.173%204.376a4%204%200%200%201-2.828%204.9L12.15%2051.72a4%204%200%200%201-4.898-2.829l-1.103-4.117a3.49%203.49%200%200%201%20.997-3.459l.163-.14a5.001%205.001%200%200%200-2.37-8.813a3.46%203.46%200%200%201-2.791-2.52L1.04%2025.709a4%204%200%200%201%202.83-4.899L44.437%209.94a4%204%200%200%201%204.9%202.828m-4.165.607L4.951%2024.152c-.555.149-.885.72-.736%201.275l.791%202.953a9.37%209.37%200%200%201%207.2%206.76a9.37%209.37%200%200%201-2.855%209.455l.791%202.953c.15.555.72.885%201.275.736l40.22-10.777c.555-.149.885-.72.736-1.275l-.79-2.952a9.37%209.37%200%200%201-7.2-6.761a9.37%209.37%200%200%201%202.854-9.455l-.791-2.953a1.04%201.04%200%200%200-1.275-.736m-1.283%2021.559a3%203%200%201%201-5.796%201.552a3%203%200%200%201%205.796-1.552m-2.07-7.728a3%203%200%201%201-5.796%201.553a3%203%200%200%201%205.795-1.553m-2.071-7.727a3%203%200%201%201-5.796%201.553a3%203%200%200%201%205.796-1.553M29.383%206.347l2.552%203.644q.056.081.107.164L7.627%2016.697L23.812%205.364a4%204%200%200%201%205.57.983%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22m49.336%2012.768l1.152%204.298a3.2%203.2%200%200%201-.967%203.22l-.155.13a5.001%205.001%200%200%200%202.218%208.87l.216.033a3.08%203.08%200%200%201%202.575%202.255l1.173%204.376a4%204%200%200%201-2.828%204.9L12.15%2051.72a4%204%200%200%201-4.898-2.829l-1.103-4.117a3.49%203.49%200%200%201%20.997-3.459l.163-.14a5.001%205.001%200%200%200-2.37-8.813a3.46%203.46%200%200%201-2.791-2.52L1.04%2025.709a4%204%200%200%201%202.83-4.899L44.437%209.94a4%204%200%200%201%204.9%202.828m-4.165.607L4.951%2024.152c-.555.149-.885.72-.736%201.275l.791%202.953a9.37%209.37%200%200%201%207.2%206.76a9.37%209.37%200%200%201-2.855%209.455l.791%202.953c.15.555.72.885%201.275.736l40.22-10.777c.555-.149.885-.72.736-1.275l-.79-2.952a9.37%209.37%200%200%201-7.2-6.761a9.37%209.37%200%200%201%202.854-9.455l-.791-2.953a1.04%201.04%200%200%200-1.275-.736m-1.283%2021.559a3%203%200%201%201-5.796%201.552a3%203%200%200%201%205.796-1.552m-2.07-7.728a3%203%200%201%201-5.796%201.553a3%203%200%200%201%205.795-1.553m-2.071-7.727a3%203%200%201%201-5.796%201.553a3%203%200%200%201%205.796-1.553M29.383%206.347l2.552%203.644q.056.081.107.164L7.627%2016.697L23.812%205.364a4%204%200%200%201%205.57.983%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/tickets.svg?color=%231a73e8&size=48
