gentleface

Gentleface › Shopping › ticket-user

ticket-user icon

Ticket user: ticket holder, assigned ticket, assign ticket, assign agent. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M0.144 7.644C0.241 7.548 0.359 7.5 0.5 7.5C0.691 7.5 0.875 7.465 1.052 7.395C1.245 7.318 1.414 7.207 1.561 7.061C1.707 6.914 1.818 6.745 1.895 6.552C1.965 6.375 2 6.191 2 6C2 5.809 1.965 5.625 1.895 5.448C1.818 5.255 1.707 5.086 1.561 4.939C1.414 4.793 1.245 4.682 1.052 4.605C0.875 4.535 0.691 4.5 0.5 4.5C0.359 4.5 0.241 4.452 0.144 4.356C0.048 4.259 0 4.141 0 4L0 2.75C0 2.527 0.041 2.313 0.123 2.106C0.212 1.881 0.342 1.683 0.513 1.513C0.683 1.342 0.881 1.212 1.106 1.123C1.313 1.041 1.527 1 1.75 1L11.25 1C11.473 1 11.687 1.041 11.894 1.123C12.119 1.212 12.317 1.342 12.487 1.513C12.658 1.683 12.788 1.881 12.877 2.106C12.959 2.313 13 2.527 13 2.75L13 4C13 4.141 12.952 4.259 12.856 4.356C12.759 4.452 12.641 4.5 12.5 4.5C12.309 4.5 12.125 4.535 11.948 4.605C11.755 4.682 11.586 4.793 11.439 4.939C11.293 5.086 11.182 5.255 11.105 5.448C11.035 5.625 11 5.809 11 6C11 6.136 11.018 6.269 11.054 6.4C11.092 6.536 11.077 6.663 11.01 6.781C10.943 6.899 10.841 6.977 10.706 7.015C10.572 7.052 10.446 7.036 10.326 6.968C10.206 6.9 10.127 6.799 10.09 6.666C10.03 6.448 10 6.226 10 6C10 5.682 10.059 5.375 10.176 5.08C10.303 4.759 10.488 4.476 10.732 4.232C10.976 3.988 11.259 3.803 11.58 3.676C11.717 3.621 11.858 3.579 12 3.55L12 2.75C12 2.543 11.927 2.366 11.78 2.22C11.634 2.073 11.457 2 11.25 2L1.75 2C1.543 2 1.366 2.073 1.22 2.22C1.073 2.366 1 2.543 1 2.75L1 3.55C1.142 3.579 1.283 3.621 1.42 3.676C1.741 3.803 2.024 3.988 2.268 4.232C2.512 4.476 2.697 4.759 2.824 5.08C2.941 5.375 3 5.682 3 6C3 6.318 2.941 6.625 2.824 6.92C2.697 7.241 2.512 7.524 2.268 7.768C2.024 8.012 1.741 8.197 1.42 8.324C1.283 8.379 1.142 8.421 1 8.45L1 9.25C1 9.457 1.073 9.634 1.22 9.78C1.366 9.927 1.543 10 1.75 10L8.5 10C8.641 10 8.759 10.048 8.856 10.144C8.952 10.241 9 10.359 9 10.5C9 10.641 8.952 10.759 8.856 10.856C8.759 10.952 8.641 11 8.5 11L1.75 11C1.527 11 1.313 10.959 1.106 10.877C0.881 10.788 0.683 10.658 0.513 10.487C0.342 10.317 0.212 10.119 0.123 9.894C0.041 9.687 0 9.473 0 9.25L0 8C0 7.859 0.048 7.741 0.144 7.644ZM6.5 3C6.641 3 6.759 3.048 6.856 3.144C6.952 3.241 7 3.359 7 3.5L7 4.5C7 4.641 6.952 4.759 6.856 4.856C6.759 4.952 6.641 5 6.5 5C6.359 5 6.241 4.952 6.144 4.856C6.048 4.759 6 4.641 6 4.5L6 3.5C6 3.359 6.048 3.241 6.144 3.144C6.241 3.048 6.359 3 6.5 3ZM6.5 7C6.641 7 6.759 7.048 6.856 7.144C6.952 7.241 7 7.359 7 7.5L7 8.5C7 8.641 6.952 8.759 6.856 8.856C6.759 8.952 6.641 9 6.5 9C6.359 9 6.241 8.952 6.144 8.856C6.048 8.759 6 8.641 6 8.5L6 7.5C6 7.359 6.048 7.241 6.144 7.144C6.241 7.048 6.359 7 6.5 7ZM10.439 8.439C10.732 8.146 11.086 8 11.5 8C11.914 8 12.268 8.146 12.561 8.439C12.854 8.732 13 9.086 13 9.5C13 9.914 12.854 10.268 12.561 10.561C12.268 10.854 11.914 11 11.5 11C11.086 11 10.732 10.854 10.439 10.561C10.146 10.268 10 9.914 10 9.5C10 9.086 10.146 8.732 10.439 8.439ZM14.856 15.856C14.759 15.952 14.641 16 14.5 16L8.5 16C8.359 16 8.241 15.952 8.144 15.856C8.048 15.759 8 15.641 8 15.5L8 15C8 14.607 8.086 14.229 8.259 13.865C8.443 13.478 8.709 13.139 9.059 12.848C9.4 12.563 9.794 12.348 10.239 12.201C10.645 12.067 11.065 12 11.5 12C11.935 12 12.355 12.067 12.761 12.201C13.206 12.348 13.6 12.563 13.941 12.848C14.291 13.139 14.557 13.478 14.741 13.865C14.914 14.229 15 14.607 15 15L15 15.5C15 15.641 14.952 15.759 14.856 15.856Z"/></svg>
React
// Gentleface "ticket-user" (line-round), MIT. https://gentleface.com/icons/ticket-user
import type { SVGProps } from 'react';

