tickets checked icon

tickets-checked from IconPark Outline by ByteDance · Outline · Travel · Apache-2.0 Free for personal and commercial use.

Name
tickets-checked
Set
IconPark Outline
Style
Outline
Category
Travel
Viewbox
48×48
License
Apache 2.0

The same icon in other sets

More travel icons from IconPark Outline

Use the tickets checked icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="4"><path stroke-linejoin="round" d="M34 30v-1.011A2.99 2.99 0 0 1 36.989 26v0a2.99 2.99 0 0 1 2.989 2.985l.012 8.2A6.805 6.805 0 0 1 33.185 44h-7.538a13.93 13.93 0 0 1-11.192-5.637l-4.265-5.757a2.99 2.99 0 0 1-.162-3.32v0a2.992 2.992 0 0 1 4.682-.576L16 30V16a3 3 0 0 1 3-3v0a3 3 0 0 1 3 3v11.875v-6.849A3.026 3.026 0 0 1 25.026 18v0a3.026 3.026 0 0 1 3.027 3.026V29v-1.101a2.974 2.974 0 0 1 2.973-2.974v0A2.974 2.974 0 0 1 34 27.899z"/><path d="M32 4v8"/><path stroke-linejoin="round" d="M16 20H6v-4c2 0 4-1.5 3.974-4S8 8 6 8V4h36v4c-2 0-3.948 1.5-3.974 4S40 16 42 16v4H28"/></g></svg>

React

import type { SVGProps } from "react";

export function IconParkOutlineTicketsChecked(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="4"><path strokeLinejoin="round" d="M34 30v-1.011A2.99 2.99 0 0 1 36.989 26v0a2.99 2.99 0 0 1 2.989 2.985l.012 8.2A6.805 6.805 0 0 1 33.185 44h-7.538a13.93 13.93 0 0 1-11.192-5.637l-4.265-5.757a2.99 2.99 0 0 1-.162-3.32v0a2.992 2.992 0 0 1 4.682-.576L16 30V16a3 3 0 0 1 3-3v0a3 3 0 0 1 3 3v11.875v-6.849A3.026 3.026 0 0 1 25.026 18v0a3.026 3.026 0 0 1 3.027 3.026V29v-1.101a2.974 2.974 0 0 1 2.973-2.974v0A2.974 2.974 0 0 1 34 27.899z"/><path d="M32 4v8"/><path strokeLinejoin="round" d="M16 20H6v-4c2 0 4-1.5 3.974-4S8 8 6 8V4h36v4c-2 0-3.948 1.5-3.974 4S40 16 42 16v4H28"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="4"><path stroke-linejoin="round" d="M34 30v-1.011A2.99 2.99 0 0 1 36.989 26v0a2.99 2.99 0 0 1 2.989 2.985l.012 8.2A6.805 6.805 0 0 1 33.185 44h-7.538a13.93 13.93 0 0 1-11.192-5.637l-4.265-5.757a2.99 2.99 0 0 1-.162-3.32v0a2.992 2.992 0 0 1 4.682-.576L16 30V16a3 3 0 0 1 3-3v0a3 3 0 0 1 3 3v11.875v-6.849A3.026 3.026 0 0 1 25.026 18v0a3.026 3.026 0 0 1 3.027 3.026V29v-1.101a2.974 2.974 0 0 1 2.973-2.974v0A2.974 2.974 0 0 1 34 27.899z"/><path d="M32 4v8"/><path stroke-linejoin="round" d="M16 20H6v-4c2 0 4-1.5 3.974-4S8 8 6 8V4h36v4c-2 0-3.948 1.5-3.974 4S40 16 42 16v4H28"/></g></svg>
</template>

CSS

.icon-tickets-checked {
  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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M34%2030v-1.011A2.99%202.99%200%200%201%2036.989%2026v0a2.99%202.99%200%200%201%202.989%202.985l.012%208.2A6.805%206.805%200%200%201%2033.185%2044h-7.538a13.93%2013.93%200%200%201-11.192-5.637l-4.265-5.757a2.99%202.99%200%200%201-.162-3.32v0a2.992%202.992%200%200%201%204.682-.576L16%2030V16a3%203%200%200%201%203-3v0a3%203%200%200%201%203%203v11.875v-6.849A3.026%203.026%200%200%201%2025.026%2018v0a3.026%203.026%200%200%201%203.027%203.026V29v-1.101a2.974%202.974%200%200%201%202.973-2.974v0A2.974%202.974%200%200%201%2034%2027.899z%22%2F%3E%3Cpath%20d%3D%22M32%204v8%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M16%2020H6v-4c2%200%204-1.5%203.974-4S8%208%206%208V4h36v4c-2%200-3.948%201.5-3.974%204S40%2016%2042%2016v4H28%22%2F%3E%3C%2Fg%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M34%2030v-1.011A2.99%202.99%200%200%201%2036.989%2026v0a2.99%202.99%200%200%201%202.989%202.985l.012%208.2A6.805%206.805%200%200%201%2033.185%2044h-7.538a13.93%2013.93%200%200%201-11.192-5.637l-4.265-5.757a2.99%202.99%200%200%201-.162-3.32v0a2.992%202.992%200%200%201%204.682-.576L16%2030V16a3%203%200%200%201%203-3v0a3%203%200%200%201%203%203v11.875v-6.849A3.026%203.026%200%200%201%2025.026%2018v0a3.026%203.026%200%200%201%203.027%203.026V29v-1.101a2.974%202.974%200%200%201%202.973-2.974v0A2.974%202.974%200%200%201%2034%2027.899z%22%2F%3E%3Cpath%20d%3D%22M32%204v8%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M16%2020H6v-4c2%200%204-1.5%203.974-4S8%208%206%208V4h36v4c-2%200-3.948%201.5-3.974%204S40%2016%2042%2016v4H28%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park-outline/tickets-checked.svg?color=%231a73e8&size=48