Ticket Use Light icon

lets-icons:ticket-use-light

The Ticket Use Light icon (lets-icons:ticket-use-light) is a free SVG icon from the Lets Icons set by Leonid Tsvetkov. It is drawn on a 24 × 24 grid. Lets Icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Lets Icons
Author: Leonid Tsvetkov
License: CC-BY-4.0
Size: 24 × 24
Category: Shop & Ecommerce
Tags: ticketuse, uselight, ticketuselight

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m4.592 4.718l-.227-.446zm-.874.874l-.446-.227zm0 12.816l.445-.227zm.874.874l.227-.445zm14.816 0l-.227-.445zm.874-.874l-.445-.227zm-.013-3.99l-.014-.499zm-.233.008l.014.5zm.246-8.834l-.445.227zm-.874-.874l-.227.445zM6.7 5h5.55V4H6.7zm-1.881.163c.132-.067.306-.113.608-.137C5.736 5 6.132 5 6.7 5V4c-.552 0-.996 0-1.354.029c-.365.03-.685.093-.981.243zm-.656.656a1.5 1.5 0 0 1 .656-.656l-.454-.89a2.5 2.5 0 0 0-1.093 1.092zM4 7.7c0-.568 0-.964.026-1.273c.024-.302.07-.476.137-.608l-.89-.454c-.151.296-.214.616-.244.98C2.999 6.706 3 7.149 3 7.7zm0 1.57V7.7H3v1.57zM3.73 9c.15 0 .27.12.27.27H3c0 .403.327.73.73.73zM4 9h-.27v1H4zm3 3a3 3 0 0 0-3-3v1a2 2 0 0 1 2 2zm-3 3a3 3 0 0 0 3-3H6a2 2 0 0 1-2 2zm-.27 0H4v-1h-.27zm.27-.27a.27.27 0 0 1-.27.27v-1a.73.73 0 0 0-.73.73zm0 1.57v-1.57H3v1.57zm.163 1.881c-.067-.132-.113-.306-.137-.608C4 17.265 4 16.868 4 16.3H3c0 .552 0 .996.029 1.354c.03.365.093.685.243.981zm.656.656a1.5 1.5 0 0 1-.656-.656l-.89.454a2.5 2.5 0 0 0 1.092 1.092zM6.7 19c-.568 0-.964 0-1.273-.026c-.302-.024-.476-.07-.608-.137l-.454.89c.296.151.616.214.98.244c.36.03.803.029 1.355.029zm5.55 0H6.7v1h5.55zm.75.25V19h-1v.25zm0-.25a.5.5 0 0 1 .5-.5v-1A1.5 1.5 0 0 0 12 19zm.5-.5a.5.5 0 0 1 .5.5h1a1.5 1.5 0 0 0-1.5-1.5zm.5.5v.25h1V19zm3.3 0h-2.55v1h2.55zm1.881-.163c-.132.067-.306.113-.608.137c-.308.026-.705.026-1.273.026v1c.552 0 .996 0 1.354-.029c.365-.03.685-.093.981-.244zm.656-.656a1.5 1.5 0 0 1-.656.656l.454.89a2.5 2.5 0 0 0 1.092-1.092zM20 16.3c0 .568 0 .965-.026 1.273c-.024.302-.07.476-.137.608l.89.454c.151-.296.214-.616.244-.98c.03-.36.029-.803.029-1.355zm0-1.657V16.3h1v-1.657zm.284.275a.276.276 0 0 1-.284-.275h1a.724.724 0 0 0-.745-.724zm-.234.007l.234-.007l-.03-.999l-.233.007zM17 11.963a2.963 2.963 0 0 0 3.05 2.962l-.03-1A1.963 1.963 0 0 1 18 11.964zM19.963 9A2.963 2.963 0 0 0 17 11.963h1C18 10.88 18.879 10 19.963 10zm.306 0h-.306v1h.306zM20 9.27c0-.15.12-.27.27-.27v1a.73.73 0 0 0 .73-.73zm0-1.57v1.57h1V7.7zm-.163-1.881c.067.132.113.306.137.608C20 6.736 20 7.132 20 7.7h1c0-.552 0-.996-.029-1.354c-.03-.365-.093-.685-.244-.981zm-.656-.656a1.5 1.5 0 0 1 .656.656l.89-.454a2.5 2.5 0 0 0-1.092-1.093zM17.3 5c.568 0 .965 0 1.273.026c.302.024.476.07.608.137l.454-.89c-.296-.151-.616-.214-.98-.244c-.36-.03-.803-.029-1.355-.029zm-2.55 0h2.55V4h-2.55zM14 4.75V5h1v-.25zM14 5a.5.5 0 0 1-.5.5v1A1.5 1.5 0 0 0 15 5zm-.5.5A.5.5 0 0 1 13 5h-1a1.5 1.5 0 0 0 1.5 1.5zM13 5v-.25h-1V5zm.5 3.5a.5.5 0 0 1 .5.5h1a1.5 1.5 0 0 0-1.5-1.5zM13 9a.5.5 0 0 1 .5-.5v-1A1.5 1.5 0 0 0 12 9zm0 1V9h-1v1zm.5.5a.5.5 0 0 1-.5-.5h-1a1.5 1.5 0 0 0 1.5 1.5zm.5-.5a.5.5 0 0 1-.5.5v1A1.5 1.5 0 0 0 15 10zm0-1v1h1V9zm-.5 4.5a.5.5 0 0 1 .5.5h1a1.5 1.5 0 0 0-1.5-1.5zm-.5.5a.5.5 0 0 1 .5-.5v-1A1.5 1.5 0 0 0 12 14zm0 1v-1h-1v1zm.5.5a.5.5 0 0 1-.5-.5h-1a1.5 1.5 0 0 0 1.5 1.5zm.5-.5a.5.5 0 0 1-.5.5v1A1.5 1.5 0 0 0 15 15zm0-1v1h1v-1zm0 5.25c0 .414.336.75.75.75v-1a.25.25 0 0 1 .25.25zM14.75 4a.75.75 0 0 0-.75.75h1a.25.25 0 0 1-.25.25zm-2.5 16a.75.75 0 0 0 .75-.75h-1a.25.25 0 0 1 .25-.25zm0-15a.25.25 0 0 1-.25-.25h1a.75.75 0 0 0-.75-.75z"/></svg>

How to use the Ticket Use Light icon

React

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

<Icon icon="lets-icons:ticket-use-light" width="24" />

Vue

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

<template>
  <Icon icon="lets-icons:ticket-use-light" width="24" />
</template>

Svelte

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

<Icon icon="lets-icons:ticket-use-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[lets-icons--ticket-use-light]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="lets-icons:ticket-use-light"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/lets-icons/ticket-use-light.svg" alt="Ticket Use Light icon" width="24" height="24">

Related icons in Lets Icons

Ticket Use Light icon FAQ

Is the Ticket Use Light icon free for commercial use?

Yes. Lets Icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Ticket Use Light icon in React?

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

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

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

Browse all Lets Icons →