export function TicketUserIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M0.144 7.644C0.241 7.548 0.359 7.5 0.5 7.5C0.691 7.5 0.875 7.465 1.052 7.395C1.245 7.318 1.414 7.207 1.561 7.061C1.707 6.914 1.818 6.745 1.895 6.552C1.965 6.375 2 6.191 2 6C2 5.809 1.965 5.625 1.895 5.448C1.818 5.255 1.707 5.086 1.561 4.939C1.414 4.793 1.245 4.682 1.052 4.605C0.875 4.535 0.691 4.5 0.5 4.5C0.359 4.5 0.241 4.452 0.144 4.356C0.048 4.259 0 4.141 0 4L0 2.75C0 2.527 0.041 2.313 0.123 2.106C0.212 1.881 0.342 1.683 0.513 1.513C0.683 1.342 0.881 1.212 1.106 1.123C1.313 1.041 1.527 1 1.75 1L11.25 1C11.473 1 11.687 1.041 11.894 1.123C12.119 1.212 12.317 1.342 12.487 1.513C12.658 1.683 12.788 1.881 12.877 2.106C12.959 2.313 13 2.527 13 2.75L13 4C13 4.141 12.952 4.259 12.856 4.356C12.759 4.452 12.641 4.5 12.5 4.5C12.309 4.5 12.125 4.535 11.948 4.605C11.755 4.682 11.586 4.793 11.439 4.939C11.293 5.086 11.182 5.255 11.105 5.448C11.035 5.625 11 5.809 11 6C11 6.136 11.018 6.269 11.054 6.4C11.092 6.536 11.077 6.663 11.01 6.781C10.943 6.899 10.841 6.977 10.706 7.015C10.572 7.052 10.446 7.036 10.326 6.968C10.206 6.9 10.127 6.799 10.09 6.666C10.03 6.448 10 6.226 10 6C10 5.682 10.059 5.375 10.176 5.08C10.303 4.759 10.488 4.476 10.732 4.232C10.976 3.988 11.259 3.803 11.58 3.676C11.717 3.621 11.858 3.579 12 3.55L12 2.75C12 2.543 11.927 2.366 11.78 2.22C11.634 2.073 11.457 2 11.25 2L1.75 2C1.543 2 1.366 2.073 1.22 2.22C1.073 2.366 1 2.543 1 2.75L1 3.55C1.142 3.579 1.283 3.621 1.42 3.676C1.741 3.803 2.024 3.988 2.268 4.232C2.512 4.476 2.697 4.759 2.824 5.08C2.941 5.375 3 5.682 3 6C3 6.318 2.941 6.625 2.824 6.92C2.697 7.241 2.512 7.524 2.268 7.768C2.024 8.012 1.741 8.197 1.42 8.324C1.283 8.379 1.142 8.421 1 8.45L1 9.25C1 9.457 1.073 9.634 1.22 9.78C1.366 9.927 1.543 10 1.75 10L8.5 10C8.641 10 8.759 10.048 8.856 10.144C8.952 10.241 9 10.359 9 10.5C9 10.641 8.952 10.759 8.856 10.856C8.759 10.952 8.641 11 8.5 11L1.75 11C1.527 11 1.313 10.959 1.106 10.877C0.881 10.788 0.683 10.658 0.513 10.487C0.342 10.317 0.212 10.119 0.123 9.894C0.041 9.687 0 9.473 0 9.25L0 8C0 7.859 0.048 7.741 0.144 7.644ZM6.5 3C6.641 3 6.759 3.048 6.856 3.144C6.952 3.241 7 3.359 7 3.5L7 4.5C7 4.641 6.952 4.759 6.856 4.856C6.759 4.952 6.641 5 6.5 5C6.359 5 6.241 4.952 6.144 4.856C6.048 4.759 6 4.641 6 4.5L6 3.5C6 3.359 6.048 3.241 6.144 3.144C6.241 3.048 6.359 3 6.5 3ZM6.5 7C6.641 7 6.759 7.048 6.856 7.144C6.952 7.241 7 7.359 7 7.5L7 8.5C7 8.641 6.952 8.759 6.856 8.856C6.759 8.952 6.641 9 6.5 9C6.359 9 6.241 8.952 6.144 8.856C6.048 8.759 6 8.641 6 8.5L6 7.5C6 7.359 6.048 7.241 6.144 7.144C6.241 7.048 6.359 7 6.5 7ZM10.439 8.439C10.732 8.146 11.086 8 11.5 8C11.914 8 12.268 8.146 12.561 8.439C12.854 8.732 13 9.086 13 9.5C13 9.914 12.854 10.268 12.561 10.561C12.268 10.854 11.914 11 11.5 11C11.086 11 10.732 10.854 10.439 10.561C10.146 10.268 10 9.914 10 9.5C10 9.086 10.146 8.732 10.439 8.439ZM14.856 15.856C14.759 15.952 14.641 16 14.5 16L8.5 16C8.359 16 8.241 15.952 8.144 15.856C8.048 15.759 8 15.641 8 15.5L8 15C8 14.607 8.086 14.229 8.259 13.865C8.443 13.478 8.709 13.139 9.059 12.848C9.4 12.563 9.794 12.348 10.239 12.201C10.645 12.067 11.065 12 11.5 12C11.935 12 12.355 12.067 12.761 12.201C13.206 12.348 13.6 12.563 13.941 12.848C14.291 13.139 14.557 13.478 14.741 13.865C14.914 14.229 15 14.607 15 15L15 15.5C15 15.641 14.952 15.759 14.856 15.856Z" />
    </svg>
  );
}
Vue
Vue: see /icons/ticket-user.md
Svelte
Svelte: see /icons/ticket-user.md
HTML img
HTML img: see /icons/ticket-user.md
CSS
CSS: see /icons/ticket-user.md
Data URL
Data URL: see /icons/ticket-user.md
Sprite
Sprite: see /icons/ticket-user.md
SwiftUI
SwiftUI: see /icons/ticket-user.md
Compose
Compose: see /icons/ticket-user.md
Android XML
Android XML: see /icons/ticket-user.md
Flutter
Flutter: see /icons/ticket-user.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

With npm: import { TicketUserIcon } from '@gentleface/react'; (setup).

Meaning

Use it for
ticket holder, assigned ticket, assign ticket, assign agent
Example
Helpdesk or event admin: the ticket assigned to a person
Built from
ticket + user
Tags
ticket, coupon, voucher, admission, event, pass, entry, user
Category
Shopping
Component name
TicketUserIcon
History
  • added, released in 0.6.0
Since
version 0.6.0

Family 13

More shopping icons

For agents

Metadata: /icons/ticket-user.json · Markdown: /icons/ticket-user.md · SVG: https://gentleface.com/svg/{style}/16/ticket-user.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/ticket-user.png