police-car-light SVG 图标
notopolice-car-light
来自 Noto Emoji 开源图标集,矢量 SVG 可无损缩放到任意尺寸,支持在线改色、复制 React/Vue/HTML 代码。
- 图标 ID
- noto:police-car-light
- 中文名
- —
- 所属集合
- Noto Emoji
- 集合规模
- 3,729 枚
- 基础网格
- 16px
- 色彩
- 多色
- 开源协议
- Apache-2.0
- 作者
- Google Inc
notopolice-car-light
来自 Noto Emoji 开源图标集,矢量 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="#82aec0" d="M118.4 112.29c-.54-2.88-2.62-18.81-2.62-18.81H12.22s-2.08 15.93-2.62 18.81S15.23 124 64 124s54.94-8.83 54.4-11.71"/><path fill="#e0e0e0" d="M12.19 93.96c0-5.87 23.2-10.63 51.81-10.63s51.81 4.76 51.81 10.63s-23.2 11.6-51.81 11.6s-51.81-5.73-51.81-11.6"/><path fill="#f44336" d="M97.78 16.32C94.94 7.27 85.48 4 63.99 4S33.05 7.27 30.21 16.32c-5.72 18.23-10.86 75.71-10.86 75.71s4.47 7.49 44.65 7.49s44.66-7.48 44.66-7.48s-5.16-57.49-10.88-75.72"/><path fill="#c62828" d="M19.34 92.14c0-4.6 19.99-8.33 44.66-8.33s44.66 3.73 44.66 8.33s-19.99 9.09-44.66 9.09s-44.66-4.49-44.66-9.09" opacity=".9"/><radialGradient id="SVGSKN0xetm" cx="64" cy="52.903" r="43.973" gradientTransform="translate(.558 .558)scale(.9913)" gradientUnits="userSpaceOnUse"><stop offset=".572" stop-color="#ff6e40"/><stop offset=".768" stop-color="#ff7046" stop-opacity=".541"/><stop offset="1" stop-color="#ff7555" stop-opacity="0"/></radialGradient><path fill="url(#SVGSKN0xetm)" d="M72.59 35.73L94.42 13.2c.42-.37 1.04.1.8.6L78.98 39.86c-1.21 2.52-.14 4.15 2.66 4.08l20.65-.21c.56-.01.73.75.22.98l-18.84 7.26c-2.55 1.15-3.09 3.88-.91 5.62l23.49 16.94c.44.35.08 1.04-.46.89L79.06 64.35c-2.69-.76-3.92.73-3.37 3.47l8.62 28.89c.11.55-.61.85-.92.39L68.68 71.05c-1.57-2.31-3.47-2.75-4.8-.3L49.77 97.43c-.27.49-1.01.26-.96-.3l7.29-28.79c.28-2.78-1-3.36-3.6-2.34L22.25 81.51c-.52.2-.94-.45-.54-.84L47.09 59.6c2-1.95 1.91-4.08-.74-4.97l-21.18-7.22c-.53-.18-.43-.95.12-.99l20.84.4c2.79-.21 4.2-2.99 2.74-5.37L32.12 17.3c-.29-.48.28-1.01.73-.68l22.34 19.4c2.27 1.63 4.26 1.48 4.67-1.28l3.63-26c.08-.55.86-.59 1-.05l3.16 25.38c.7 2.71 2.84 3.51 4.94 1.66"/><path fill="#ffd5ca" d="m65.85 34.06l9.36-16.89c.28-.48 1.02-.23.95.32l-2.92 18.45c-.34 2.77 1.2 3.98 3.82 3.02l18.33-6.16c.52-.19.93.47.52.85L81.55 45.91c-2.05 1.9-1.69 4.66.94 5.61l18.32 6.21c.52.19.41.96-.15.99l-19.52.39c-2.79.14-3.48 1.95-2.08 4.37l9.86 16.84c.28.48-.31 1-.75.66l-14.73-12.2c-2.23-1.68-4.16-1.5-4.64 1.25l-3.5 19.94c-.1.55-.88.57-1 .03l-3.64-19.77c-.62-2.72-2.02-2.86-4.16-1.07L41 82.19c-.43.36-1.04-.13-.78-.62l9.11-16.74c1.27-2.49.51-4.47-2.29-4.47l-19.66.25c-.56 0-.71-.76-.2-.98l17.16-6.61c2.57-1.09 3.02-4.17.88-5.97l-14.4-11.73c-.43-.36-.05-1.04.48-.88l18.17 5.44c2.67.82 4.51.04 4.02-2.71l-3.77-19.01c-.1-.55.63-.83.93-.37l10.01 16.26c1.51 2.35 3.8 2.43 5.19.01"/></svg>export function PoliceCarLightIcon(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="#82aec0" d="M118.4 112.29c-.54-2.88-2.62-18.81-2.62-18.81H12.22s-2.08 15.93-2.62 18.81S15.23 124 64 124s54.94-8.83 54.4-11.71"/><path fill="#e0e0e0" d="M12.19 93.96c0-5.87 23.2-10.63 51.81-10.63s51.81 4.76 51.81 10.63s-23.2 11.6-51.81 11.6s-51.81-5.73-51.81-11.6"/><path fill="#f44336" d="M97.78 16.32C94.94 7.27 85.48 4 63.99 4S33.05 7.27 30.21 16.32c-5.72 18.23-10.86 75.71-10.86 75.71s4.47 7.49 44.65 7.49s44.66-7.48 44.66-7.48s-5.16-57.49-10.88-75.72"/><path fill="#c62828" d="M19.34 92.14c0-4.6 19.99-8.33 44.66-8.33s44.66 3.73 44.66 8.33s-19.99 9.09-44.66 9.09s-44.66-4.49-44.66-9.09" opacity=".9"/><radialGradient id="SVGSKN0xetm" cx="64" cy="52.903" r="43.973" gradientTransform="translate(.558 .558)scale(.9913)" gradientUnits="userSpaceOnUse"><stop offset=".572" stop-color="#ff6e40"/><stop offset=".768" stop-color="#ff7046" stop-opacity=".541"/><stop offset="1" stop-color="#ff7555" stop-opacity="0"/></radialGradient><path fill="url(#SVGSKN0xetm)" d="M72.59 35.73L94.42 13.2c.42-.37 1.04.1.8.6L78.98 39.86c-1.21 2.52-.14 4.15 2.66 4.08l20.65-.21c.56-.01.73.75.22.98l-18.84 7.26c-2.55 1.15-3.09 3.88-.91 5.62l23.49 16.94c.44.35.08 1.04-.46.89L79.06 64.35c-2.69-.76-3.92.73-3.37 3.47l8.62 28.89c.11.55-.61.85-.92.39L68.68 71.05c-1.57-2.31-3.47-2.75-4.8-.3L49.77 97.43c-.27.49-1.01.26-.96-.3l7.29-28.79c.28-2.78-1-3.36-3.6-2.34L22.25 81.51c-.52.2-.94-.45-.54-.84L47.09 59.6c2-1.95 1.91-4.08-.74-4.97l-21.18-7.22c-.53-.18-.43-.95.12-.99l20.84.4c2.79-.21 4.2-2.99 2.74-5.37L32.12 17.3c-.29-.48.28-1.01.73-.68l22.34 19.4c2.27 1.63 4.26 1.48 4.67-1.28l3.63-26c.08-.55.86-.59 1-.05l3.16 25.38c.7 2.71 2.84 3.51 4.94 1.66"/><path fill="#ffd5ca" d="m65.85 34.06l9.36-16.89c.28-.48 1.02-.23.95.32l-2.92 18.45c-.34 2.77 1.2 3.98 3.82 3.02l18.33-6.16c.52-.19.93.47.52.85L81.55 45.91c-2.05 1.9-1.69 4.66.94 5.61l18.32 6.21c.52.19.41.96-.15.99l-19.52.39c-2.79.14-3.48 1.95-2.08 4.37l9.86 16.84c.28.48-.31 1-.75.66l-14.73-12.2c-2.23-1.68-4.16-1.5-4.64 1.25l-3.5 19.94c-.1.55-.88.57-1 .03l-3.64-19.77c-.62-2.72-2.02-2.86-4.16-1.07L41 82.19c-.43.36-1.04-.13-.78-.62l9.11-16.74c1.27-2.49.51-4.47-2.29-4.47l-19.66.25c-.56 0-.71-.76-.2-.98l17.16-6.61c2.57-1.09 3.02-4.17.88-5.97l-14.4-11.73c-.43-.36-.05-1.04.48-.88l18.17 5.44c2.67.82 4.51.04 4.02-2.71l-3.77-19.01c-.1-.55.63-.83.93-.37l10.01 16.26c1.51 2.35 3.8 2.43 5.19.01"/>` }}
/>
);
}<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="#82aec0" d="M118.4 112.29c-.54-2.88-2.62-18.81-2.62-18.81H12.22s-2.08 15.93-2.62 18.81S15.23 124 64 124s54.94-8.83 54.4-11.71"/><path fill="#e0e0e0" d="M12.19 93.96c0-5.87 23.2-10.63 51.81-10.63s51.81 4.76 51.81 10.63s-23.2 11.6-51.81 11.6s-51.81-5.73-51.81-11.6"/><path fill="#f44336" d="M97.78 16.32C94.94 7.27 85.48 4 63.99 4S33.05 7.27 30.21 16.32c-5.72 18.23-10.86 75.71-10.86 75.71s4.47 7.49 44.65 7.49s44.66-7.48 44.66-7.48s-5.16-57.49-10.88-75.72"/><path fill="#c62828" d="M19.34 92.14c0-4.6 19.99-8.33 44.66-8.33s44.66 3.73 44.66 8.33s-19.99 9.09-44.66 9.09s-44.66-4.49-44.66-9.09" opacity=".9"/><radialGradient id="SVGSKN0xetm" cx="64" cy="52.903" r="43.973" gradientTransform="translate(.558 .558)scale(.9913)" gradientUnits="userSpaceOnUse"><stop offset=".572" stop-color="#ff6e40"/><stop offset=".768" stop-color="#ff7046" stop-opacity=".541"/><stop offset="1" stop-color="#ff7555" stop-opacity="0"/></radialGradient><path fill="url(#SVGSKN0xetm)" d="M72.59 35.73L94.42 13.2c.42-.37 1.04.1.8.6L78.98 39.86c-1.21 2.52-.14 4.15 2.66 4.08l20.65-.21c.56-.01.73.75.22.98l-18.84 7.26c-2.55 1.15-3.09 3.88-.91 5.62l23.49 16.94c.44.35.08 1.04-.46.89L79.06 64.35c-2.69-.76-3.92.73-3.37 3.47l8.62 28.89c.11.55-.61.85-.92.39L68.68 71.05c-1.57-2.31-3.47-2.75-4.8-.3L49.77 97.43c-.27.49-1.01.26-.96-.3l7.29-28.79c.28-2.78-1-3.36-3.6-2.34L22.25 81.51c-.52.2-.94-.45-.54-.84L47.09 59.6c2-1.95 1.91-4.08-.74-4.97l-21.18-7.22c-.53-.18-.43-.95.12-.99l20.84.4c2.79-.21 4.2-2.99 2.74-5.37L32.12 17.3c-.29-.48.28-1.01.73-.68l22.34 19.4c2.27 1.63 4.26 1.48 4.67-1.28l3.63-26c.08-.55.86-.59 1-.05l3.16 25.38c.7 2.71 2.84 3.51 4.94 1.66"/><path fill="#ffd5ca" d="m65.85 34.06l9.36-16.89c.28-.48 1.02-.23.95.32l-2.92 18.45c-.34 2.77 1.2 3.98 3.82 3.02l18.33-6.16c.52-.19.93.47.52.85L81.55 45.91c-2.05 1.9-1.69 4.66.94 5.61l18.32 6.21c.52.19.41.96-.15.99l-19.52.39c-2.79.14-3.48 1.95-2.08 4.37l9.86 16.84c.28.48-.31 1-.75.66l-14.73-12.2c-2.23-1.68-4.16-1.5-4.64 1.25l-3.5 19.94c-.1.55-.88.57-1 .03l-3.64-19.77c-.62-2.72-2.02-2.86-4.16-1.07L41 82.19c-.43.36-1.04-.13-.78-.62l9.11-16.74c1.27-2.49.51-4.47-2.29-4.47l-19.66.25c-.56 0-.71-.76-.2-.98l17.16-6.61c2.57-1.09 3.02-4.17.88-5.97l-14.4-11.73c-.43-.36-.05-1.04.48-.88l18.17 5.44c2.67.82 4.51.04 4.02-2.71l-3.77-19.01c-.1-.55.63-.83.93-.37l10.01 16.26c1.51 2.35 3.8 2.43 5.19.01"/>`;
</script>.police-car-light {
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%2382aec0%22%20d%3D%22M118.4%20112.29c-.54-2.88-2.62-18.81-2.62-18.81H12.22s-2.08%2015.93-2.62%2018.81S15.23%20124%2064%20124s54.94-8.83%2054.4-11.71%22%2F%3E%3Cpath%20fill%3D%22%23e0e0e0%22%20d%3D%22M12.19%2093.96c0-5.87%2023.2-10.63%2051.81-10.63s51.81%204.76%2051.81%2010.63s-23.2%2011.6-51.81%2011.6s-51.81-5.73-51.81-11.6%22%2F%3E%3Cpath%20fill%3D%22%23f44336%22%20d%3D%22M97.78%2016.32C94.94%207.27%2085.48%204%2063.99%204S33.05%207.27%2030.21%2016.32c-5.72%2018.23-10.86%2075.71-10.86%2075.71s4.47%207.49%2044.65%207.49s44.66-7.48%2044.66-7.48s-5.16-57.49-10.88-75.72%22%2F%3E%3Cpath%20fill%3D%22%23c62828%22%20d%3D%22M19.34%2092.14c0-4.6%2019.99-8.33%2044.66-8.33s44.66%203.73%2044.66%208.33s-19.99%209.09-44.66%209.09s-44.66-4.49-44.66-9.09%22%20opacity%3D%22.9%22%2F%3E%3CradialGradient%20id%3D%22SVGSKN0xetm%22%20cx%3D%2264%22%20cy%3D%2252.903%22%20r%3D%2243.973%22%20gradientTransform%3D%22translate(.558%20.558)scale(.9913)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.572%22%20stop-color%3D%22%23ff6e40%22%2F%3E%3Cstop%20offset%3D%22.768%22%20stop-color%3D%22%23ff7046%22%20stop-opacity%3D%22.541%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff7555%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3Cpath%20fill%3D%22url(%23SVGSKN0xetm)%22%20d%3D%22M72.59%2035.73L94.42%2013.2c.42-.37%201.04.1.8.6L78.98%2039.86c-1.21%202.52-.14%204.15%202.66%204.08l20.65-.21c.56-.01.73.75.22.98l-18.84%207.26c-2.55%201.15-3.09%203.88-.91%205.62l23.49%2016.94c.44.35.08%201.04-.46.89L79.06%2064.35c-2.69-.76-3.92.73-3.37%203.47l8.62%2028.89c.11.55-.61.85-.92.39L68.68%2071.05c-1.57-2.31-3.47-2.75-4.8-.3L49.77%2097.43c-.27.49-1.01.26-.96-.3l7.29-28.79c.28-2.78-1-3.36-3.6-2.34L22.25%2081.51c-.52.2-.94-.45-.54-.84L47.09%2059.6c2-1.95%201.91-4.08-.74-4.97l-21.18-7.22c-.53-.18-.43-.95.12-.99l20.84.4c2.79-.21%204.2-2.99%202.74-5.37L32.12%2017.3c-.29-.48.28-1.01.73-.68l22.34%2019.4c2.27%201.63%204.26%201.48%204.67-1.28l3.63-26c.08-.55.86-.59%201-.05l3.16%2025.38c.7%202.71%202.84%203.51%204.94%201.66%22%2F%3E%3Cpath%20fill%3D%22%23ffd5ca%22%20d%3D%22m65.85%2034.06l9.36-16.89c.28-.48%201.02-.23.95.32l-2.92%2018.45c-.34%202.77%201.2%203.98%203.82%203.02l18.33-6.16c.52-.19.93.47.52.85L81.55%2045.91c-2.05%201.9-1.69%204.66.94%205.61l18.32%206.21c.52.19.41.96-.15.99l-19.52.39c-2.79.14-3.48%201.95-2.08%204.37l9.86%2016.84c.28.48-.31%201-.75.66l-14.73-12.2c-2.23-1.68-4.16-1.5-4.64%201.25l-3.5%2019.94c-.1.55-.88.57-1%20.03l-3.64-19.77c-.62-2.72-2.02-2.86-4.16-1.07L41%2082.19c-.43.36-1.04-.13-.78-.62l9.11-16.74c1.27-2.49.51-4.47-2.29-4.47l-19.66.25c-.56%200-.71-.76-.2-.98l17.16-6.61c2.57-1.09%203.02-4.17.88-5.97l-14.4-11.73c-.43-.36-.05-1.04.48-.88l18.17%205.44c2.67.82%204.51.04%204.02-2.71l-3.77-19.01c-.1-.55.63-.83.93-.37l10.01%2016.26c1.51%202.35%203.8%202.43%205.19.01%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%2382aec0%22%20d%3D%22M118.4%20112.29c-.54-2.88-2.62-18.81-2.62-18.81H12.22s-2.08%2015.93-2.62%2018.81S15.23%20124%2064%20124s54.94-8.83%2054.4-11.71%22%2F%3E%3Cpath%20fill%3D%22%23e0e0e0%22%20d%3D%22M12.19%2093.96c0-5.87%2023.2-10.63%2051.81-10.63s51.81%204.76%2051.81%2010.63s-23.2%2011.6-51.81%2011.6s-51.81-5.73-51.81-11.6%22%2F%3E%3Cpath%20fill%3D%22%23f44336%22%20d%3D%22M97.78%2016.32C94.94%207.27%2085.48%204%2063.99%204S33.05%207.27%2030.21%2016.32c-5.72%2018.23-10.86%2075.71-10.86%2075.71s4.47%207.49%2044.65%207.49s44.66-7.48%2044.66-7.48s-5.16-57.49-10.88-75.72%22%2F%3E%3Cpath%20fill%3D%22%23c62828%22%20d%3D%22M19.34%2092.14c0-4.6%2019.99-8.33%2044.66-8.33s44.66%203.73%2044.66%208.33s-19.99%209.09-44.66%209.09s-44.66-4.49-44.66-9.09%22%20opacity%3D%22.9%22%2F%3E%3CradialGradient%20id%3D%22SVGSKN0xetm%22%20cx%3D%2264%22%20cy%3D%2252.903%22%20r%3D%2243.973%22%20gradientTransform%3D%22translate(.558%20.558)scale(.9913)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.572%22%20stop-color%3D%22%23ff6e40%22%2F%3E%3Cstop%20offset%3D%22.768%22%20stop-color%3D%22%23ff7046%22%20stop-opacity%3D%22.541%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff7555%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3Cpath%20fill%3D%22url(%23SVGSKN0xetm)%22%20d%3D%22M72.59%2035.73L94.42%2013.2c.42-.37%201.04.1.8.6L78.98%2039.86c-1.21%202.52-.14%204.15%202.66%204.08l20.65-.21c.56-.01.73.75.22.98l-18.84%207.26c-2.55%201.15-3.09%203.88-.91%205.62l23.49%2016.94c.44.35.08%201.04-.46.89L79.06%2064.35c-2.69-.76-3.92.73-3.37%203.47l8.62%2028.89c.11.55-.61.85-.92.39L68.68%2071.05c-1.57-2.31-3.47-2.75-4.8-.3L49.77%2097.43c-.27.49-1.01.26-.96-.3l7.29-28.79c.28-2.78-1-3.36-3.6-2.34L22.25%2081.51c-.52.2-.94-.45-.54-.84L47.09%2059.6c2-1.95%201.91-4.08-.74-4.97l-21.18-7.22c-.53-.18-.43-.95.12-.99l20.84.4c2.79-.21%204.2-2.99%202.74-5.37L32.12%2017.3c-.29-.48.28-1.01.73-.68l22.34%2019.4c2.27%201.63%204.26%201.48%204.67-1.28l3.63-26c.08-.55.86-.59%201-.05l3.16%2025.38c.7%202.71%202.84%203.51%204.94%201.66%22%2F%3E%3Cpath%20fill%3D%22%23ffd5ca%22%20d%3D%22m65.85%2034.06l9.36-16.89c.28-.48%201.02-.23.95.32l-2.92%2018.45c-.34%202.77%201.2%203.98%203.82%203.02l18.33-6.16c.52-.19.93.47.52.85L81.55%2045.91c-2.05%201.9-1.69%204.66.94%205.61l18.32%206.21c.52.19.41.96-.15.99l-19.52.39c-2.79.14-3.48%201.95-2.08%204.37l9.86%2016.84c.28.48-.31%201-.75.66l-14.73-12.2c-2.23-1.68-4.16-1.5-4.64%201.25l-3.5%2019.94c-.1.55-.88.57-1%20.03l-3.64-19.77c-.62-2.72-2.02-2.86-4.16-1.07L41%2082.19c-.43.36-1.04-.13-.78-.62l9.11-16.74c1.27-2.49.51-4.47-2.29-4.47l-19.66.25c-.56%200-.71-.76-.2-.98l17.16-6.61c2.57-1.09%203.02-4.17.88-5.97l-14.4-11.73c-.43-.36-.05-1.04.48-.88l18.17%205.44c2.67.82%204.51.04%204.02-2.71l-3.77-19.01c-.1-.55.63-.83.93-.37l10.01%2016.26c1.51%202.35%203.8%202.43%205.19.01%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}单文件 CSS 即可播放,无需任何依赖;描画动效仅对描边类图标生效。
透明度往复渐变,适合状态提示与在线指示。
.icon-police-car-light {
animation: icon-breathe 1.8s ease-in-out infinite;
}
@keyframes icon-breathe {
0%, 100% { opacity: 1; }
50% { opacity: 0.35; }
}匀速循环旋转,适合加载中场景。
.icon-police-car-light {
animation: icon-spin 1.6s linear infinite;
}
@keyframes icon-spin {
to { transform: rotate(360deg); }
}对源文件的客观技术指标,供工程侧评估引用方式。
文件体积
2.37 KB
2,425 字节
viewBox
0 0 128 128
矢量坐标系
图元总数
6
<path> ×6
风格
多色填充
填充跟随容器颜色
同时含 width/height 与 viewBox:可以只保留 viewBox,让图标跟随容器自适应缩放。 文件体积 2.37 KB(2,425 字节),图元 6 个,风格为多色填充。
关于 police-car-light 图标的下载、商用与改色。
它是 Noto Emoji(noto)开源图标集中的 police-car-light 图标,多色填充,viewBox 为 0 0 128 128,文件仅 2.37 KB,矢量格式可无损缩放到任意尺寸。
点击「下载与导出」中的 SVG 源文件按钮保存矢量文件;也可以按 512 / 256 / 128 / 64 / 32 / 16px 预设导出 PNG,或在输入框填 16~1024 之间的任意尺寸。需要 iOS、Android 全套尺寸时,用素材包生成器一键打包。
该图标采用 Apache 2.0(Apache-2.0) 开源协议,通常允许在遵守协议的前提下免费使用,常见要求是保留作者版权声明。商用前建议阅读协议原文确认。
在「预览与场景」的色板中切换颜色,三底色与全部场景会实时跟随;点击任一相近图标可打开预览弹层,复制对应颜色的 SVG 源码或 PNG。也可以复制 SVG 源码后自行修改 fill 值。