police-car SVG 图标
noto-v1police-car
来自 Noto Emoji (v1) 开源图标集,矢量 SVG 可无损缩放到任意尺寸,支持在线改色、复制 React/Vue/HTML 代码。
- 图标 ID
- noto-v1:police-car
- 中文名
- —
- 所属集合
- Noto Emoji (v1)
- 集合规模
- 2,162 枚
- 基础网格
- 16px
- 色彩
- 多色
- 开源协议
- Apache-2.0
- 作者
- Google Inc
noto-v1police-car
来自 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"><path fill="#ed6c30" d="M55.01 35.34c0-6.77 2.02-12.25 8.42-12.25c6.39 0 8.42 5.48 8.42 12.25z"/><path fill="#2f2f2f" d="M71.06 37.98H55.81c-1.59 0-2.88 1.29-2.88 2.87v5.46c0 1.59 1.28 2.88 2.88 2.88h15.26c1.58 0 2.87-1.29 2.87-2.88v-5.46a2.89 2.89 0 0 0-2.88-2.87"/><path fill="#ed6c30" d="m49.4 28.01l-12.97-5.95c-.42-.19-.92-.18-1.33.05c-.41.22-.69.64-.76 1.1l-1.13 8.14c-.07.46.09.93.43 1.26c.28.28.66.43 1.05.43c.08 0 .15-.01.23-.02L49 30.84c.66-.1 1.16-.61 1.25-1.27c.09-.65-.26-1.28-.85-1.56m43.13-4.79c-.06-.46-.34-.88-.75-1.1c-.41-.23-.91-.25-1.34-.05l-12.97 5.95c-.6.27-.94.9-.85 1.55s.59 1.16 1.24 1.27l14.09 2.19c.08.01.15.02.23.02c.38 0 .76-.15 1.04-.43c.33-.33.49-.8.43-1.26z"/><path fill="#2f2f2f" d="M122.02 78.06c-4.68-4.68-12-6.13-12-6.13s-3.83-9.95-7.05-14.28c-8.79-11.8-19.78-14.43-37.59-14.43c-12.31 0-24.53.46-34.54 13.07c-3.83 4.83-10.11 15.64-10.11 15.64S9.64 73.08 4.58 78.71C.7 83.04-1.13 98.69 4 103.81c4.33 4.33 9.01 6.62 12.4 6.99c0-.39.02-.77.06-1.15c.11-1.17.37-2.3.76-3.37c1.88-5.18 6.84-8.9 12.67-8.9c5.82 0 10.78 3.72 12.66 8.91c.52 1.43.82 2.97.82 4.58h41.29c0-1.61.3-3.15.82-4.58c1.88-5.19 6.84-8.91 12.67-8.91c5.82 0 10.78 3.72 12.66 8.91c.51 1.42.81 2.96.81 4.56v.02h.84c5.17 0 9.52-2.6 12.24-6.95c4.68-7.49 2-21.18-2.68-25.86"/><path fill="#fff" d="M6.15 86.52c.46-2.15 1.11-3.92 1.84-4.75c3.15-3.51 10.62-5.02 13.22-5.29c1.45-.15 2.75-.99 3.49-2.25c.06-.11 6.15-10.58 9.74-15.1c8.35-10.53 18.09-11.34 30.94-11.34c18.58 0 26.81 3.06 33.92 12.59c2.33 3.13 5.44 10.58 6.44 13.19a4.59 4.59 0 0 0 3.36 2.84c.06.02 6.07 1.29 9.67 4.89c1.04 1.04 1.98 2.94 2.66 5.22z"/><path fill="#2f2f2f" d="M29.88 100.82c-3.9 0-7.24 2.24-8.9 5.47a9.8 9.8 0 0 0-1.11 4.17c0 .14-.04.27-.04.41c0 5.55 4.5 10.05 10.06 10.05c5.54 0 10.04-4.5 10.04-10.05c0-1.66-.44-3.2-1.15-4.58c-1.68-3.23-5.01-5.47-8.9-5.47m68.27 0c-3.9 0-7.23 2.24-8.9 5.47c-.72 1.38-1.16 2.92-1.16 4.58c0 5.55 4.5 10.05 10.06 10.05c5.54 0 10.05-4.5 10.05-10.05c0-1.66-.44-3.2-1.15-4.58c-1.67-3.23-5.01-5.47-8.9-5.47"/><path fill="#40c0e7" d="M56.7 53.68c-1.15-.29-9.44.18-14.82 6.1c-5.39 5.91-8.37 14.25-2.85 14.25h15.95c2.24 0 4.08-.95 4.08-3.8V58.49c-.01-2.22-.17-4.26-2.36-4.81m31.39 3.26c-5.76-3.89-19.13-3.55-20.79-3.26c-3.18.55-3.42 2.58-3.42 4.81v11.74c0 2.85 2.66 3.8 5.91 3.8h23.06c7.98 0 3.36-11.62-4.76-17.09"/></svg>export function PoliceCarIcon(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: `<path fill="#ed6c30" d="M55.01 35.34c0-6.77 2.02-12.25 8.42-12.25c6.39 0 8.42 5.48 8.42 12.25z"/><path fill="#2f2f2f" d="M71.06 37.98H55.81c-1.59 0-2.88 1.29-2.88 2.87v5.46c0 1.59 1.28 2.88 2.88 2.88h15.26c1.58 0 2.87-1.29 2.87-2.88v-5.46a2.89 2.89 0 0 0-2.88-2.87"/><path fill="#ed6c30" d="m49.4 28.01l-12.97-5.95c-.42-.19-.92-.18-1.33.05c-.41.22-.69.64-.76 1.1l-1.13 8.14c-.07.46.09.93.43 1.26c.28.28.66.43 1.05.43c.08 0 .15-.01.23-.02L49 30.84c.66-.1 1.16-.61 1.25-1.27c.09-.65-.26-1.28-.85-1.56m43.13-4.79c-.06-.46-.34-.88-.75-1.1c-.41-.23-.91-.25-1.34-.05l-12.97 5.95c-.6.27-.94.9-.85 1.55s.59 1.16 1.24 1.27l14.09 2.19c.08.01.15.02.23.02c.38 0 .76-.15 1.04-.43c.33-.33.49-.8.43-1.26z"/><path fill="#2f2f2f" d="M122.02 78.06c-4.68-4.68-12-6.13-12-6.13s-3.83-9.95-7.05-14.28c-8.79-11.8-19.78-14.43-37.59-14.43c-12.31 0-24.53.46-34.54 13.07c-3.83 4.83-10.11 15.64-10.11 15.64S9.64 73.08 4.58 78.71C.7 83.04-1.13 98.69 4 103.81c4.33 4.33 9.01 6.62 12.4 6.99c0-.39.02-.77.06-1.15c.11-1.17.37-2.3.76-3.37c1.88-5.18 6.84-8.9 12.67-8.9c5.82 0 10.78 3.72 12.66 8.91c.52 1.43.82 2.97.82 4.58h41.29c0-1.61.3-3.15.82-4.58c1.88-5.19 6.84-8.91 12.67-8.91c5.82 0 10.78 3.72 12.66 8.91c.51 1.42.81 2.96.81 4.56v.02h.84c5.17 0 9.52-2.6 12.24-6.95c4.68-7.49 2-21.18-2.68-25.86"/><path fill="#fff" d="M6.15 86.52c.46-2.15 1.11-3.92 1.84-4.75c3.15-3.51 10.62-5.02 13.22-5.29c1.45-.15 2.75-.99 3.49-2.25c.06-.11 6.15-10.58 9.74-15.1c8.35-10.53 18.09-11.34 30.94-11.34c18.58 0 26.81 3.06 33.92 12.59c2.33 3.13 5.44 10.58 6.44 13.19a4.59 4.59 0 0 0 3.36 2.84c.06.02 6.07 1.29 9.67 4.89c1.04 1.04 1.98 2.94 2.66 5.22z"/><path fill="#2f2f2f" d="M29.88 100.82c-3.9 0-7.24 2.24-8.9 5.47a9.8 9.8 0 0 0-1.11 4.17c0 .14-.04.27-.04.41c0 5.55 4.5 10.05 10.06 10.05c5.54 0 10.04-4.5 10.04-10.05c0-1.66-.44-3.2-1.15-4.58c-1.68-3.23-5.01-5.47-8.9-5.47m68.27 0c-3.9 0-7.23 2.24-8.9 5.47c-.72 1.38-1.16 2.92-1.16 4.58c0 5.55 4.5 10.05 10.06 10.05c5.54 0 10.05-4.5 10.05-10.05c0-1.66-.44-3.2-1.15-4.58c-1.67-3.23-5.01-5.47-8.9-5.47"/><path fill="#40c0e7" d="M56.7 53.68c-1.15-.29-9.44.18-14.82 6.1c-5.39 5.91-8.37 14.25-2.85 14.25h15.95c2.24 0 4.08-.95 4.08-3.8V58.49c-.01-2.22-.17-4.26-2.36-4.81m31.39 3.26c-5.76-3.89-19.13-3.55-20.79-3.26c-3.18.55-3.42 2.58-3.42 4.81v11.74c0 2.85 2.66 3.8 5.91 3.8h23.06c7.98 0 3.36-11.62-4.76-17.09"/>` }}
/>
);
}<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 = `<path fill="#ed6c30" d="M55.01 35.34c0-6.77 2.02-12.25 8.42-12.25c6.39 0 8.42 5.48 8.42 12.25z"/><path fill="#2f2f2f" d="M71.06 37.98H55.81c-1.59 0-2.88 1.29-2.88 2.87v5.46c0 1.59 1.28 2.88 2.88 2.88h15.26c1.58 0 2.87-1.29 2.87-2.88v-5.46a2.89 2.89 0 0 0-2.88-2.87"/><path fill="#ed6c30" d="m49.4 28.01l-12.97-5.95c-.42-.19-.92-.18-1.33.05c-.41.22-.69.64-.76 1.1l-1.13 8.14c-.07.46.09.93.43 1.26c.28.28.66.43 1.05.43c.08 0 .15-.01.23-.02L49 30.84c.66-.1 1.16-.61 1.25-1.27c.09-.65-.26-1.28-.85-1.56m43.13-4.79c-.06-.46-.34-.88-.75-1.1c-.41-.23-.91-.25-1.34-.05l-12.97 5.95c-.6.27-.94.9-.85 1.55s.59 1.16 1.24 1.27l14.09 2.19c.08.01.15.02.23.02c.38 0 .76-.15 1.04-.43c.33-.33.49-.8.43-1.26z"/><path fill="#2f2f2f" d="M122.02 78.06c-4.68-4.68-12-6.13-12-6.13s-3.83-9.95-7.05-14.28c-8.79-11.8-19.78-14.43-37.59-14.43c-12.31 0-24.53.46-34.54 13.07c-3.83 4.83-10.11 15.64-10.11 15.64S9.64 73.08 4.58 78.71C.7 83.04-1.13 98.69 4 103.81c4.33 4.33 9.01 6.62 12.4 6.99c0-.39.02-.77.06-1.15c.11-1.17.37-2.3.76-3.37c1.88-5.18 6.84-8.9 12.67-8.9c5.82 0 10.78 3.72 12.66 8.91c.52 1.43.82 2.97.82 4.58h41.29c0-1.61.3-3.15.82-4.58c1.88-5.19 6.84-8.91 12.67-8.91c5.82 0 10.78 3.72 12.66 8.91c.51 1.42.81 2.96.81 4.56v.02h.84c5.17 0 9.52-2.6 12.24-6.95c4.68-7.49 2-21.18-2.68-25.86"/><path fill="#fff" d="M6.15 86.52c.46-2.15 1.11-3.92 1.84-4.75c3.15-3.51 10.62-5.02 13.22-5.29c1.45-.15 2.75-.99 3.49-2.25c.06-.11 6.15-10.58 9.74-15.1c8.35-10.53 18.09-11.34 30.94-11.34c18.58 0 26.81 3.06 33.92 12.59c2.33 3.13 5.44 10.58 6.44 13.19a4.59 4.59 0 0 0 3.36 2.84c.06.02 6.07 1.29 9.67 4.89c1.04 1.04 1.98 2.94 2.66 5.22z"/><path fill="#2f2f2f" d="M29.88 100.82c-3.9 0-7.24 2.24-8.9 5.47a9.8 9.8 0 0 0-1.11 4.17c0 .14-.04.27-.04.41c0 5.55 4.5 10.05 10.06 10.05c5.54 0 10.04-4.5 10.04-10.05c0-1.66-.44-3.2-1.15-4.58c-1.68-3.23-5.01-5.47-8.9-5.47m68.27 0c-3.9 0-7.23 2.24-8.9 5.47c-.72 1.38-1.16 2.92-1.16 4.58c0 5.55 4.5 10.05 10.06 10.05c5.54 0 10.05-4.5 10.05-10.05c0-1.66-.44-3.2-1.15-4.58c-1.67-3.23-5.01-5.47-8.9-5.47"/><path fill="#40c0e7" d="M56.7 53.68c-1.15-.29-9.44.18-14.82 6.1c-5.39 5.91-8.37 14.25-2.85 14.25h15.95c2.24 0 4.08-.95 4.08-3.8V58.49c-.01-2.22-.17-4.26-2.36-4.81m31.39 3.26c-5.76-3.89-19.13-3.55-20.79-3.26c-3.18.55-3.42 2.58-3.42 4.81v11.74c0 2.85 2.66 3.8 5.91 3.8h23.06c7.98 0 3.36-11.62-4.76-17.09"/>`;
</script>.police-car {
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%3Cpath%20fill%3D%22%23ed6c30%22%20d%3D%22M55.01%2035.34c0-6.77%202.02-12.25%208.42-12.25c6.39%200%208.42%205.48%208.42%2012.25z%22%2F%3E%3Cpath%20fill%3D%22%232f2f2f%22%20d%3D%22M71.06%2037.98H55.81c-1.59%200-2.88%201.29-2.88%202.87v5.46c0%201.59%201.28%202.88%202.88%202.88h15.26c1.58%200%202.87-1.29%202.87-2.88v-5.46a2.89%202.89%200%200%200-2.88-2.87%22%2F%3E%3Cpath%20fill%3D%22%23ed6c30%22%20d%3D%22m49.4%2028.01l-12.97-5.95c-.42-.19-.92-.18-1.33.05c-.41.22-.69.64-.76%201.1l-1.13%208.14c-.07.46.09.93.43%201.26c.28.28.66.43%201.05.43c.08%200%20.15-.01.23-.02L49%2030.84c.66-.1%201.16-.61%201.25-1.27c.09-.65-.26-1.28-.85-1.56m43.13-4.79c-.06-.46-.34-.88-.75-1.1c-.41-.23-.91-.25-1.34-.05l-12.97%205.95c-.6.27-.94.9-.85%201.55s.59%201.16%201.24%201.27l14.09%202.19c.08.01.15.02.23.02c.38%200%20.76-.15%201.04-.43c.33-.33.49-.8.43-1.26z%22%2F%3E%3Cpath%20fill%3D%22%232f2f2f%22%20d%3D%22M122.02%2078.06c-4.68-4.68-12-6.13-12-6.13s-3.83-9.95-7.05-14.28c-8.79-11.8-19.78-14.43-37.59-14.43c-12.31%200-24.53.46-34.54%2013.07c-3.83%204.83-10.11%2015.64-10.11%2015.64S9.64%2073.08%204.58%2078.71C.7%2083.04-1.13%2098.69%204%20103.81c4.33%204.33%209.01%206.62%2012.4%206.99c0-.39.02-.77.06-1.15c.11-1.17.37-2.3.76-3.37c1.88-5.18%206.84-8.9%2012.67-8.9c5.82%200%2010.78%203.72%2012.66%208.91c.52%201.43.82%202.97.82%204.58h41.29c0-1.61.3-3.15.82-4.58c1.88-5.19%206.84-8.91%2012.67-8.91c5.82%200%2010.78%203.72%2012.66%208.91c.51%201.42.81%202.96.81%204.56v.02h.84c5.17%200%209.52-2.6%2012.24-6.95c4.68-7.49%202-21.18-2.68-25.86%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.15%2086.52c.46-2.15%201.11-3.92%201.84-4.75c3.15-3.51%2010.62-5.02%2013.22-5.29c1.45-.15%202.75-.99%203.49-2.25c.06-.11%206.15-10.58%209.74-15.1c8.35-10.53%2018.09-11.34%2030.94-11.34c18.58%200%2026.81%203.06%2033.92%2012.59c2.33%203.13%205.44%2010.58%206.44%2013.19a4.59%204.59%200%200%200%203.36%202.84c.06.02%206.07%201.29%209.67%204.89c1.04%201.04%201.98%202.94%202.66%205.22z%22%2F%3E%3Cpath%20fill%3D%22%232f2f2f%22%20d%3D%22M29.88%20100.82c-3.9%200-7.24%202.24-8.9%205.47a9.8%209.8%200%200%200-1.11%204.17c0%20.14-.04.27-.04.41c0%205.55%204.5%2010.05%2010.06%2010.05c5.54%200%2010.04-4.5%2010.04-10.05c0-1.66-.44-3.2-1.15-4.58c-1.68-3.23-5.01-5.47-8.9-5.47m68.27%200c-3.9%200-7.23%202.24-8.9%205.47c-.72%201.38-1.16%202.92-1.16%204.58c0%205.55%204.5%2010.05%2010.06%2010.05c5.54%200%2010.05-4.5%2010.05-10.05c0-1.66-.44-3.2-1.15-4.58c-1.67-3.23-5.01-5.47-8.9-5.47%22%2F%3E%3Cpath%20fill%3D%22%2340c0e7%22%20d%3D%22M56.7%2053.68c-1.15-.29-9.44.18-14.82%206.1c-5.39%205.91-8.37%2014.25-2.85%2014.25h15.95c2.24%200%204.08-.95%204.08-3.8V58.49c-.01-2.22-.17-4.26-2.36-4.81m31.39%203.26c-5.76-3.89-19.13-3.55-20.79-3.26c-3.18.55-3.42%202.58-3.42%204.81v11.74c0%202.85%202.66%203.8%205.91%203.8h23.06c7.98%200%203.36-11.62-4.76-17.09%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%3Cpath%20fill%3D%22%23ed6c30%22%20d%3D%22M55.01%2035.34c0-6.77%202.02-12.25%208.42-12.25c6.39%200%208.42%205.48%208.42%2012.25z%22%2F%3E%3Cpath%20fill%3D%22%232f2f2f%22%20d%3D%22M71.06%2037.98H55.81c-1.59%200-2.88%201.29-2.88%202.87v5.46c0%201.59%201.28%202.88%202.88%202.88h15.26c1.58%200%202.87-1.29%202.87-2.88v-5.46a2.89%202.89%200%200%200-2.88-2.87%22%2F%3E%3Cpath%20fill%3D%22%23ed6c30%22%20d%3D%22m49.4%2028.01l-12.97-5.95c-.42-.19-.92-.18-1.33.05c-.41.22-.69.64-.76%201.1l-1.13%208.14c-.07.46.09.93.43%201.26c.28.28.66.43%201.05.43c.08%200%20.15-.01.23-.02L49%2030.84c.66-.1%201.16-.61%201.25-1.27c.09-.65-.26-1.28-.85-1.56m43.13-4.79c-.06-.46-.34-.88-.75-1.1c-.41-.23-.91-.25-1.34-.05l-12.97%205.95c-.6.27-.94.9-.85%201.55s.59%201.16%201.24%201.27l14.09%202.19c.08.01.15.02.23.02c.38%200%20.76-.15%201.04-.43c.33-.33.49-.8.43-1.26z%22%2F%3E%3Cpath%20fill%3D%22%232f2f2f%22%20d%3D%22M122.02%2078.06c-4.68-4.68-12-6.13-12-6.13s-3.83-9.95-7.05-14.28c-8.79-11.8-19.78-14.43-37.59-14.43c-12.31%200-24.53.46-34.54%2013.07c-3.83%204.83-10.11%2015.64-10.11%2015.64S9.64%2073.08%204.58%2078.71C.7%2083.04-1.13%2098.69%204%20103.81c4.33%204.33%209.01%206.62%2012.4%206.99c0-.39.02-.77.06-1.15c.11-1.17.37-2.3.76-3.37c1.88-5.18%206.84-8.9%2012.67-8.9c5.82%200%2010.78%203.72%2012.66%208.91c.52%201.43.82%202.97.82%204.58h41.29c0-1.61.3-3.15.82-4.58c1.88-5.19%206.84-8.91%2012.67-8.91c5.82%200%2010.78%203.72%2012.66%208.91c.51%201.42.81%202.96.81%204.56v.02h.84c5.17%200%209.52-2.6%2012.24-6.95c4.68-7.49%202-21.18-2.68-25.86%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.15%2086.52c.46-2.15%201.11-3.92%201.84-4.75c3.15-3.51%2010.62-5.02%2013.22-5.29c1.45-.15%202.75-.99%203.49-2.25c.06-.11%206.15-10.58%209.74-15.1c8.35-10.53%2018.09-11.34%2030.94-11.34c18.58%200%2026.81%203.06%2033.92%2012.59c2.33%203.13%205.44%2010.58%206.44%2013.19a4.59%204.59%200%200%200%203.36%202.84c.06.02%206.07%201.29%209.67%204.89c1.04%201.04%201.98%202.94%202.66%205.22z%22%2F%3E%3Cpath%20fill%3D%22%232f2f2f%22%20d%3D%22M29.88%20100.82c-3.9%200-7.24%202.24-8.9%205.47a9.8%209.8%200%200%200-1.11%204.17c0%20.14-.04.27-.04.41c0%205.55%204.5%2010.05%2010.06%2010.05c5.54%200%2010.04-4.5%2010.04-10.05c0-1.66-.44-3.2-1.15-4.58c-1.68-3.23-5.01-5.47-8.9-5.47m68.27%200c-3.9%200-7.23%202.24-8.9%205.47c-.72%201.38-1.16%202.92-1.16%204.58c0%205.55%204.5%2010.05%2010.06%2010.05c5.54%200%2010.05-4.5%2010.05-10.05c0-1.66-.44-3.2-1.15-4.58c-1.67-3.23-5.01-5.47-8.9-5.47%22%2F%3E%3Cpath%20fill%3D%22%2340c0e7%22%20d%3D%22M56.7%2053.68c-1.15-.29-9.44.18-14.82%206.1c-5.39%205.91-8.37%2014.25-2.85%2014.25h15.95c2.24%200%204.08-.95%204.08-3.8V58.49c-.01-2.22-.17-4.26-2.36-4.81m31.39%203.26c-5.76-3.89-19.13-3.55-20.79-3.26c-3.18.55-3.42%202.58-3.42%204.81v11.74c0%202.85%202.66%203.8%205.91%203.8h23.06c7.98%200%203.36-11.62-4.76-17.09%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}单文件 CSS 即可播放,无需任何依赖;描画动效仅对描边类图标生效。
透明度往复渐变,适合状态提示与在线指示。
.icon-police-car {
animation: icon-breathe 1.8s ease-in-out infinite;
}
@keyframes icon-breathe {
0%, 100% { opacity: 1; }
50% { opacity: 0.35; }
}匀速循环旋转,适合加载中场景。
.icon-police-car {
animation: icon-spin 1.6s linear infinite;
}
@keyframes icon-spin {
to { transform: rotate(360deg); }
}对源文件的客观技术指标,供工程侧评估引用方式。
文件体积
2.34 KB
2,399 字节
viewBox
0 0 128 128
矢量坐标系
图元总数
7
<path> ×7
风格
多色填充
填充跟随容器颜色
同时含 width/height 与 viewBox:可以只保留 viewBox,让图标跟随容器自适应缩放。 文件体积 2.34 KB(2,399 字节),图元 7 个,风格为多色填充。
关于 police-car 图标的下载、商用与改色。
它是 Noto Emoji (v1)(noto-v1)开源图标集中的 police-car 图标,多色填充,viewBox 为 0 0 128 128,文件仅 2.34 KB,矢量格式可无损缩放到任意尺寸。
点击「下载与导出」中的 SVG 源文件按钮保存矢量文件;也可以按 512 / 256 / 128 / 64 / 32 / 16px 预设导出 PNG,或在输入框填 16~1024 之间的任意尺寸。需要 iOS、Android 全套尺寸时,用素材包生成器一键打包。
该图标采用 Apache 2.0(Apache-2.0) 开源协议,通常允许在遵守协议的前提下免费使用,常见要求是保留作者版权声明。商用前建议阅读协议原文确认。
在「预览与场景」的色板中切换颜色,三底色与全部场景会实时跟随;点击任一相近图标可打开预览弹层,复制对应颜色的 SVG 源码或 PNG。也可以复制 SVG 源码后自行修改 fill 值。