找找图标

admission-tickets SVG 图标

fluent-emojiadmission-tickets

来自 Fluent Emoji 开源图标集,矢量 SVG 可无损缩放到任意尺寸,支持在线改色、复制 React/Vue/HTML 代码。

图标 ID
fluent-emoji:admission-tickets
中文名
—
所属集合
Fluent Emoji
集合规模
3,126 枚
基础网格
32px
色彩
多色
开源协议
MIT
作者
Microsoft Corporation

下载 admission-tickets 图标

SVG 矢量源文件,或 PNG 按 16~512 预设与 16~1024 自定义尺寸导出,任意尺寸边缘锐利。

px

PNG 由矢量源实时渲染,任意尺寸边缘锐利无锯齿;下载与预览均免费,无需注册。

admission-tickets 的预览与使用场景

切换预览颜色后,下方三底色、真实界面场景与各尺寸渲染会实时跟随。

预览颜色
admission-tickets 图标 浅色背景预览浅色背景
admission-tickets 图标 深色背景预览深色背景
admission-tickets 图标 灰底融入预览灰底融入

在真实界面里长这样

继续按钮内 · 主操作
搜索admission-tickets…输入框 · 前缀图标
admission-tickets导航菜单 · 选中态
暂无内容空状态 · 引导提示
9:41admission-tickets App 图标admission-tickets手机桌面 · App 图标
admission-ticketsfluent-emoji.design/icons/admission-tickets浏览器 · 标签页与站点图标

各尺寸下的可读性

admission-tickets 图标 24px 渲染24pxadmission-tickets 图标 32px 渲染32pxadmission-tickets 图标 48px 渲染48pxadmission-tickets 图标 64px 渲染64pxadmission-tickets 图标 96px 渲染96pxadmission-tickets 图标 128px 渲染128px

复制 admission-tickets 图标代码

内联 SVG、React、Vue 与 CSS mask 四种主流引用方式,代码基于当前源文件生成,复制即用。

svgSVG 源码(内联 HTML)
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iMNztcJ)"><path fill="url(#inkzgEb)" d="M29.305 19.4a1.14 1.14 0 1 1 0-2.28h.22c.26 0 .48-.21.48-.48v-1.27a.48.48 0 0 0-.48-.48h-.18c-.63 0-1.17-.49-1.18-1.12c-.01-.64.5-1.16 1.14-1.16h.22c.26 0 .48-.21.48-.48v-1.56c0-.24-.18-.44-.42-.47a3.27 3.27 0 0 1-2.79-2.73a.57.57 0 0 0-.56-.48H5.745c-.28 0-.52.2-.56.48a3.27 3.27 0 0 1-2.77 2.72c-.24.03-.42.23-.42.47v1.57c0 .26.21.48.48.48h.18c.63 0 1.17.49 1.18 1.12c.01.64-.5 1.16-1.14 1.16h-.22a.48.48 0 0 0-.48.48v1.27c0 .26.21.48.48.48h.22a1.14 1.14 0 1 1 0 2.28h-.22a.48.48 0 0 0-.48.48v1.58c0 .24.18.44.42.47c1.42.19 2.55 1.3 2.77 2.71c.04.27.28.47.56.47h20.51c.28 0 .52-.2.56-.47a3.25 3.25 0 0 1 2.76-2.71c.24-.03.42-.23.42-.47v-1.58a.48.48 0 0 0-.48-.48z"/></g><path fill="url(#iaOMMce)" fill-rule="evenodd" d="M6.26 11.98a2.284 2.284 0 0 1 2.285-2.285h14.91a2.285 2.285 0 0 1 2.285 2.285V20a2.284 2.284 0 0 1-2.285 2.285H20.45a.28.28 0 0 1-.21 0h-8.48a.28.28 0 0 1-.21 0H8.545A2.284 2.284 0 0 1 6.26 20zm14.37 9.735h2.825c.952 0 1.715-.771 1.715-1.715v-8.02c0-.944-.763-1.715-1.715-1.715H20.63zm-.57-11.45v11.45h-8.12v-11.45zm-11.515 0h2.825v11.45H8.545A1.714 1.714 0 0 1 6.83 20v-8.02c0-.944.763-1.715 1.715-1.715" clip-rule="evenodd"/><path fill="#C43B66" d="M9.085 12.17c-.51 0-.93.42-.93.93v5.64c0 .51.42.93.93.93s.93-.42.93-.93V13.1c0-.52-.42-.93-.93-.93"/><path fill="#C53C66" d="M23.025 12.17c-.51 0-.93.42-.93.93v5.64c0 .51.42.93.93.93s.93-.42.93-.93V13.1c0-.52-.42-.93-.93-.93"/><path fill="#C43B66" d="M15.995 18.29a1.93 1.93 0 1 0 0-3.86a1.93 1.93 0 0 0 0 3.86"/><defs><linearGradient id="inkzgEb" x1="1.995" x2="30.005" y1="17.375" y2="17.375" gradientUnits="userSpaceOnUse"><stop stop-color="#ED3558"/><stop offset="1" stop-color="#FF51A8"/></linearGradient><linearGradient id="iaOMMce" x1="8.62" x2="24.307" y1="15.313" y2="15.313" gradientUnits="userSpaceOnUse"><stop stop-color="#C43B66"/><stop offset="1" stop-color="#C63C66"/></linearGradient><filter id="iMNztcJ" width="29.01" height="18.72" x="1.495" y="6.39" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.5"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.55 0 0 0 0 0.769156 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_1325"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".5"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.909804 0 0 0 0 0.403922 0 0 0 0 0.427451 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_1325" result="effect2_innerShadow_18_1325"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.811765 0 0 0 0 0.164706 0 0 0 0 0.439216 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_1325" result="effect3_innerShadow_18_1325"/></filter></defs></g></svg>
reactReact 组件(TSX)
export function AdmissionTicketsIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="1em"
      height="1em"
      viewBox="0 0 32 32"
      fill="currentColor"
      {...props}
      dangerouslySetInnerHTML={{ __html: `<g fill="none"><g filter="url(#iMNztcJ)"><path fill="url(#inkzgEb)" d="M29.305 19.4a1.14 1.14 0 1 1 0-2.28h.22c.26 0 .48-.21.48-.48v-1.27a.48.48 0 0 0-.48-.48h-.18c-.63 0-1.17-.49-1.18-1.12c-.01-.64.5-1.16 1.14-1.16h.22c.26 0 .48-.21.48-.48v-1.56c0-.24-.18-.44-.42-.47a3.27 3.27 0 0 1-2.79-2.73a.57.57 0 0 0-.56-.48H5.745c-.28 0-.52.2-.56.48a3.27 3.27 0 0 1-2.77 2.72c-.24.03-.42.23-.42.47v1.57c0 .26.21.48.48.48h.18c.63 0 1.17.49 1.18 1.12c.01.64-.5 1.16-1.14 1.16h-.22a.48.48 0 0 0-.48.48v1.27c0 .26.21.48.48.48h.22a1.14 1.14 0 1 1 0 2.28h-.22a.48.48 0 0 0-.48.48v1.58c0 .24.18.44.42.47c1.42.19 2.55 1.3 2.77 2.71c.04.27.28.47.56.47h20.51c.28 0 .52-.2.56-.47a3.25 3.25 0 0 1 2.76-2.71c.24-.03.42-.23.42-.47v-1.58a.48.48 0 0 0-.48-.48z"/></g><path fill="url(#iaOMMce)" fill-rule="evenodd" d="M6.26 11.98a2.284 2.284 0 0 1 2.285-2.285h14.91a2.285 2.285 0 0 1 2.285 2.285V20a2.284 2.284 0 0 1-2.285 2.285H20.45a.28.28 0 0 1-.21 0h-8.48a.28.28 0 0 1-.21 0H8.545A2.284 2.284 0 0 1 6.26 20zm14.37 9.735h2.825c.952 0 1.715-.771 1.715-1.715v-8.02c0-.944-.763-1.715-1.715-1.715H20.63zm-.57-11.45v11.45h-8.12v-11.45zm-11.515 0h2.825v11.45H8.545A1.714 1.714 0 0 1 6.83 20v-8.02c0-.944.763-1.715 1.715-1.715" clip-rule="evenodd"/><path fill="#C43B66" d="M9.085 12.17c-.51 0-.93.42-.93.93v5.64c0 .51.42.93.93.93s.93-.42.93-.93V13.1c0-.52-.42-.93-.93-.93"/><path fill="#C53C66" d="M23.025 12.17c-.51 0-.93.42-.93.93v5.64c0 .51.42.93.93.93s.93-.42.93-.93V13.1c0-.52-.42-.93-.93-.93"/><path fill="#C43B66" d="M15.995 18.29a1.93 1.93 0 1 0 0-3.86a1.93 1.93 0 0 0 0 3.86"/><defs><linearGradient id="inkzgEb" x1="1.995" x2="30.005" y1="17.375" y2="17.375" gradientUnits="userSpaceOnUse"><stop stop-color="#ED3558"/><stop offset="1" stop-color="#FF51A8"/></linearGradient><linearGradient id="iaOMMce" x1="8.62" x2="24.307" y1="15.313" y2="15.313" gradientUnits="userSpaceOnUse"><stop stop-color="#C43B66"/><stop offset="1" stop-color="#C63C66"/></linearGradient><filter id="iMNztcJ" width="29.01" height="18.72" x="1.495" y="6.39" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.5"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.55 0 0 0 0 0.769156 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_1325"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".5"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.909804 0 0 0 0 0.403922 0 0 0 0 0.427451 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_1325" result="effect2_innerShadow_18_1325"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.811765 0 0 0 0 0.164706 0 0 0 0 0.439216 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_1325" result="effect3_innerShadow_18_1325"/></filter></defs></g>` }}
    />
  );
}
vueVue 3 组件
<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32" fill="currentColor" v-html="body"></svg>
</template>

<script setup>
const body = `<g fill="none"><g filter="url(#iMNztcJ)"><path fill="url(#inkzgEb)" d="M29.305 19.4a1.14 1.14 0 1 1 0-2.28h.22c.26 0 .48-.21.48-.48v-1.27a.48.48 0 0 0-.48-.48h-.18c-.63 0-1.17-.49-1.18-1.12c-.01-.64.5-1.16 1.14-1.16h.22c.26 0 .48-.21.48-.48v-1.56c0-.24-.18-.44-.42-.47a3.27 3.27 0 0 1-2.79-2.73a.57.57 0 0 0-.56-.48H5.745c-.28 0-.52.2-.56.48a3.27 3.27 0 0 1-2.77 2.72c-.24.03-.42.23-.42.47v1.57c0 .26.21.48.48.48h.18c.63 0 1.17.49 1.18 1.12c.01.64-.5 1.16-1.14 1.16h-.22a.48.48 0 0 0-.48.48v1.27c0 .26.21.48.48.48h.22a1.14 1.14 0 1 1 0 2.28h-.22a.48.48 0 0 0-.48.48v1.58c0 .24.18.44.42.47c1.42.19 2.55 1.3 2.77 2.71c.04.27.28.47.56.47h20.51c.28 0 .52-.2.56-.47a3.25 3.25 0 0 1 2.76-2.71c.24-.03.42-.23.42-.47v-1.58a.48.48 0 0 0-.48-.48z"/></g><path fill="url(#iaOMMce)" fill-rule="evenodd" d="M6.26 11.98a2.284 2.284 0 0 1 2.285-2.285h14.91a2.285 2.285 0 0 1 2.285 2.285V20a2.284 2.284 0 0 1-2.285 2.285H20.45a.28.28 0 0 1-.21 0h-8.48a.28.28 0 0 1-.21 0H8.545A2.284 2.284 0 0 1 6.26 20zm14.37 9.735h2.825c.952 0 1.715-.771 1.715-1.715v-8.02c0-.944-.763-1.715-1.715-1.715H20.63zm-.57-11.45v11.45h-8.12v-11.45zm-11.515 0h2.825v11.45H8.545A1.714 1.714 0 0 1 6.83 20v-8.02c0-.944.763-1.715 1.715-1.715" clip-rule="evenodd"/><path fill="#C43B66" d="M9.085 12.17c-.51 0-.93.42-.93.93v5.64c0 .51.42.93.93.93s.93-.42.93-.93V13.1c0-.52-.42-.93-.93-.93"/><path fill="#C53C66" d="M23.025 12.17c-.51 0-.93.42-.93.93v5.64c0 .51.42.93.93.93s.93-.42.93-.93V13.1c0-.52-.42-.93-.93-.93"/><path fill="#C43B66" d="M15.995 18.29a1.93 1.93 0 1 0 0-3.86a1.93 1.93 0 0 0 0 3.86"/><defs><linearGradient id="inkzgEb" x1="1.995" x2="30.005" y1="17.375" y2="17.375" gradientUnits="userSpaceOnUse"><stop stop-color="#ED3558"/><stop offset="1" stop-color="#FF51A8"/></linearGradient><linearGradient id="iaOMMce" x1="8.62" x2="24.307" y1="15.313" y2="15.313" gradientUnits="userSpaceOnUse"><stop stop-color="#C43B66"/><stop offset="1" stop-color="#C63C66"/></linearGradient><filter id="iMNztcJ" width="29.01" height="18.72" x="1.495" y="6.39" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.5"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.55 0 0 0 0 0.769156 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_1325"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".5"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.909804 0 0 0 0 0.403922 0 0 0 0 0.427451 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_1325" result="effect2_innerShadow_18_1325"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.811765 0 0 0 0 0.164706 0 0 0 0 0.439216 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_1325" result="effect3_innerShadow_18_1325"/></filter></defs></g>`;
</script>
cssCSS mask(随 currentColor 改色)
.admission-tickets {
  width: 1em;
  height: 1em;
  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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20filter%3D%22url(%23iMNztcJ)%22%3E%3Cpath%20fill%3D%22url(%23inkzgEb)%22%20d%3D%22M29.305%2019.4a1.14%201.14%200%201%201%200-2.28h.22c.26%200%20.48-.21.48-.48v-1.27a.48.48%200%200%200-.48-.48h-.18c-.63%200-1.17-.49-1.18-1.12c-.01-.64.5-1.16%201.14-1.16h.22c.26%200%20.48-.21.48-.48v-1.56c0-.24-.18-.44-.42-.47a3.27%203.27%200%200%201-2.79-2.73a.57.57%200%200%200-.56-.48H5.745c-.28%200-.52.2-.56.48a3.27%203.27%200%200%201-2.77%202.72c-.24.03-.42.23-.42.47v1.57c0%20.26.21.48.48.48h.18c.63%200%201.17.49%201.18%201.12c.01.64-.5%201.16-1.14%201.16h-.22a.48.48%200%200%200-.48.48v1.27c0%20.26.21.48.48.48h.22a1.14%201.14%200%201%201%200%202.28h-.22a.48.48%200%200%200-.48.48v1.58c0%20.24.18.44.42.47c1.42.19%202.55%201.3%202.77%202.71c.04.27.28.47.56.47h20.51c.28%200%20.52-.2.56-.47a3.25%203.25%200%200%201%202.76-2.71c.24-.03.42-.23.42-.47v-1.58a.48.48%200%200%200-.48-.48z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22url(%23iaOMMce)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.26%2011.98a2.284%202.284%200%200%201%202.285-2.285h14.91a2.285%202.285%200%200%201%202.285%202.285V20a2.284%202.284%200%200%201-2.285%202.285H20.45a.28.28%200%200%201-.21%200h-8.48a.28.28%200%200%201-.21%200H8.545A2.284%202.284%200%200%201%206.26%2020zm14.37%209.735h2.825c.952%200%201.715-.771%201.715-1.715v-8.02c0-.944-.763-1.715-1.715-1.715H20.63zm-.57-11.45v11.45h-8.12v-11.45zm-11.515%200h2.825v11.45H8.545A1.714%201.714%200%200%201%206.83%2020v-8.02c0-.944.763-1.715%201.715-1.715%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23C43B66%22%20d%3D%22M9.085%2012.17c-.51%200-.93.42-.93.93v5.64c0%20.51.42.93.93.93s.93-.42.93-.93V13.1c0-.52-.42-.93-.93-.93%22%2F%3E%3Cpath%20fill%3D%22%23C53C66%22%20d%3D%22M23.025%2012.17c-.51%200-.93.42-.93.93v5.64c0%20.51.42.93.93.93s.93-.42.93-.93V13.1c0-.52-.42-.93-.93-.93%22%2F%3E%3Cpath%20fill%3D%22%23C43B66%22%20d%3D%22M15.995%2018.29a1.93%201.93%200%201%200%200-3.86a1.93%201.93%200%200%200%200%203.86%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22inkzgEb%22%20x1%3D%221.995%22%20x2%3D%2230.005%22%20y1%3D%2217.375%22%20y2%3D%2217.375%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ED3558%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF51A8%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iaOMMce%22%20x1%3D%228.62%22%20x2%3D%2224.307%22%20y1%3D%2215.313%22%20y2%3D%2215.313%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23C43B66%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C63C66%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22iMNztcJ%22%20width%3D%2229.01%22%20height%3D%2218.72%22%20x%3D%221.495%22%20y%3D%226.39%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22-.5%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.25%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%201%200%200%200%200%200.55%200%200%200%200%200.769156%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_1325%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22.5%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.25%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.909804%200%200%200%200%200.403922%200%200%200%200%200.427451%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_1325%22%20result%3D%22effect2_innerShadow_18_1325%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%22-.5%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.811765%200%200%200%200%200.164706%200%200%200%200%200.439216%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect2_innerShadow_18_1325%22%20result%3D%22effect3_innerShadow_18_1325%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20filter%3D%22url(%23iMNztcJ)%22%3E%3Cpath%20fill%3D%22url(%23inkzgEb)%22%20d%3D%22M29.305%2019.4a1.14%201.14%200%201%201%200-2.28h.22c.26%200%20.48-.21.48-.48v-1.27a.48.48%200%200%200-.48-.48h-.18c-.63%200-1.17-.49-1.18-1.12c-.01-.64.5-1.16%201.14-1.16h.22c.26%200%20.48-.21.48-.48v-1.56c0-.24-.18-.44-.42-.47a3.27%203.27%200%200%201-2.79-2.73a.57.57%200%200%200-.56-.48H5.745c-.28%200-.52.2-.56.48a3.27%203.27%200%200%201-2.77%202.72c-.24.03-.42.23-.42.47v1.57c0%20.26.21.48.48.48h.18c.63%200%201.17.49%201.18%201.12c.01.64-.5%201.16-1.14%201.16h-.22a.48.48%200%200%200-.48.48v1.27c0%20.26.21.48.48.48h.22a1.14%201.14%200%201%201%200%202.28h-.22a.48.48%200%200%200-.48.48v1.58c0%20.24.18.44.42.47c1.42.19%202.55%201.3%202.77%202.71c.04.27.28.47.56.47h20.51c.28%200%20.52-.2.56-.47a3.25%203.25%200%200%201%202.76-2.71c.24-.03.42-.23.42-.47v-1.58a.48.48%200%200%200-.48-.48z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22url(%23iaOMMce)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.26%2011.98a2.284%202.284%200%200%201%202.285-2.285h14.91a2.285%202.285%200%200%201%202.285%202.285V20a2.284%202.284%200%200%201-2.285%202.285H20.45a.28.28%200%200%201-.21%200h-8.48a.28.28%200%200%201-.21%200H8.545A2.284%202.284%200%200%201%206.26%2020zm14.37%209.735h2.825c.952%200%201.715-.771%201.715-1.715v-8.02c0-.944-.763-1.715-1.715-1.715H20.63zm-.57-11.45v11.45h-8.12v-11.45zm-11.515%200h2.825v11.45H8.545A1.714%201.714%200%200%201%206.83%2020v-8.02c0-.944.763-1.715%201.715-1.715%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23C43B66%22%20d%3D%22M9.085%2012.17c-.51%200-.93.42-.93.93v5.64c0%20.51.42.93.93.93s.93-.42.93-.93V13.1c0-.52-.42-.93-.93-.93%22%2F%3E%3Cpath%20fill%3D%22%23C53C66%22%20d%3D%22M23.025%2012.17c-.51%200-.93.42-.93.93v5.64c0%20.51.42.93.93.93s.93-.42.93-.93V13.1c0-.52-.42-.93-.93-.93%22%2F%3E%3Cpath%20fill%3D%22%23C43B66%22%20d%3D%22M15.995%2018.29a1.93%201.93%200%201%200%200-3.86a1.93%201.93%200%200%200%200%203.86%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22inkzgEb%22%20x1%3D%221.995%22%20x2%3D%2230.005%22%20y1%3D%2217.375%22%20y2%3D%2217.375%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ED3558%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF51A8%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iaOMMce%22%20x1%3D%228.62%22%20x2%3D%2224.307%22%20y1%3D%2215.313%22%20y2%3D%2215.313%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23C43B66%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C63C66%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22iMNztcJ%22%20width%3D%2229.01%22%20height%3D%2218.72%22%20x%3D%221.495%22%20y%3D%226.39%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22-.5%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.25%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%201%200%200%200%200%200.55%200%200%200%200%200.769156%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_1325%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22.5%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.25%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.909804%200%200%200%200%200.403922%200%200%200%200%200.427451%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_1325%22%20result%3D%22effect2_innerShadow_18_1325%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%22-.5%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.811765%200%200%200%200%200.164706%200%200%200%200%200.439216%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect2_innerShadow_18_1325%22%20result%3D%22effect3_innerShadow_18_1325%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 admission-tickets 加一点动效

单文件 CSS 即可播放,无需任何依赖;描画动效仅对描边类图标生效。

admission-tickets 呼吸动效演示

呼吸

透明度往复渐变,适合状态提示与在线指示。

css呼吸动效样式
.icon-admission-tickets {
  animation: icon-breathe 1.8s ease-in-out infinite;
}

@keyframes icon-breathe {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.35; }
}
admission-tickets 旋转动效演示

旋转

匀速循环旋转,适合加载中场景。

css旋转动效样式
.icon-admission-tickets {
  animation: icon-spin 1.6s linear infinite;
}

@keyframes icon-spin {
  to { transform: rotate(360deg); }
}

SVG 健康报告

对源文件的客观技术指标,供工程侧评估引用方式。

文件体积

3.38 KB

3,457 字节

viewBox

0 0 32 32

矢量坐标系

图元总数

5

<path> ×5

风格

多色填充

填充跟随容器颜色

同时含 width/height 与 viewBox:可以只保留 viewBox,让图标跟随容器自适应缩放。 文件体积 3.38 KB(3,457 字节),图元 5 个,风格为多色填充。

常见问题

关于 admission-tickets 图标的下载、商用与改色。

admission-tickets 图标是什么?▾

它是 Fluent Emoji(fluent-emoji)开源图标集中的 admission-tickets 图标,多色填充,viewBox 为 0 0 32 32,文件仅 3.38 KB,矢量格式可无损缩放到任意尺寸。

如何下载 admission-tickets 图标?▾

点击「下载与导出」中的 SVG 源文件按钮保存矢量文件;也可以按 512 / 256 / 128 / 64 / 32 / 16px 预设导出 PNG,或在输入框填 16~1024 之间的任意尺寸。需要 iOS、Android 全套尺寸时,用素材包生成器一键打包。

admission-tickets 图标可以商用吗?▾

该图标采用 MIT(MIT) 开源协议,通常允许在遵守协议的前提下免费使用,常见要求是保留作者版权声明。商用前建议阅读协议原文确认。

如何修改 admission-tickets 图标的颜色?▾

在「预览与场景」的色板中切换颜色,三底色与全部场景会实时跟随;点击任一相近图标可打开预览弹层,复制对应颜色的 SVG 源码或 PNG。也可以复制 SVG 源码后自行修改 fill 值。