Ticket Svg Icon
Free SVG icon from the IconaMoon collection. Download or copy for use in any project.
The Ticket Svg icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/308431.svg" alt="Ticket Svg icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/308431.svg" alt="Ticket Svg icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/308431.svg" alt="Ticket Svg icon" :width="24" :height="24" />
CSS background
.icon-ticket---svg {
background-image: url('https://proicons.com/icon/308431.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 5H11V19H19C20.1046 19 21 18.1046 21 17V14C20.4882 14 19.9763 13.8047 19.5858 13.4142C18.8047 12.6332 18.8047 11.3668 19.5858 10.5858C19.9763 10.1953 20.4882 10 21 10V7C21 5.89543 20.1046 5 19 5Z" fill="#58A700"/> <path d="M11 5V4H10V5H11ZM11 19H10V20H11V19ZM19.5858 10.5858L20.2929 11.2929L20.2929 11.2929L19.5858 10.5858ZM21 10V11C21.5523 11 22 10.5523 22 10H21ZM21 14H22C22 13.4477 21.5523 13 21 13V14ZM11 6H19V4H11V6ZM19 18H11V20H19V18ZM10 5V19H12V5H10ZM20.2929 12.7071C19.9024 12.3166 19.9024 11.6834 20.2929 11.2929L18.8787 9.87868C17.7071 11.0503 17.7071 12.9497 18.8787 14.1213L20.2929 12.7071ZM20.2929 11.2929C20.4884 11.0974 20.7425 11 21 11V9C20.2338 9 19.4643 9.29309 18.8787 9.87868L20.2929 11.2929ZM20 7V10H22V7H20ZM20 14V17H22V14H20ZM21 13C20.7425 13 20.4884 12.9026 20.2929 12.7071L18.8787 14.1213C19.4643 14.7069 20.2338 15 21 15V13ZM19 20C20.6568 20 22 18.6569 22 17H20C20 17.5523 19.5523 18 19 18V20ZM19 6C19.5523 6 20 6.44772 20 7H22C22 5.34315 20.6569 4 19 4V6Z" fill="#58A700"/> <path d="M9 5H5C3.89543 5 3 5.89543 3 7V10C3.51184 10 4.02369 10.1953 4.41421 10.5858C5.19526 11.3668 5.19526 12.6332 4.41421 13.4142C4.02369 13.8047 3.51184 14 3 14V17C3 18.1046 3.89543 19 5 19H9V5Z" fill="#58CC02"/> <path d="M9 5H10V4H9V5ZM9 19V20H10V19H9ZM4.41421 13.4142L5.12132 14.1213L5.12132 14.1213L4.41421 13.4142ZM3 10H2C2 10.5523 2.44772 11 3 11V10ZM3 14V13C2.44772 13 2 13.4477 2 14H3ZM5 6H9V4H5V6ZM9 18H5V20H9V18ZM8 5V19H10V5H8ZM3.70711 11.2929C4.09763 11.6834 4.09763 12.3166 3.70711 12.7071L5.12132 14.1213C6.29289 12.9497 6.29289 11.0503 5.12132 9.87868L3.70711 11.2929ZM3 11C3.25747 11 3.51165 11.0974 3.70711 11.2929L5.12132 9.87868C4.53573 9.29309 3.76622 9 3 9V11ZM4 10V7H2V10H4ZM4 17V14H2V17H4ZM3.70711 12.7071C3.51165 12.9026 3.25747 13 3 13V15C3.76622 15 4.53573 14.7069 5.12132 14.1213L3.70711 12.7071ZM5 18C4.44772 18 4 17.5523 4 17H2C2 18.6569 3.34315 20 5 20V18ZM5 4C3.34315 4 2 5.34315 2 7H4C4 6.44772 4.44772 6 5 6V4Z" fill="#58CC02"/> </svg>
More from IconaMoon
View all
Copied!