american-football SVG 图标
noto-v1american-football
来自 Noto Emoji (v1) 开源图标集,矢量 SVG 可无损缩放到任意尺寸,支持在线改色、复制 React/Vue/HTML 代码。
- 图标 ID
- noto-v1:american-football
- 中文名
- —
- 所属集合
- Noto Emoji (v1)
- 集合规模
- 2,162 枚
- 基础网格
- 16px
- 色彩
- 多色
- 开源协议
- Apache-2.0
- 作者
- Google Inc
noto-v1american-football
来自 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="#fff" d="M116.14 11.44C105.95 2.18 58.53-5.9 25.97 29.06c-32.57 34.97-20.7 81.21-10.5 90.47s59.34 7.56 86.38-21.48c27.04-29.03 24.48-77.35 14.29-86.61"/><path fill="#855c52" d="M118.65 8.9C107.97-.8 58.27-9.28 24.14 27.37C-10 64.03 2.44 112.51 13.13 122.21s62.21 7.93 90.55-22.52c28.35-30.43 25.66-81.09 14.97-90.79M44 120.7c-1.32-.36-2.61-.73-3.83-1.1c-4.94-1.51-9.56-3.28-13.91-6.11c-2.9-1.88-5.65-4.01-8.18-6.37c-2.89-2.7-5.63-5.75-8.04-8.88c-.31-.41-.57-.83-.85-1.25c-.51-2.98-.88-6.2-1.02-9.64c-.07-1.89-.07-4.07.03-6.45c.27.49.57.95.91 1.39c11.2 14.19 26.23 26.2 43.59 31.77q4.68 1.5 9.48 2.58c.15.03.54.09 1.06.17c-6.66 2.04-13.22 3.28-19.24 3.89m29.34-91.29c-1.18 1.31-3.68 1.33-5.14.83c-.61-.21-1.28-.5-1.93-.51c-.82 0-2.02.35-2.08 1.29c-.15 2.3 2.46 4.01 1.19 6.32c-1.11 2.02-4.24 2.56-6.19 1.96c-1.38-.42-2.51-1.49-4.13-.82c-.88.37-1.2.8-.52 1.58c.39.45.84 1.02 1.18 1.46c2.86 3.76 1.21 8.58-3.97 8.2c-.84-.05-1.62-.38-2.42-.57c-.64-.15-1.16-.49-1.79-.65c-.56-.15-1.16-.31-1.79-.19c-2.14.42-.45 2.62.04 3.34c.8 1.17 1.22 2.33 1.01 3.82c-.4 2.88-3.08 4.62-5.86 4.14c-.69-.12-5.09-1.84-5-.17c.12 2.3 2.68 3.57 1.62 6.18c-.77 1.9-2.92 2.58-4.77 2.24c-1.24-.22-2.4-.6-3.52-1.14c-2.06-1-4.03-2.32-5.72-3.85c-1.61-1.47-2.55-3.29-1.96-5.56c.08-.33.23-.65.41-.94c.77-1.23 2.28-2.1 3.68-2.16c.72-.02 1.87.13 2.52-.22c.99-.54.36-1.48-.05-2.05c-.56-.75-.62-1.96-.23-2.86c.47-1.09 1.15-2.41 2.17-3.05c1.36-.85 3.09-1.13 4.62-1.32c1.02-.13 2.29.03 2.62-1.24c.35-1.36-.56-2.54-.59-3.85c-.01-1.05.77-2.09 1.52-2.79c1-.92 2.2-1.23 3.46-1.44c1.47-.24 3.07.42 4.46-.41c1.23-.74.75-1.71.27-2.72c-.63-1.31-1.18-3.01-.11-4.35c1.94-2.42 5.4-1.8 8.06-2.35c.67-.14 1.49-.49 1.62-1.26c.15-.97-.67-1.43-.73-2.25c-.04-.59.37-1.33.76-1.76c.88-.95 2.32-1.29 3.47-1.67c1.43-.47 3.11-.26 4.52.03c3.84.81 7.68 2.94 9.18 6.7c.49 1.18 1.15 2.92.12 4.06m42.6 19a90 90 0 0 0-6.38-11.35c-8.47-12.77-20.63-24.1-35.24-29.32c4.56-.68 8.63-.9 11.92-.9c1.64 0 3.22.06 4.74.15c2.82 1.62 5.6 3.32 8.24 5.2c8.5 6.03 15.92 13.71 20.62 23.08c.18 5.76-.24 12.24-1.42 18.97c-.76-1.98-1.58-3.92-2.48-5.83"/></svg>export function AmericanFootballIcon(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="#fff" d="M116.14 11.44C105.95 2.18 58.53-5.9 25.97 29.06c-32.57 34.97-20.7 81.21-10.5 90.47s59.34 7.56 86.38-21.48c27.04-29.03 24.48-77.35 14.29-86.61"/><path fill="#855c52" d="M118.65 8.9C107.97-.8 58.27-9.28 24.14 27.37C-10 64.03 2.44 112.51 13.13 122.21s62.21 7.93 90.55-22.52c28.35-30.43 25.66-81.09 14.97-90.79M44 120.7c-1.32-.36-2.61-.73-3.83-1.1c-4.94-1.51-9.56-3.28-13.91-6.11c-2.9-1.88-5.65-4.01-8.18-6.37c-2.89-2.7-5.63-5.75-8.04-8.88c-.31-.41-.57-.83-.85-1.25c-.51-2.98-.88-6.2-1.02-9.64c-.07-1.89-.07-4.07.03-6.45c.27.49.57.95.91 1.39c11.2 14.19 26.23 26.2 43.59 31.77q4.68 1.5 9.48 2.58c.15.03.54.09 1.06.17c-6.66 2.04-13.22 3.28-19.24 3.89m29.34-91.29c-1.18 1.31-3.68 1.33-5.14.83c-.61-.21-1.28-.5-1.93-.51c-.82 0-2.02.35-2.08 1.29c-.15 2.3 2.46 4.01 1.19 6.32c-1.11 2.02-4.24 2.56-6.19 1.96c-1.38-.42-2.51-1.49-4.13-.82c-.88.37-1.2.8-.52 1.58c.39.45.84 1.02 1.18 1.46c2.86 3.76 1.21 8.58-3.97 8.2c-.84-.05-1.62-.38-2.42-.57c-.64-.15-1.16-.49-1.79-.65c-.56-.15-1.16-.31-1.79-.19c-2.14.42-.45 2.62.04 3.34c.8 1.17 1.22 2.33 1.01 3.82c-.4 2.88-3.08 4.62-5.86 4.14c-.69-.12-5.09-1.84-5-.17c.12 2.3 2.68 3.57 1.62 6.18c-.77 1.9-2.92 2.58-4.77 2.24c-1.24-.22-2.4-.6-3.52-1.14c-2.06-1-4.03-2.32-5.72-3.85c-1.61-1.47-2.55-3.29-1.96-5.56c.08-.33.23-.65.41-.94c.77-1.23 2.28-2.1 3.68-2.16c.72-.02 1.87.13 2.52-.22c.99-.54.36-1.48-.05-2.05c-.56-.75-.62-1.96-.23-2.86c.47-1.09 1.15-2.41 2.17-3.05c1.36-.85 3.09-1.13 4.62-1.32c1.02-.13 2.29.03 2.62-1.24c.35-1.36-.56-2.54-.59-3.85c-.01-1.05.77-2.09 1.52-2.79c1-.92 2.2-1.23 3.46-1.44c1.47-.24 3.07.42 4.46-.41c1.23-.74.75-1.71.27-2.72c-.63-1.31-1.18-3.01-.11-4.35c1.94-2.42 5.4-1.8 8.06-2.35c.67-.14 1.49-.49 1.62-1.26c.15-.97-.67-1.43-.73-2.25c-.04-.59.37-1.33.76-1.76c.88-.95 2.32-1.29 3.47-1.67c1.43-.47 3.11-.26 4.52.03c3.84.81 7.68 2.94 9.18 6.7c.49 1.18 1.15 2.92.12 4.06m42.6 19a90 90 0 0 0-6.38-11.35c-8.47-12.77-20.63-24.1-35.24-29.32c4.56-.68 8.63-.9 11.92-.9c1.64 0 3.22.06 4.74.15c2.82 1.62 5.6 3.32 8.24 5.2c8.5 6.03 15.92 13.71 20.62 23.08c.18 5.76-.24 12.24-1.42 18.97c-.76-1.98-1.58-3.92-2.48-5.83"/>` }}
/>
);
}<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="#fff" d="M116.14 11.44C105.95 2.18 58.53-5.9 25.97 29.06c-32.57 34.97-20.7 81.21-10.5 90.47s59.34 7.56 86.38-21.48c27.04-29.03 24.48-77.35 14.29-86.61"/><path fill="#855c52" d="M118.65 8.9C107.97-.8 58.27-9.28 24.14 27.37C-10 64.03 2.44 112.51 13.13 122.21s62.21 7.93 90.55-22.52c28.35-30.43 25.66-81.09 14.97-90.79M44 120.7c-1.32-.36-2.61-.73-3.83-1.1c-4.94-1.51-9.56-3.28-13.91-6.11c-2.9-1.88-5.65-4.01-8.18-6.37c-2.89-2.7-5.63-5.75-8.04-8.88c-.31-.41-.57-.83-.85-1.25c-.51-2.98-.88-6.2-1.02-9.64c-.07-1.89-.07-4.07.03-6.45c.27.49.57.95.91 1.39c11.2 14.19 26.23 26.2 43.59 31.77q4.68 1.5 9.48 2.58c.15.03.54.09 1.06.17c-6.66 2.04-13.22 3.28-19.24 3.89m29.34-91.29c-1.18 1.31-3.68 1.33-5.14.83c-.61-.21-1.28-.5-1.93-.51c-.82 0-2.02.35-2.08 1.29c-.15 2.3 2.46 4.01 1.19 6.32c-1.11 2.02-4.24 2.56-6.19 1.96c-1.38-.42-2.51-1.49-4.13-.82c-.88.37-1.2.8-.52 1.58c.39.45.84 1.02 1.18 1.46c2.86 3.76 1.21 8.58-3.97 8.2c-.84-.05-1.62-.38-2.42-.57c-.64-.15-1.16-.49-1.79-.65c-.56-.15-1.16-.31-1.79-.19c-2.14.42-.45 2.62.04 3.34c.8 1.17 1.22 2.33 1.01 3.82c-.4 2.88-3.08 4.62-5.86 4.14c-.69-.12-5.09-1.84-5-.17c.12 2.3 2.68 3.57 1.62 6.18c-.77 1.9-2.92 2.58-4.77 2.24c-1.24-.22-2.4-.6-3.52-1.14c-2.06-1-4.03-2.32-5.72-3.85c-1.61-1.47-2.55-3.29-1.96-5.56c.08-.33.23-.65.41-.94c.77-1.23 2.28-2.1 3.68-2.16c.72-.02 1.87.13 2.52-.22c.99-.54.36-1.48-.05-2.05c-.56-.75-.62-1.96-.23-2.86c.47-1.09 1.15-2.41 2.17-3.05c1.36-.85 3.09-1.13 4.62-1.32c1.02-.13 2.29.03 2.62-1.24c.35-1.36-.56-2.54-.59-3.85c-.01-1.05.77-2.09 1.52-2.79c1-.92 2.2-1.23 3.46-1.44c1.47-.24 3.07.42 4.46-.41c1.23-.74.75-1.71.27-2.72c-.63-1.31-1.18-3.01-.11-4.35c1.94-2.42 5.4-1.8 8.06-2.35c.67-.14 1.49-.49 1.62-1.26c.15-.97-.67-1.43-.73-2.25c-.04-.59.37-1.33.76-1.76c.88-.95 2.32-1.29 3.47-1.67c1.43-.47 3.11-.26 4.52.03c3.84.81 7.68 2.94 9.18 6.7c.49 1.18 1.15 2.92.12 4.06m42.6 19a90 90 0 0 0-6.38-11.35c-8.47-12.77-20.63-24.1-35.24-29.32c4.56-.68 8.63-.9 11.92-.9c1.64 0 3.22.06 4.74.15c2.82 1.62 5.6 3.32 8.24 5.2c8.5 6.03 15.92 13.71 20.62 23.08c.18 5.76-.24 12.24-1.42 18.97c-.76-1.98-1.58-3.92-2.48-5.83"/>`;
</script>.american-football {
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%23fff%22%20d%3D%22M116.14%2011.44C105.95%202.18%2058.53-5.9%2025.97%2029.06c-32.57%2034.97-20.7%2081.21-10.5%2090.47s59.34%207.56%2086.38-21.48c27.04-29.03%2024.48-77.35%2014.29-86.61%22%2F%3E%3Cpath%20fill%3D%22%23855c52%22%20d%3D%22M118.65%208.9C107.97-.8%2058.27-9.28%2024.14%2027.37C-10%2064.03%202.44%20112.51%2013.13%20122.21s62.21%207.93%2090.55-22.52c28.35-30.43%2025.66-81.09%2014.97-90.79M44%20120.7c-1.32-.36-2.61-.73-3.83-1.1c-4.94-1.51-9.56-3.28-13.91-6.11c-2.9-1.88-5.65-4.01-8.18-6.37c-2.89-2.7-5.63-5.75-8.04-8.88c-.31-.41-.57-.83-.85-1.25c-.51-2.98-.88-6.2-1.02-9.64c-.07-1.89-.07-4.07.03-6.45c.27.49.57.95.91%201.39c11.2%2014.19%2026.23%2026.2%2043.59%2031.77q4.68%201.5%209.48%202.58c.15.03.54.09%201.06.17c-6.66%202.04-13.22%203.28-19.24%203.89m29.34-91.29c-1.18%201.31-3.68%201.33-5.14.83c-.61-.21-1.28-.5-1.93-.51c-.82%200-2.02.35-2.08%201.29c-.15%202.3%202.46%204.01%201.19%206.32c-1.11%202.02-4.24%202.56-6.19%201.96c-1.38-.42-2.51-1.49-4.13-.82c-.88.37-1.2.8-.52%201.58c.39.45.84%201.02%201.18%201.46c2.86%203.76%201.21%208.58-3.97%208.2c-.84-.05-1.62-.38-2.42-.57c-.64-.15-1.16-.49-1.79-.65c-.56-.15-1.16-.31-1.79-.19c-2.14.42-.45%202.62.04%203.34c.8%201.17%201.22%202.33%201.01%203.82c-.4%202.88-3.08%204.62-5.86%204.14c-.69-.12-5.09-1.84-5-.17c.12%202.3%202.68%203.57%201.62%206.18c-.77%201.9-2.92%202.58-4.77%202.24c-1.24-.22-2.4-.6-3.52-1.14c-2.06-1-4.03-2.32-5.72-3.85c-1.61-1.47-2.55-3.29-1.96-5.56c.08-.33.23-.65.41-.94c.77-1.23%202.28-2.1%203.68-2.16c.72-.02%201.87.13%202.52-.22c.99-.54.36-1.48-.05-2.05c-.56-.75-.62-1.96-.23-2.86c.47-1.09%201.15-2.41%202.17-3.05c1.36-.85%203.09-1.13%204.62-1.32c1.02-.13%202.29.03%202.62-1.24c.35-1.36-.56-2.54-.59-3.85c-.01-1.05.77-2.09%201.52-2.79c1-.92%202.2-1.23%203.46-1.44c1.47-.24%203.07.42%204.46-.41c1.23-.74.75-1.71.27-2.72c-.63-1.31-1.18-3.01-.11-4.35c1.94-2.42%205.4-1.8%208.06-2.35c.67-.14%201.49-.49%201.62-1.26c.15-.97-.67-1.43-.73-2.25c-.04-.59.37-1.33.76-1.76c.88-.95%202.32-1.29%203.47-1.67c1.43-.47%203.11-.26%204.52.03c3.84.81%207.68%202.94%209.18%206.7c.49%201.18%201.15%202.92.12%204.06m42.6%2019a90%2090%200%200%200-6.38-11.35c-8.47-12.77-20.63-24.1-35.24-29.32c4.56-.68%208.63-.9%2011.92-.9c1.64%200%203.22.06%204.74.15c2.82%201.62%205.6%203.32%208.24%205.2c8.5%206.03%2015.92%2013.71%2020.62%2023.08c.18%205.76-.24%2012.24-1.42%2018.97c-.76-1.98-1.58-3.92-2.48-5.83%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%23fff%22%20d%3D%22M116.14%2011.44C105.95%202.18%2058.53-5.9%2025.97%2029.06c-32.57%2034.97-20.7%2081.21-10.5%2090.47s59.34%207.56%2086.38-21.48c27.04-29.03%2024.48-77.35%2014.29-86.61%22%2F%3E%3Cpath%20fill%3D%22%23855c52%22%20d%3D%22M118.65%208.9C107.97-.8%2058.27-9.28%2024.14%2027.37C-10%2064.03%202.44%20112.51%2013.13%20122.21s62.21%207.93%2090.55-22.52c28.35-30.43%2025.66-81.09%2014.97-90.79M44%20120.7c-1.32-.36-2.61-.73-3.83-1.1c-4.94-1.51-9.56-3.28-13.91-6.11c-2.9-1.88-5.65-4.01-8.18-6.37c-2.89-2.7-5.63-5.75-8.04-8.88c-.31-.41-.57-.83-.85-1.25c-.51-2.98-.88-6.2-1.02-9.64c-.07-1.89-.07-4.07.03-6.45c.27.49.57.95.91%201.39c11.2%2014.19%2026.23%2026.2%2043.59%2031.77q4.68%201.5%209.48%202.58c.15.03.54.09%201.06.17c-6.66%202.04-13.22%203.28-19.24%203.89m29.34-91.29c-1.18%201.31-3.68%201.33-5.14.83c-.61-.21-1.28-.5-1.93-.51c-.82%200-2.02.35-2.08%201.29c-.15%202.3%202.46%204.01%201.19%206.32c-1.11%202.02-4.24%202.56-6.19%201.96c-1.38-.42-2.51-1.49-4.13-.82c-.88.37-1.2.8-.52%201.58c.39.45.84%201.02%201.18%201.46c2.86%203.76%201.21%208.58-3.97%208.2c-.84-.05-1.62-.38-2.42-.57c-.64-.15-1.16-.49-1.79-.65c-.56-.15-1.16-.31-1.79-.19c-2.14.42-.45%202.62.04%203.34c.8%201.17%201.22%202.33%201.01%203.82c-.4%202.88-3.08%204.62-5.86%204.14c-.69-.12-5.09-1.84-5-.17c.12%202.3%202.68%203.57%201.62%206.18c-.77%201.9-2.92%202.58-4.77%202.24c-1.24-.22-2.4-.6-3.52-1.14c-2.06-1-4.03-2.32-5.72-3.85c-1.61-1.47-2.55-3.29-1.96-5.56c.08-.33.23-.65.41-.94c.77-1.23%202.28-2.1%203.68-2.16c.72-.02%201.87.13%202.52-.22c.99-.54.36-1.48-.05-2.05c-.56-.75-.62-1.96-.23-2.86c.47-1.09%201.15-2.41%202.17-3.05c1.36-.85%203.09-1.13%204.62-1.32c1.02-.13%202.29.03%202.62-1.24c.35-1.36-.56-2.54-.59-3.85c-.01-1.05.77-2.09%201.52-2.79c1-.92%202.2-1.23%203.46-1.44c1.47-.24%203.07.42%204.46-.41c1.23-.74.75-1.71.27-2.72c-.63-1.31-1.18-3.01-.11-4.35c1.94-2.42%205.4-1.8%208.06-2.35c.67-.14%201.49-.49%201.62-1.26c.15-.97-.67-1.43-.73-2.25c-.04-.59.37-1.33.76-1.76c.88-.95%202.32-1.29%203.47-1.67c1.43-.47%203.11-.26%204.52.03c3.84.81%207.68%202.94%209.18%206.7c.49%201.18%201.15%202.92.12%204.06m42.6%2019a90%2090%200%200%200-6.38-11.35c-8.47-12.77-20.63-24.1-35.24-29.32c4.56-.68%208.63-.9%2011.92-.9c1.64%200%203.22.06%204.74.15c2.82%201.62%205.6%203.32%208.24%205.2c8.5%206.03%2015.92%2013.71%2020.62%2023.08c.18%205.76-.24%2012.24-1.42%2018.97c-.76-1.98-1.58-3.92-2.48-5.83%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}单文件 CSS 即可播放,无需任何依赖;描画动效仅对描边类图标生效。
透明度往复渐变,适合状态提示与在线指示。
.icon-american-football {
animation: icon-breathe 1.8s ease-in-out infinite;
}
@keyframes icon-breathe {
0%, 100% { opacity: 1; }
50% { opacity: 0.35; }
}匀速循环旋转,适合加载中场景。
.icon-american-football {
animation: icon-spin 1.6s linear infinite;
}
@keyframes icon-spin {
to { transform: rotate(360deg); }
}对源文件的客观技术指标,供工程侧评估引用方式。
文件体积
2.12 KB
2,173 字节
viewBox
0 0 128 128
矢量坐标系
图元总数
2
<path> ×2
风格
多色填充
填充跟随容器颜色
同时含 width/height 与 viewBox:可以只保留 viewBox,让图标跟随容器自适应缩放。 文件体积 2.12 KB(2,173 字节),图元 2 个,风格为多色填充。
关于 american-football 图标的下载、商用与改色。
它是 Noto Emoji (v1)(noto-v1)开源图标集中的 american-football 图标,多色填充,viewBox 为 0 0 128 128,文件仅 2.12 KB,矢量格式可无损缩放到任意尺寸。
点击「下载与导出」中的 SVG 源文件按钮保存矢量文件;也可以按 512 / 256 / 128 / 64 / 32 / 16px 预设导出 PNG,或在输入框填 16~1024 之间的任意尺寸。需要 iOS、Android 全套尺寸时,用素材包生成器一键打包。
该图标采用 Apache 2.0(Apache-2.0) 开源协议,通常允许在遵守协议的前提下免费使用,常见要求是保留作者版权声明。商用前建议阅读协议原文确认。
在「预览与场景」的色板中切换颜色,三底色与全部场景会实时跟随;点击任一相近图标可打开预览弹层,复制对应颜色的 SVG 源码或 PNG。也可以复制 SVG 源码后自行修改 fill 值。