Ticket icon

fxemoji:ticket

The Ticket icon (fxemoji:ticket) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Firefox OS Emoji
Author: Mozilla
License: Apache-2.0
Size: 512 × 512
Category: Places

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#D5DEE4" d="M484.085 151.188H333.872c-6.121 0-11.565 2.899-15.033 7.399a4.953 4.953 0 0 1-7.871 0c-3.468-4.5-8.912-7.399-15.033-7.399H26.45c-13.208 0-23.915 10.707-23.915 23.915v223.794c0 13.208 10.707 23.915 23.915 23.915h269.484c6.121 0 11.565-2.899 15.033-7.399a4.953 4.953 0 0 1 7.871 0c3.468 4.5 8.912 7.399 15.033 7.399h150.213c13.208 0 23.915-10.707 23.915-23.915V175.103c.001-13.208-10.706-23.915-23.914-23.915m-154.033 230.47A8.34 8.34 0 0 1 321.71 390h-13.613a8.34 8.34 0 0 1-8.342-8.342V353.73a8.34 8.34 0 0 1 8.342-8.342h13.613a8.34 8.34 0 0 1 8.342 8.342zm0-80.694a8.34 8.34 0 0 1-8.342 8.342h-13.613a8.34 8.34 0 0 1-8.342-8.342v-27.927a8.34 8.34 0 0 1 8.342-8.342h13.613a8.34 8.34 0 0 1 8.342 8.342zm0-80.695a8.34 8.34 0 0 1-8.342 8.342h-13.613a8.34 8.34 0 0 1-8.342-8.342v-27.927a8.34 8.34 0 0 1 8.342-8.342h13.613a8.34 8.34 0 0 1 8.342 8.342z"/><path fill="#597B91" d="M484.398 328.528h-125.19a9.405 9.405 0 0 1-9.405-9.405V179.639a9.405 9.405 0 0 1 9.405-9.405h125.19a9.405 9.405 0 0 1 9.405 9.405v139.485c0 5.193-4.211 9.404-9.405 9.404M252.549 199a8.883 8.883 0 0 0-8.883-8.883h-199a8.883 8.883 0 1 0 0 17.766h199a8.883 8.883 0 0 0 8.883-8.883m-56.666 52a8.883 8.883 0 0 0-8.883-8.883H44.667a8.883 8.883 0 1 0 0 17.766H187a8.883 8.883 0 0 0 8.883-8.883m56.666 52a8.883 8.883 0 0 0-8.883-8.883h-199a8.883 8.883 0 1 0 0 17.766h199a8.883 8.883 0 0 0 8.883-8.883"/><path fill="#D5DEE4" d="m405.294 283.064l-3.808 15.762a4.58 4.58 0 0 1-4.451 3.503h-16.796c-3.077 0-5.279-2.975-4.378-5.918l29.595-96.739a4.58 4.58 0 0 1 4.378-3.239h23.94a4.58 4.58 0 0 1 4.378 3.239l29.593 96.739c.9 2.943-1.301 5.918-4.378 5.918H445.96a4.58 4.58 0 0 1-4.451-3.503l-3.808-15.761a4.58 4.58 0 0 0-4.451-3.503h-23.507a4.58 4.58 0 0 0-4.449 3.502m26.062-27.499l-5.486-22.609c-1.132-4.665-7.767-4.665-8.899 0l-5.485 22.609c-.699 2.882 1.484 5.658 4.449 5.658h10.971c2.966 0 5.149-2.776 4.45-5.658"/><path fill="#ACB6BC" d="M243.873 393.559H44.46c-5.461 0-9.889-4.427-9.889-9.889v-24.281c0-5.461 4.427-9.889 9.889-9.889h199.413c5.461 0 9.889 4.427 9.889 9.889v24.281c0 5.461-4.428 9.889-9.889 9.889"/></svg>

How to use the Ticket icon

React

import { Icon } from "@iconify/react";

<Icon icon="fxemoji:ticket" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fxemoji:ticket" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fxemoji:ticket" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--ticket]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:ticket"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:ticket"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/ticket.svg" alt="Ticket icon" width="24" height="24">

Ticket icon in other icon sets

Ticket icon FAQ

Is the Ticket icon free for commercial use?

Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Ticket icon in React?

Install @iconify/react and render <Icon icon="fxemoji:ticket" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Ticket icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/ticket.svg" alt="Ticket icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →