christmas-tree SVG 图标
noto-v1christmas-tree
来自 Noto Emoji (v1) 开源图标集,矢量 SVG 可无损缩放到任意尺寸,支持在线改色、复制 React/Vue/HTML 代码。
- 图标 ID
- noto-v1:christmas-tree
- 中文名
- —
- 所属集合
- Noto Emoji (v1)
- 集合规模
- 2,162 枚
- 基础网格
- 16px
- 色彩
- 多色
- 开源协议
- Apache-2.0
- 作者
- Google Inc
noto-v1christmas-tree
来自 Noto Emoji (v1) 开源图标集,矢量 SVG 可无损缩放到任意尺寸,支持在线改色、复制 React/Vue/HTML 代码。
SVG 矢量源文件,或 PNG 按 16~512 预设与 16~1024 自定义尺寸导出,任意尺寸边缘锐利。
PNG 由矢量源实时渲染,任意尺寸边缘锐利无锯齿;下载与预览均免费,无需注册。
切换预览颜色后,下方三底色、真实界面场景与各尺寸渲染会实时跟随。
内联 SVG、React、Vue 与 CSS mask 四种主流引用方式,代码基于当前源文件生成,复制即用。
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><path id="SVGCFeBqeYs" d="M63.13.87c.46-.96 1.23-.95 1.68.01l2.51 5.17c.46.99 1.71 1.91 2.79 2.04l5.85.8c1.06.14 1.29.88.47 1.61l-4.24 3.93c-.78.69-1.28 2.19-1.08 3.25l1.13 5.89c.21 1.06-.39 1.51-1.33.98l-5.2-2.93c-.92-.53-2.47-.54-3.39.01l-5.17 2.95c-.94.53-1.54.12-1.35-.96l1.1-5.91c.21-1.05-.29-2.53-1.08-3.23l-4.27-3.91c-.8-.73-.58-1.47.48-1.61l5.87-.83c1.07-.14 2.32-1.06 2.79-2.06z"/></defs><use fill="#fcc21b" href="#SVGCFeBqeYs"/><defs><path id="SVGXUkQtdvL" d="M114.31 104.15c-1.61.38-3.31.58-4.96.57c-3.05-.02-6.09-.74-8.66-2.42c-1.12-.73-2.61-1.66-3.3-2.85c-.49-.85-.25-2.22.82-2.6c2.04-.73 4.12-1.25 5.92-2.49c1.58-1.08 2.85-2.53 4.06-4c1.42-1.71 3.2-5.62.71-7.25c-1.56-1.02-3.82-.12-5.5.03c-1.46.12-2.92.04-4.34-.28c-1.98-.44-3.87-1.29-5.48-2.51c-1.21-.92-3.48-2.64-3.15-4.4c.05-.27.2-.63.4-.81c.38-.33 1.05-.54 1.55-.69c1.63-.48 3.35-1.1 4.65-2.23c1.67-1.45 4.32-4.98 2.8-7.26c-.71-1.05-2.35-.93-3.44-.93c-1.62 0-3.33-.22-4.91-.58c-5.12-1.17-11.83-4.8-11.1-11.01c.16-1.41.82-.94 1.95-1.05c1.61-.16 3.57-.54 4.93-1.52c1.39-1 3.04-4.12 1.15-5.57c-1.54-1.19-4.51-1.05-6.31-1.79c-2.15-.88-4.17-2.16-5.99-3.66C72.45 35.86 69.9 31.96 67 28c-.8-1.09-1.75-2.21-2.99-2.26c-1.24.05-2.19 1.16-2.99 2.26c-2.9 3.96-5.45 7.86-9.1 10.85c-1.83 1.5-3.84 2.78-6 3.66c-1.8.73-4.77.6-6.31 1.79c-1.89 1.45-.23 4.56 1.16 5.57c1.36.98 3.32 1.36 4.93 1.52c1.12.11 1.78-.36 1.95 1.05c.73 6.21-5.97 9.85-11.1 11.01c-1.58.36-3.28.58-4.9.58c-1.09 0-2.74-.12-3.44.93c-1.53 2.28 1.13 5.81 2.8 7.26c1.3 1.13 3.01 1.75 4.65 2.23c.5.15 1.17.36 1.54.69c.21.18.35.54.41.81c.33 1.76-1.94 3.48-3.15 4.4c-1.61 1.22-3.51 2.07-5.48 2.51c-1.43.32-2.89.4-4.35.28c-1.68-.15-3.95-1.04-5.5-.03c-2.49 1.63-.7 5.54.71 7.25c1.21 1.47 2.48 2.92 4.07 4c1.81 1.24 3.89 1.75 5.92 2.49c1.06.38 1.31 1.75.82 2.6c-.7 1.19-2.17 2.11-3.3 2.85c-2.57 1.68-5.61 2.39-8.66 2.42c-1.65.01-3.35-.19-4.95-.57c-2.5-.59-5.25.98-4.91 3.72c.45 3.65 4.81 6.8 7.87 8.29c8.74 4.24 18.24 5.66 27.86 4.18c3.3-.51 6.69-1.04 9.86-2.18c.28 0 .72-.22.94-.28c1.06-.3 2.16-.39 3.23-.7c.88-.25 1.73-.55 2.61-.75c1.42-.35 2.41-.69 3.89-.32c1.22.3 2.38.87 3.53 1.2c1.73.51 3.54.32 5.22.91c3.11 1.09 6.43 1.61 9.67 2.12c9.62 1.48 19.12.07 27.86-4.18c3.07-1.49 7.43-4.64 7.88-8.29c.3-2.74-2.44-4.31-4.94-3.72"/></defs><use fill="#757f3f" href="#SVGXUkQtdvL"/><circle cx="56.88" cy="45.32" r="4.42" fill="#fff"/><path fill="#fff" d="M76.47 52.58c0 2.44-1.98 4.42-4.42 4.42s-4.42-1.98-4.42-4.42c0-2.45 1.98-4.42 4.42-4.42s4.42 1.97 4.42 4.42"/><circle cx="69.11" cy="93.29" r="4.42" fill="#fff"/><circle cx="39.01" cy="109.55" r="4.42" fill="#fff"/><path fill="#fff" d="M96.69 113.08c0 2.44-1.98 4.42-4.42 4.42s-4.42-1.98-4.42-4.42c0-2.45 1.98-4.42 4.42-4.42s4.42 1.98 4.42 4.42"/><path fill="#ed6c30" d="M58.78 74.64c-1.54-.52-4.01.22-5.12.89c-1.29.78-.52 1.78-.56 2.95c-.04 1.21.47 2.38.41 3.59c-.09 2.11-2.85 3.52-3.86 5.1c-1.49 2.36.96 4.51 3.3 4.54c1.67.03 3.09-.96 4.45-1.79c1.19-.71 2.44-1.43 3.17-2.65c.77-1.31.67-2.98.57-4.45c-.09-1.36-.34-2.71-.62-4.05c-.27-1.4-.06-3.56-1.74-4.13"/><defs><path id="SVGd4ixBCoY" d="M72.63 117.98c-.03.03-.74-.27-.85-.3c-1.09-.27-2.13-.56-3.18-.95c-1.47-.55-3.02-1.2-4.38-1.94c-1.26-.68-2.57.33-3.67.86c-1.34.64-2.63 1.41-4.06 1.82c-.12.03-.21.09-.33.13c-.08.03-.17.04-.24.08c.04.07.16.1.23.14c.11.07.21.14.31.21c.21.14.4.3.48.55c.15.44-.02 1.14-.02 1.59c0 1.57.02 3.13-.02 4.7c-.04 1.89.29 2.76 2.34 2.83c2.41.08 4.82.13 7.23.13c.76 0 1.53-.02 2.28-.01c.83.01 1.43-.15 1.81-.54c.34-.34.5-.87.5-1.62v-2.06c0-.77-.09-1.54-.12-2.31c-.03-.84 0-1.55.46-2.28c.14-.22.3-.41.5-.57c.24-.18.51-.3.73-.46"/></defs><use fill="#855c52" href="#SVGd4ixBCoY"/><path fill="#fcc21b" d="M49.82 57.84c.19.86 1.23 1.79 1.79 2.43c3.49 4.08 10.26 5.08 15.21 5.96c2.48.44 4.98.74 7.5.81c2.3.07 6.53 1.26 6.62-2.42c.03-1.29-.82-2.47-2.12-2.62c-8.26-.94-15.82-1.23-23.09-5.71c-.62-.38-1.12-.91-1.73-1.3a2.674 2.674 0 0 0-3.33.32c-.62.59-1.02 1.64-.85 2.53m39.82 44.32c-7.25-.27-14.52-.05-21.75-.75c-3.49-.34-6.93-.97-10.39-1.54c-3.58-.6-7.15-1.36-10.52-2.72c-1.99-.81-3.89-1.81-5.67-3.02c-.6-.41-1.08-.96-1.67-1.38a2.68 2.68 0 0 0-3.35.17c-.63.56-1.08 1.6-.95 2.48c.15.87 1.15 1.85 1.67 2.52c3.3 4.24 10.01 5.55 14.92 6.66c4.88 1.1 9.92 1.85 14.88 2.49c4.34.56 8.7.59 13.07.63c2.62.03 5.26.25 7.88.08c1.67-.11 3.69-.53 4.18-2.43c.45-1.82-.47-3.12-2.3-3.19M68.18 79.19c-1.21-.28-1.85.23-2.01 1.36c-.14.98-.22 2.08.29 2.97c.59 1.02 1.95 1.56 3.04 1.8c1.73.38 3.44.78 5.2 1.06c1.93.31 3.87.51 5.82.59c2.3.09 6.52 1.32 6.65-2.36c.05-1.29-.8-2.48-2.1-2.64c-3.49-.44-7-.75-10.47-1.37c-1.04-.19-2.07-.4-3.09-.65c-.93-.23-1.73-.54-2.69-.65c-.18 0-.4-.05-.64-.11m-25.16-8.87c-.37.26-.68.66-.87 1.19c-.65 1.78.28 3.36 1.69 4.42c1.04.79 2.46 1.58 3.75 1.79c2.49.41 1.47-1.45 1.8-3.11c.09-.47.32-.81.24-1.33c-.16-1.03-1.95-1.71-2.73-2.14c-1.2-.65-2.52-1.78-3.88-.82"/></svg>export function ChristmasTreeIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width="1em"
height="1em"
viewBox="0 0 128 128"
fill="currentColor"
{...props}
dangerouslySetInnerHTML={{ __html: `<defs><path id="SVGCFeBqeYs" d="M63.13.87c.46-.96 1.23-.95 1.68.01l2.51 5.17c.46.99 1.71 1.91 2.79 2.04l5.85.8c1.06.14 1.29.88.47 1.61l-4.24 3.93c-.78.69-1.28 2.19-1.08 3.25l1.13 5.89c.21 1.06-.39 1.51-1.33.98l-5.2-2.93c-.92-.53-2.47-.54-3.39.01l-5.17 2.95c-.94.53-1.54.12-1.35-.96l1.1-5.91c.21-1.05-.29-2.53-1.08-3.23l-4.27-3.91c-.8-.73-.58-1.47.48-1.61l5.87-.83c1.07-.14 2.32-1.06 2.79-2.06z"/></defs><use fill="#fcc21b" href="#SVGCFeBqeYs"/><defs><path id="SVGXUkQtdvL" d="M114.31 104.15c-1.61.38-3.31.58-4.96.57c-3.05-.02-6.09-.74-8.66-2.42c-1.12-.73-2.61-1.66-3.3-2.85c-.49-.85-.25-2.22.82-2.6c2.04-.73 4.12-1.25 5.92-2.49c1.58-1.08 2.85-2.53 4.06-4c1.42-1.71 3.2-5.62.71-7.25c-1.56-1.02-3.82-.12-5.5.03c-1.46.12-2.92.04-4.34-.28c-1.98-.44-3.87-1.29-5.48-2.51c-1.21-.92-3.48-2.64-3.15-4.4c.05-.27.2-.63.4-.81c.38-.33 1.05-.54 1.55-.69c1.63-.48 3.35-1.1 4.65-2.23c1.67-1.45 4.32-4.98 2.8-7.26c-.71-1.05-2.35-.93-3.44-.93c-1.62 0-3.33-.22-4.91-.58c-5.12-1.17-11.83-4.8-11.1-11.01c.16-1.41.82-.94 1.95-1.05c1.61-.16 3.57-.54 4.93-1.52c1.39-1 3.04-4.12 1.15-5.57c-1.54-1.19-4.51-1.05-6.31-1.79c-2.15-.88-4.17-2.16-5.99-3.66C72.45 35.86 69.9 31.96 67 28c-.8-1.09-1.75-2.21-2.99-2.26c-1.24.05-2.19 1.16-2.99 2.26c-2.9 3.96-5.45 7.86-9.1 10.85c-1.83 1.5-3.84 2.78-6 3.66c-1.8.73-4.77.6-6.31 1.79c-1.89 1.45-.23 4.56 1.16 5.57c1.36.98 3.32 1.36 4.93 1.52c1.12.11 1.78-.36 1.95 1.05c.73 6.21-5.97 9.85-11.1 11.01c-1.58.36-3.28.58-4.9.58c-1.09 0-2.74-.12-3.44.93c-1.53 2.28 1.13 5.81 2.8 7.26c1.3 1.13 3.01 1.75 4.65 2.23c.5.15 1.17.36 1.54.69c.21.18.35.54.41.81c.33 1.76-1.94 3.48-3.15 4.4c-1.61 1.22-3.51 2.07-5.48 2.51c-1.43.32-2.89.4-4.35.28c-1.68-.15-3.95-1.04-5.5-.03c-2.49 1.63-.7 5.54.71 7.25c1.21 1.47 2.48 2.92 4.07 4c1.81 1.24 3.89 1.75 5.92 2.49c1.06.38 1.31 1.75.82 2.6c-.7 1.19-2.17 2.11-3.3 2.85c-2.57 1.68-5.61 2.39-8.66 2.42c-1.65.01-3.35-.19-4.95-.57c-2.5-.59-5.25.98-4.91 3.72c.45 3.65 4.81 6.8 7.87 8.29c8.74 4.24 18.24 5.66 27.86 4.18c3.3-.51 6.69-1.04 9.86-2.18c.28 0 .72-.22.94-.28c1.06-.3 2.16-.39 3.23-.7c.88-.25 1.73-.55 2.61-.75c1.42-.35 2.41-.69 3.89-.32c1.22.3 2.38.87 3.53 1.2c1.73.51 3.54.32 5.22.91c3.11 1.09 6.43 1.61 9.67 2.12c9.62 1.48 19.12.07 27.86-4.18c3.07-1.49 7.43-4.64 7.88-8.29c.3-2.74-2.44-4.31-4.94-3.72"/></defs><use fill="#757f3f" href="#SVGXUkQtdvL"/><circle cx="56.88" cy="45.32" r="4.42" fill="#fff"/><path fill="#fff" d="M76.47 52.58c0 2.44-1.98 4.42-4.42 4.42s-4.42-1.98-4.42-4.42c0-2.45 1.98-4.42 4.42-4.42s4.42 1.97 4.42 4.42"/><circle cx="69.11" cy="93.29" r="4.42" fill="#fff"/><circle cx="39.01" cy="109.55" r="4.42" fill="#fff"/><path fill="#fff" d="M96.69 113.08c0 2.44-1.98 4.42-4.42 4.42s-4.42-1.98-4.42-4.42c0-2.45 1.98-4.42 4.42-4.42s4.42 1.98 4.42 4.42"/><path fill="#ed6c30" d="M58.78 74.64c-1.54-.52-4.01.22-5.12.89c-1.29.78-.52 1.78-.56 2.95c-.04 1.21.47 2.38.41 3.59c-.09 2.11-2.85 3.52-3.86 5.1c-1.49 2.36.96 4.51 3.3 4.54c1.67.03 3.09-.96 4.45-1.79c1.19-.71 2.44-1.43 3.17-2.65c.77-1.31.67-2.98.57-4.45c-.09-1.36-.34-2.71-.62-4.05c-.27-1.4-.06-3.56-1.74-4.13"/><defs><path id="SVGd4ixBCoY" d="M72.63 117.98c-.03.03-.74-.27-.85-.3c-1.09-.27-2.13-.56-3.18-.95c-1.47-.55-3.02-1.2-4.38-1.94c-1.26-.68-2.57.33-3.67.86c-1.34.64-2.63 1.41-4.06 1.82c-.12.03-.21.09-.33.13c-.08.03-.17.04-.24.08c.04.07.16.1.23.14c.11.07.21.14.31.21c.21.14.4.3.48.55c.15.44-.02 1.14-.02 1.59c0 1.57.02 3.13-.02 4.7c-.04 1.89.29 2.76 2.34 2.83c2.41.08 4.82.13 7.23.13c.76 0 1.53-.02 2.28-.01c.83.01 1.43-.15 1.81-.54c.34-.34.5-.87.5-1.62v-2.06c0-.77-.09-1.54-.12-2.31c-.03-.84 0-1.55.46-2.28c.14-.22.3-.41.5-.57c.24-.18.51-.3.73-.46"/></defs><use fill="#855c52" href="#SVGd4ixBCoY"/><path fill="#fcc21b" d="M49.82 57.84c.19.86 1.23 1.79 1.79 2.43c3.49 4.08 10.26 5.08 15.21 5.96c2.48.44 4.98.74 7.5.81c2.3.07 6.53 1.26 6.62-2.42c.03-1.29-.82-2.47-2.12-2.62c-8.26-.94-15.82-1.23-23.09-5.71c-.62-.38-1.12-.91-1.73-1.3a2.674 2.674 0 0 0-3.33.32c-.62.59-1.02 1.64-.85 2.53m39.82 44.32c-7.25-.27-14.52-.05-21.75-.75c-3.49-.34-6.93-.97-10.39-1.54c-3.58-.6-7.15-1.36-10.52-2.72c-1.99-.81-3.89-1.81-5.67-3.02c-.6-.41-1.08-.96-1.67-1.38a2.68 2.68 0 0 0-3.35.17c-.63.56-1.08 1.6-.95 2.48c.15.87 1.15 1.85 1.67 2.52c3.3 4.24 10.01 5.55 14.92 6.66c4.88 1.1 9.92 1.85 14.88 2.49c4.34.56 8.7.59 13.07.63c2.62.03 5.26.25 7.88.08c1.67-.11 3.69-.53 4.18-2.43c.45-1.82-.47-3.12-2.3-3.19M68.18 79.19c-1.21-.28-1.85.23-2.01 1.36c-.14.98-.22 2.08.29 2.97c.59 1.02 1.95 1.56 3.04 1.8c1.73.38 3.44.78 5.2 1.06c1.93.31 3.87.51 5.82.59c2.3.09 6.52 1.32 6.65-2.36c.05-1.29-.8-2.48-2.1-2.64c-3.49-.44-7-.75-10.47-1.37c-1.04-.19-2.07-.4-3.09-.65c-.93-.23-1.73-.54-2.69-.65c-.18 0-.4-.05-.64-.11m-25.16-8.87c-.37.26-.68.66-.87 1.19c-.65 1.78.28 3.36 1.69 4.42c1.04.79 2.46 1.58 3.75 1.79c2.49.41 1.47-1.45 1.8-3.11c.09-.47.32-.81.24-1.33c-.16-1.03-1.95-1.71-2.73-2.14c-1.2-.65-2.52-1.78-3.88-.82"/>` }}
/>
);
}<template>
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128" fill="currentColor" v-html="body"></svg>
</template>
<script setup>
const body = `<defs><path id="SVGCFeBqeYs" d="M63.13.87c.46-.96 1.23-.95 1.68.01l2.51 5.17c.46.99 1.71 1.91 2.79 2.04l5.85.8c1.06.14 1.29.88.47 1.61l-4.24 3.93c-.78.69-1.28 2.19-1.08 3.25l1.13 5.89c.21 1.06-.39 1.51-1.33.98l-5.2-2.93c-.92-.53-2.47-.54-3.39.01l-5.17 2.95c-.94.53-1.54.12-1.35-.96l1.1-5.91c.21-1.05-.29-2.53-1.08-3.23l-4.27-3.91c-.8-.73-.58-1.47.48-1.61l5.87-.83c1.07-.14 2.32-1.06 2.79-2.06z"/></defs><use fill="#fcc21b" href="#SVGCFeBqeYs"/><defs><path id="SVGXUkQtdvL" d="M114.31 104.15c-1.61.38-3.31.58-4.96.57c-3.05-.02-6.09-.74-8.66-2.42c-1.12-.73-2.61-1.66-3.3-2.85c-.49-.85-.25-2.22.82-2.6c2.04-.73 4.12-1.25 5.92-2.49c1.58-1.08 2.85-2.53 4.06-4c1.42-1.71 3.2-5.62.71-7.25c-1.56-1.02-3.82-.12-5.5.03c-1.46.12-2.92.04-4.34-.28c-1.98-.44-3.87-1.29-5.48-2.51c-1.21-.92-3.48-2.64-3.15-4.4c.05-.27.2-.63.4-.81c.38-.33 1.05-.54 1.55-.69c1.63-.48 3.35-1.1 4.65-2.23c1.67-1.45 4.32-4.98 2.8-7.26c-.71-1.05-2.35-.93-3.44-.93c-1.62 0-3.33-.22-4.91-.58c-5.12-1.17-11.83-4.8-11.1-11.01c.16-1.41.82-.94 1.95-1.05c1.61-.16 3.57-.54 4.93-1.52c1.39-1 3.04-4.12 1.15-5.57c-1.54-1.19-4.51-1.05-6.31-1.79c-2.15-.88-4.17-2.16-5.99-3.66C72.45 35.86 69.9 31.96 67 28c-.8-1.09-1.75-2.21-2.99-2.26c-1.24.05-2.19 1.16-2.99 2.26c-2.9 3.96-5.45 7.86-9.1 10.85c-1.83 1.5-3.84 2.78-6 3.66c-1.8.73-4.77.6-6.31 1.79c-1.89 1.45-.23 4.56 1.16 5.57c1.36.98 3.32 1.36 4.93 1.52c1.12.11 1.78-.36 1.95 1.05c.73 6.21-5.97 9.85-11.1 11.01c-1.58.36-3.28.58-4.9.58c-1.09 0-2.74-.12-3.44.93c-1.53 2.28 1.13 5.81 2.8 7.26c1.3 1.13 3.01 1.75 4.65 2.23c.5.15 1.17.36 1.54.69c.21.18.35.54.41.81c.33 1.76-1.94 3.48-3.15 4.4c-1.61 1.22-3.51 2.07-5.48 2.51c-1.43.32-2.89.4-4.35.28c-1.68-.15-3.95-1.04-5.5-.03c-2.49 1.63-.7 5.54.71 7.25c1.21 1.47 2.48 2.92 4.07 4c1.81 1.24 3.89 1.75 5.92 2.49c1.06.38 1.31 1.75.82 2.6c-.7 1.19-2.17 2.11-3.3 2.85c-2.57 1.68-5.61 2.39-8.66 2.42c-1.65.01-3.35-.19-4.95-.57c-2.5-.59-5.25.98-4.91 3.72c.45 3.65 4.81 6.8 7.87 8.29c8.74 4.24 18.24 5.66 27.86 4.18c3.3-.51 6.69-1.04 9.86-2.18c.28 0 .72-.22.94-.28c1.06-.3 2.16-.39 3.23-.7c.88-.25 1.73-.55 2.61-.75c1.42-.35 2.41-.69 3.89-.32c1.22.3 2.38.87 3.53 1.2c1.73.51 3.54.32 5.22.91c3.11 1.09 6.43 1.61 9.67 2.12c9.62 1.48 19.12.07 27.86-4.18c3.07-1.49 7.43-4.64 7.88-8.29c.3-2.74-2.44-4.31-4.94-3.72"/></defs><use fill="#757f3f" href="#SVGXUkQtdvL"/><circle cx="56.88" cy="45.32" r="4.42" fill="#fff"/><path fill="#fff" d="M76.47 52.58c0 2.44-1.98 4.42-4.42 4.42s-4.42-1.98-4.42-4.42c0-2.45 1.98-4.42 4.42-4.42s4.42 1.97 4.42 4.42"/><circle cx="69.11" cy="93.29" r="4.42" fill="#fff"/><circle cx="39.01" cy="109.55" r="4.42" fill="#fff"/><path fill="#fff" d="M96.69 113.08c0 2.44-1.98 4.42-4.42 4.42s-4.42-1.98-4.42-4.42c0-2.45 1.98-4.42 4.42-4.42s4.42 1.98 4.42 4.42"/><path fill="#ed6c30" d="M58.78 74.64c-1.54-.52-4.01.22-5.12.89c-1.29.78-.52 1.78-.56 2.95c-.04 1.21.47 2.38.41 3.59c-.09 2.11-2.85 3.52-3.86 5.1c-1.49 2.36.96 4.51 3.3 4.54c1.67.03 3.09-.96 4.45-1.79c1.19-.71 2.44-1.43 3.17-2.65c.77-1.31.67-2.98.57-4.45c-.09-1.36-.34-2.71-.62-4.05c-.27-1.4-.06-3.56-1.74-4.13"/><defs><path id="SVGd4ixBCoY" d="M72.63 117.98c-.03.03-.74-.27-.85-.3c-1.09-.27-2.13-.56-3.18-.95c-1.47-.55-3.02-1.2-4.38-1.94c-1.26-.68-2.57.33-3.67.86c-1.34.64-2.63 1.41-4.06 1.82c-.12.03-.21.09-.33.13c-.08.03-.17.04-.24.08c.04.07.16.1.23.14c.11.07.21.14.31.21c.21.14.4.3.48.55c.15.44-.02 1.14-.02 1.59c0 1.57.02 3.13-.02 4.7c-.04 1.89.29 2.76 2.34 2.83c2.41.08 4.82.13 7.23.13c.76 0 1.53-.02 2.28-.01c.83.01 1.43-.15 1.81-.54c.34-.34.5-.87.5-1.62v-2.06c0-.77-.09-1.54-.12-2.31c-.03-.84 0-1.55.46-2.28c.14-.22.3-.41.5-.57c.24-.18.51-.3.73-.46"/></defs><use fill="#855c52" href="#SVGd4ixBCoY"/><path fill="#fcc21b" d="M49.82 57.84c.19.86 1.23 1.79 1.79 2.43c3.49 4.08 10.26 5.08 15.21 5.96c2.48.44 4.98.74 7.5.81c2.3.07 6.53 1.26 6.62-2.42c.03-1.29-.82-2.47-2.12-2.62c-8.26-.94-15.82-1.23-23.09-5.71c-.62-.38-1.12-.91-1.73-1.3a2.674 2.674 0 0 0-3.33.32c-.62.59-1.02 1.64-.85 2.53m39.82 44.32c-7.25-.27-14.52-.05-21.75-.75c-3.49-.34-6.93-.97-10.39-1.54c-3.58-.6-7.15-1.36-10.52-2.72c-1.99-.81-3.89-1.81-5.67-3.02c-.6-.41-1.08-.96-1.67-1.38a2.68 2.68 0 0 0-3.35.17c-.63.56-1.08 1.6-.95 2.48c.15.87 1.15 1.85 1.67 2.52c3.3 4.24 10.01 5.55 14.92 6.66c4.88 1.1 9.92 1.85 14.88 2.49c4.34.56 8.7.59 13.07.63c2.62.03 5.26.25 7.88.08c1.67-.11 3.69-.53 4.18-2.43c.45-1.82-.47-3.12-2.3-3.19M68.18 79.19c-1.21-.28-1.85.23-2.01 1.36c-.14.98-.22 2.08.29 2.97c.59 1.02 1.95 1.56 3.04 1.8c1.73.38 3.44.78 5.2 1.06c1.93.31 3.87.51 5.82.59c2.3.09 6.52 1.32 6.65-2.36c.05-1.29-.8-2.48-2.1-2.64c-3.49-.44-7-.75-10.47-1.37c-1.04-.19-2.07-.4-3.09-.65c-.93-.23-1.73-.54-2.69-.65c-.18 0-.4-.05-.64-.11m-25.16-8.87c-.37.26-.68.66-.87 1.19c-.65 1.78.28 3.36 1.69 4.42c1.04.79 2.46 1.58 3.75 1.79c2.49.41 1.47-1.45 1.8-3.11c.09-.47.32-.81.24-1.33c-.16-1.03-1.95-1.71-2.73-2.14c-1.2-.65-2.52-1.78-3.88-.82"/>`;
</script>.christmas-tree {
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%20128%20128%22%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGCFeBqeYs%22%20d%3D%22M63.13.87c.46-.96%201.23-.95%201.68.01l2.51%205.17c.46.99%201.71%201.91%202.79%202.04l5.85.8c1.06.14%201.29.88.47%201.61l-4.24%203.93c-.78.69-1.28%202.19-1.08%203.25l1.13%205.89c.21%201.06-.39%201.51-1.33.98l-5.2-2.93c-.92-.53-2.47-.54-3.39.01l-5.17%202.95c-.94.53-1.54.12-1.35-.96l1.1-5.91c.21-1.05-.29-2.53-1.08-3.23l-4.27-3.91c-.8-.73-.58-1.47.48-1.61l5.87-.83c1.07-.14%202.32-1.06%202.79-2.06z%22%2F%3E%3C%2Fdefs%3E%3Cuse%20fill%3D%22%23fcc21b%22%20href%3D%22%23SVGCFeBqeYs%22%2F%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGXUkQtdvL%22%20d%3D%22M114.31%20104.15c-1.61.38-3.31.58-4.96.57c-3.05-.02-6.09-.74-8.66-2.42c-1.12-.73-2.61-1.66-3.3-2.85c-.49-.85-.25-2.22.82-2.6c2.04-.73%204.12-1.25%205.92-2.49c1.58-1.08%202.85-2.53%204.06-4c1.42-1.71%203.2-5.62.71-7.25c-1.56-1.02-3.82-.12-5.5.03c-1.46.12-2.92.04-4.34-.28c-1.98-.44-3.87-1.29-5.48-2.51c-1.21-.92-3.48-2.64-3.15-4.4c.05-.27.2-.63.4-.81c.38-.33%201.05-.54%201.55-.69c1.63-.48%203.35-1.1%204.65-2.23c1.67-1.45%204.32-4.98%202.8-7.26c-.71-1.05-2.35-.93-3.44-.93c-1.62%200-3.33-.22-4.91-.58c-5.12-1.17-11.83-4.8-11.1-11.01c.16-1.41.82-.94%201.95-1.05c1.61-.16%203.57-.54%204.93-1.52c1.39-1%203.04-4.12%201.15-5.57c-1.54-1.19-4.51-1.05-6.31-1.79c-2.15-.88-4.17-2.16-5.99-3.66C72.45%2035.86%2069.9%2031.96%2067%2028c-.8-1.09-1.75-2.21-2.99-2.26c-1.24.05-2.19%201.16-2.99%202.26c-2.9%203.96-5.45%207.86-9.1%2010.85c-1.83%201.5-3.84%202.78-6%203.66c-1.8.73-4.77.6-6.31%201.79c-1.89%201.45-.23%204.56%201.16%205.57c1.36.98%203.32%201.36%204.93%201.52c1.12.11%201.78-.36%201.95%201.05c.73%206.21-5.97%209.85-11.1%2011.01c-1.58.36-3.28.58-4.9.58c-1.09%200-2.74-.12-3.44.93c-1.53%202.28%201.13%205.81%202.8%207.26c1.3%201.13%203.01%201.75%204.65%202.23c.5.15%201.17.36%201.54.69c.21.18.35.54.41.81c.33%201.76-1.94%203.48-3.15%204.4c-1.61%201.22-3.51%202.07-5.48%202.51c-1.43.32-2.89.4-4.35.28c-1.68-.15-3.95-1.04-5.5-.03c-2.49%201.63-.7%205.54.71%207.25c1.21%201.47%202.48%202.92%204.07%204c1.81%201.24%203.89%201.75%205.92%202.49c1.06.38%201.31%201.75.82%202.6c-.7%201.19-2.17%202.11-3.3%202.85c-2.57%201.68-5.61%202.39-8.66%202.42c-1.65.01-3.35-.19-4.95-.57c-2.5-.59-5.25.98-4.91%203.72c.45%203.65%204.81%206.8%207.87%208.29c8.74%204.24%2018.24%205.66%2027.86%204.18c3.3-.51%206.69-1.04%209.86-2.18c.28%200%20.72-.22.94-.28c1.06-.3%202.16-.39%203.23-.7c.88-.25%201.73-.55%202.61-.75c1.42-.35%202.41-.69%203.89-.32c1.22.3%202.38.87%203.53%201.2c1.73.51%203.54.32%205.22.91c3.11%201.09%206.43%201.61%209.67%202.12c9.62%201.48%2019.12.07%2027.86-4.18c3.07-1.49%207.43-4.64%207.88-8.29c.3-2.74-2.44-4.31-4.94-3.72%22%2F%3E%3C%2Fdefs%3E%3Cuse%20fill%3D%22%23757f3f%22%20href%3D%22%23SVGXUkQtdvL%22%2F%3E%3Ccircle%20cx%3D%2256.88%22%20cy%3D%2245.32%22%20r%3D%224.42%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M76.47%2052.58c0%202.44-1.98%204.42-4.42%204.42s-4.42-1.98-4.42-4.42c0-2.45%201.98-4.42%204.42-4.42s4.42%201.97%204.42%204.42%22%2F%3E%3Ccircle%20cx%3D%2269.11%22%20cy%3D%2293.29%22%20r%3D%224.42%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2239.01%22%20cy%3D%22109.55%22%20r%3D%224.42%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M96.69%20113.08c0%202.44-1.98%204.42-4.42%204.42s-4.42-1.98-4.42-4.42c0-2.45%201.98-4.42%204.42-4.42s4.42%201.98%204.42%204.42%22%2F%3E%3Cpath%20fill%3D%22%23ed6c30%22%20d%3D%22M58.78%2074.64c-1.54-.52-4.01.22-5.12.89c-1.29.78-.52%201.78-.56%202.95c-.04%201.21.47%202.38.41%203.59c-.09%202.11-2.85%203.52-3.86%205.1c-1.49%202.36.96%204.51%203.3%204.54c1.67.03%203.09-.96%204.45-1.79c1.19-.71%202.44-1.43%203.17-2.65c.77-1.31.67-2.98.57-4.45c-.09-1.36-.34-2.71-.62-4.05c-.27-1.4-.06-3.56-1.74-4.13%22%2F%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGd4ixBCoY%22%20d%3D%22M72.63%20117.98c-.03.03-.74-.27-.85-.3c-1.09-.27-2.13-.56-3.18-.95c-1.47-.55-3.02-1.2-4.38-1.94c-1.26-.68-2.57.33-3.67.86c-1.34.64-2.63%201.41-4.06%201.82c-.12.03-.21.09-.33.13c-.08.03-.17.04-.24.08c.04.07.16.1.23.14c.11.07.21.14.31.21c.21.14.4.3.48.55c.15.44-.02%201.14-.02%201.59c0%201.57.02%203.13-.02%204.7c-.04%201.89.29%202.76%202.34%202.83c2.41.08%204.82.13%207.23.13c.76%200%201.53-.02%202.28-.01c.83.01%201.43-.15%201.81-.54c.34-.34.5-.87.5-1.62v-2.06c0-.77-.09-1.54-.12-2.31c-.03-.84%200-1.55.46-2.28c.14-.22.3-.41.5-.57c.24-.18.51-.3.73-.46%22%2F%3E%3C%2Fdefs%3E%3Cuse%20fill%3D%22%23855c52%22%20href%3D%22%23SVGd4ixBCoY%22%2F%3E%3Cpath%20fill%3D%22%23fcc21b%22%20d%3D%22M49.82%2057.84c.19.86%201.23%201.79%201.79%202.43c3.49%204.08%2010.26%205.08%2015.21%205.96c2.48.44%204.98.74%207.5.81c2.3.07%206.53%201.26%206.62-2.42c.03-1.29-.82-2.47-2.12-2.62c-8.26-.94-15.82-1.23-23.09-5.71c-.62-.38-1.12-.91-1.73-1.3a2.674%202.674%200%200%200-3.33.32c-.62.59-1.02%201.64-.85%202.53m39.82%2044.32c-7.25-.27-14.52-.05-21.75-.75c-3.49-.34-6.93-.97-10.39-1.54c-3.58-.6-7.15-1.36-10.52-2.72c-1.99-.81-3.89-1.81-5.67-3.02c-.6-.41-1.08-.96-1.67-1.38a2.68%202.68%200%200%200-3.35.17c-.63.56-1.08%201.6-.95%202.48c.15.87%201.15%201.85%201.67%202.52c3.3%204.24%2010.01%205.55%2014.92%206.66c4.88%201.1%209.92%201.85%2014.88%202.49c4.34.56%208.7.59%2013.07.63c2.62.03%205.26.25%207.88.08c1.67-.11%203.69-.53%204.18-2.43c.45-1.82-.47-3.12-2.3-3.19M68.18%2079.19c-1.21-.28-1.85.23-2.01%201.36c-.14.98-.22%202.08.29%202.97c.59%201.02%201.95%201.56%203.04%201.8c1.73.38%203.44.78%205.2%201.06c1.93.31%203.87.51%205.82.59c2.3.09%206.52%201.32%206.65-2.36c.05-1.29-.8-2.48-2.1-2.64c-3.49-.44-7-.75-10.47-1.37c-1.04-.19-2.07-.4-3.09-.65c-.93-.23-1.73-.54-2.69-.65c-.18%200-.4-.05-.64-.11m-25.16-8.87c-.37.26-.68.66-.87%201.19c-.65%201.78.28%203.36%201.69%204.42c1.04.79%202.46%201.58%203.75%201.79c2.49.41%201.47-1.45%201.8-3.11c.09-.47.32-.81.24-1.33c-.16-1.03-1.95-1.71-2.73-2.14c-1.2-.65-2.52-1.78-3.88-.82%22%2F%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%20128%20128%22%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGCFeBqeYs%22%20d%3D%22M63.13.87c.46-.96%201.23-.95%201.68.01l2.51%205.17c.46.99%201.71%201.91%202.79%202.04l5.85.8c1.06.14%201.29.88.47%201.61l-4.24%203.93c-.78.69-1.28%202.19-1.08%203.25l1.13%205.89c.21%201.06-.39%201.51-1.33.98l-5.2-2.93c-.92-.53-2.47-.54-3.39.01l-5.17%202.95c-.94.53-1.54.12-1.35-.96l1.1-5.91c.21-1.05-.29-2.53-1.08-3.23l-4.27-3.91c-.8-.73-.58-1.47.48-1.61l5.87-.83c1.07-.14%202.32-1.06%202.79-2.06z%22%2F%3E%3C%2Fdefs%3E%3Cuse%20fill%3D%22%23fcc21b%22%20href%3D%22%23SVGCFeBqeYs%22%2F%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGXUkQtdvL%22%20d%3D%22M114.31%20104.15c-1.61.38-3.31.58-4.96.57c-3.05-.02-6.09-.74-8.66-2.42c-1.12-.73-2.61-1.66-3.3-2.85c-.49-.85-.25-2.22.82-2.6c2.04-.73%204.12-1.25%205.92-2.49c1.58-1.08%202.85-2.53%204.06-4c1.42-1.71%203.2-5.62.71-7.25c-1.56-1.02-3.82-.12-5.5.03c-1.46.12-2.92.04-4.34-.28c-1.98-.44-3.87-1.29-5.48-2.51c-1.21-.92-3.48-2.64-3.15-4.4c.05-.27.2-.63.4-.81c.38-.33%201.05-.54%201.55-.69c1.63-.48%203.35-1.1%204.65-2.23c1.67-1.45%204.32-4.98%202.8-7.26c-.71-1.05-2.35-.93-3.44-.93c-1.62%200-3.33-.22-4.91-.58c-5.12-1.17-11.83-4.8-11.1-11.01c.16-1.41.82-.94%201.95-1.05c1.61-.16%203.57-.54%204.93-1.52c1.39-1%203.04-4.12%201.15-5.57c-1.54-1.19-4.51-1.05-6.31-1.79c-2.15-.88-4.17-2.16-5.99-3.66C72.45%2035.86%2069.9%2031.96%2067%2028c-.8-1.09-1.75-2.21-2.99-2.26c-1.24.05-2.19%201.16-2.99%202.26c-2.9%203.96-5.45%207.86-9.1%2010.85c-1.83%201.5-3.84%202.78-6%203.66c-1.8.73-4.77.6-6.31%201.79c-1.89%201.45-.23%204.56%201.16%205.57c1.36.98%203.32%201.36%204.93%201.52c1.12.11%201.78-.36%201.95%201.05c.73%206.21-5.97%209.85-11.1%2011.01c-1.58.36-3.28.58-4.9.58c-1.09%200-2.74-.12-3.44.93c-1.53%202.28%201.13%205.81%202.8%207.26c1.3%201.13%203.01%201.75%204.65%202.23c.5.15%201.17.36%201.54.69c.21.18.35.54.41.81c.33%201.76-1.94%203.48-3.15%204.4c-1.61%201.22-3.51%202.07-5.48%202.51c-1.43.32-2.89.4-4.35.28c-1.68-.15-3.95-1.04-5.5-.03c-2.49%201.63-.7%205.54.71%207.25c1.21%201.47%202.48%202.92%204.07%204c1.81%201.24%203.89%201.75%205.92%202.49c1.06.38%201.31%201.75.82%202.6c-.7%201.19-2.17%202.11-3.3%202.85c-2.57%201.68-5.61%202.39-8.66%202.42c-1.65.01-3.35-.19-4.95-.57c-2.5-.59-5.25.98-4.91%203.72c.45%203.65%204.81%206.8%207.87%208.29c8.74%204.24%2018.24%205.66%2027.86%204.18c3.3-.51%206.69-1.04%209.86-2.18c.28%200%20.72-.22.94-.28c1.06-.3%202.16-.39%203.23-.7c.88-.25%201.73-.55%202.61-.75c1.42-.35%202.41-.69%203.89-.32c1.22.3%202.38.87%203.53%201.2c1.73.51%203.54.32%205.22.91c3.11%201.09%206.43%201.61%209.67%202.12c9.62%201.48%2019.12.07%2027.86-4.18c3.07-1.49%207.43-4.64%207.88-8.29c.3-2.74-2.44-4.31-4.94-3.72%22%2F%3E%3C%2Fdefs%3E%3Cuse%20fill%3D%22%23757f3f%22%20href%3D%22%23SVGXUkQtdvL%22%2F%3E%3Ccircle%20cx%3D%2256.88%22%20cy%3D%2245.32%22%20r%3D%224.42%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M76.47%2052.58c0%202.44-1.98%204.42-4.42%204.42s-4.42-1.98-4.42-4.42c0-2.45%201.98-4.42%204.42-4.42s4.42%201.97%204.42%204.42%22%2F%3E%3Ccircle%20cx%3D%2269.11%22%20cy%3D%2293.29%22%20r%3D%224.42%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2239.01%22%20cy%3D%22109.55%22%20r%3D%224.42%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M96.69%20113.08c0%202.44-1.98%204.42-4.42%204.42s-4.42-1.98-4.42-4.42c0-2.45%201.98-4.42%204.42-4.42s4.42%201.98%204.42%204.42%22%2F%3E%3Cpath%20fill%3D%22%23ed6c30%22%20d%3D%22M58.78%2074.64c-1.54-.52-4.01.22-5.12.89c-1.29.78-.52%201.78-.56%202.95c-.04%201.21.47%202.38.41%203.59c-.09%202.11-2.85%203.52-3.86%205.1c-1.49%202.36.96%204.51%203.3%204.54c1.67.03%203.09-.96%204.45-1.79c1.19-.71%202.44-1.43%203.17-2.65c.77-1.31.67-2.98.57-4.45c-.09-1.36-.34-2.71-.62-4.05c-.27-1.4-.06-3.56-1.74-4.13%22%2F%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGd4ixBCoY%22%20d%3D%22M72.63%20117.98c-.03.03-.74-.27-.85-.3c-1.09-.27-2.13-.56-3.18-.95c-1.47-.55-3.02-1.2-4.38-1.94c-1.26-.68-2.57.33-3.67.86c-1.34.64-2.63%201.41-4.06%201.82c-.12.03-.21.09-.33.13c-.08.03-.17.04-.24.08c.04.07.16.1.23.14c.11.07.21.14.31.21c.21.14.4.3.48.55c.15.44-.02%201.14-.02%201.59c0%201.57.02%203.13-.02%204.7c-.04%201.89.29%202.76%202.34%202.83c2.41.08%204.82.13%207.23.13c.76%200%201.53-.02%202.28-.01c.83.01%201.43-.15%201.81-.54c.34-.34.5-.87.5-1.62v-2.06c0-.77-.09-1.54-.12-2.31c-.03-.84%200-1.55.46-2.28c.14-.22.3-.41.5-.57c.24-.18.51-.3.73-.46%22%2F%3E%3C%2Fdefs%3E%3Cuse%20fill%3D%22%23855c52%22%20href%3D%22%23SVGd4ixBCoY%22%2F%3E%3Cpath%20fill%3D%22%23fcc21b%22%20d%3D%22M49.82%2057.84c.19.86%201.23%201.79%201.79%202.43c3.49%204.08%2010.26%205.08%2015.21%205.96c2.48.44%204.98.74%207.5.81c2.3.07%206.53%201.26%206.62-2.42c.03-1.29-.82-2.47-2.12-2.62c-8.26-.94-15.82-1.23-23.09-5.71c-.62-.38-1.12-.91-1.73-1.3a2.674%202.674%200%200%200-3.33.32c-.62.59-1.02%201.64-.85%202.53m39.82%2044.32c-7.25-.27-14.52-.05-21.75-.75c-3.49-.34-6.93-.97-10.39-1.54c-3.58-.6-7.15-1.36-10.52-2.72c-1.99-.81-3.89-1.81-5.67-3.02c-.6-.41-1.08-.96-1.67-1.38a2.68%202.68%200%200%200-3.35.17c-.63.56-1.08%201.6-.95%202.48c.15.87%201.15%201.85%201.67%202.52c3.3%204.24%2010.01%205.55%2014.92%206.66c4.88%201.1%209.92%201.85%2014.88%202.49c4.34.56%208.7.59%2013.07.63c2.62.03%205.26.25%207.88.08c1.67-.11%203.69-.53%204.18-2.43c.45-1.82-.47-3.12-2.3-3.19M68.18%2079.19c-1.21-.28-1.85.23-2.01%201.36c-.14.98-.22%202.08.29%202.97c.59%201.02%201.95%201.56%203.04%201.8c1.73.38%203.44.78%205.2%201.06c1.93.31%203.87.51%205.82.59c2.3.09%206.52%201.32%206.65-2.36c.05-1.29-.8-2.48-2.1-2.64c-3.49-.44-7-.75-10.47-1.37c-1.04-.19-2.07-.4-3.09-.65c-.93-.23-1.73-.54-2.69-.65c-.18%200-.4-.05-.64-.11m-25.16-8.87c-.37.26-.68.66-.87%201.19c-.65%201.78.28%203.36%201.69%204.42c1.04.79%202.46%201.58%203.75%201.79c2.49.41%201.47-1.45%201.8-3.11c.09-.47.32-.81.24-1.33c-.16-1.03-1.95-1.71-2.73-2.14c-1.2-.65-2.52-1.78-3.88-.82%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}单文件 CSS 即可播放,无需任何依赖;描画动效仅对描边类图标生效。
透明度往复渐变,适合状态提示与在线指示。
.icon-christmas-tree {
animation: icon-breathe 1.8s ease-in-out infinite;
}
@keyframes icon-breathe {
0%, 100% { opacity: 1; }
50% { opacity: 0.35; }
}匀速循环旋转,适合加载中场景。
.icon-christmas-tree {
animation: icon-spin 1.6s linear infinite;
}
@keyframes icon-spin {
to { transform: rotate(360deg); }
}对源文件的客观技术指标,供工程侧评估引用方式。
文件体积
4.78 KB
4,899 字节
viewBox
0 0 128 128
矢量坐标系
图元总数
10
<path> ×7
风格
多色填充
填充跟随容器颜色
同时含 width/height 与 viewBox:可以只保留 viewBox,让图标跟随容器自适应缩放。 文件体积 4.78 KB(4,899 字节),图元 10 个,风格为多色填充。
关于 christmas-tree 图标的下载、商用与改色。
它是 Noto Emoji (v1)(noto-v1)开源图标集中的 christmas-tree 图标,多色填充,viewBox 为 0 0 128 128,文件仅 4.78 KB,矢量格式可无损缩放到任意尺寸。
点击「下载与导出」中的 SVG 源文件按钮保存矢量文件;也可以按 512 / 256 / 128 / 64 / 32 / 16px 预设导出 PNG,或在输入框填 16~1024 之间的任意尺寸。需要 iOS、Android 全套尺寸时,用素材包生成器一键打包。
该图标采用 Apache 2.0(Apache-2.0) 开源协议,通常允许在遵守协议的前提下免费使用,常见要求是保留作者版权声明。商用前建议阅读协议原文确认。
在「预览与场景」的色板中切换颜色,三底色与全部场景会实时跟随;点击任一相近图标可打开预览弹层,复制对应颜色的 SVG 源码或 PNG。也可以复制 SVG 源码后自行修改 fill 值。