找找图标

basketball SVG 图标

noto-v1basketball

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

图标 ID
noto-v1:basketball
中文名
—
所属集合
Noto Emoji (v1)
集合规模
2,162 枚
基础网格
16px
色彩
多色
开源协议
Apache-2.0
作者
Google Inc

下载 basketball 图标

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

px

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

basketball 的预览与使用场景

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

预览颜色
basketball 图标 浅色背景预览浅色背景
basketball 图标 深色背景预览深色背景
basketball 图标 灰底融入预览灰底融入

在真实界面里长这样

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

各尺寸下的可读性

basketball 图标 24px 渲染24pxbasketball 图标 32px 渲染32pxbasketball 图标 48px 渲染48pxbasketball 图标 64px 渲染64pxbasketball 图标 96px 渲染96pxbasketball 图标 128px 渲染128px

复制 basketball 图标代码

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

svgSVG 源码(内联 HTML)
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><g fill="#78a3ad"><path d="M86.26 78.5c.81.17 1.31.76.79 2.09c-.19.5-.51 1.05-.58 1.58c.34-.05.49-.25.71-.49c.31-.33.67-.61.98-.94c.68-.7 1.44-1.6 1.82-2.5c.14-.32.23-.64.4-.95c.25-.44.61-.9.44-1.44c-.22-.7-1.35-.53-2-.53s-1.38-.1-2 .13c-.77.28-1.58.72-2.29 1.16c-.58.38-1.35.64-1.78 1.22c-.16.23-.15.44-.05.69c.1.24.05.47.1.75c.33.02.64-.36.95-.47c.75-.28 1.76-.46 2.51-.3"/><path d="M97.28 67.34a1.6 1.6 0 0 0-2.24.25c-.39.49-6.02 7.73-11.29 20.37c-.9-1.99-1.88-3.94-2.93-5.88c4-5.09 6.75-7.81 6.83-7.88c.63-.61.65-1.62.03-2.26c-.61-.64-1.62-.65-2.25-.04c-.07.07-2.61 2.58-6.31 7.2c-.88-1.48-1.82-2.96-2.83-4.46c-.42-.62-1.27-.79-1.89-.36c-.63.42-.79 1.27-.37 1.89a88 88 0 0 1 3.28 5.26a146 146 0 0 0-8.76 12.83c-2.84-5.4-5.49-9.43-7.54-12.21c1.41-1.66 2.27-2.51 2.31-2.54c.63-.61.64-1.62.03-2.26c-.61-.63-1.63-.64-2.26-.03c-.11.12-.88.88-2.07 2.24c-1.12-1.35-1.84-2.11-1.95-2.22c-.62-.62-1.63-.63-2.25-.01s-.63 1.63-.01 2.26c.03.03.82.85 2.12 2.49c-1.94 2.44-4.43 5.81-7.15 10.2c-3.29-6.22-6.29-10.91-8.37-13.9c.45-.7.87-1.4 1.35-2.11c.42-.62.25-1.47-.37-1.89s-1.47-.26-1.89.36c-.28.42-.53.84-.8 1.25c-.64-.86-1.06-1.39-1.16-1.5c-.57-.68-1.57-.78-2.24-.22a1.59 1.59 0 0 0-.23 2.24c.03.04.69.87 1.77 2.38c-1.8 2.97-3.34 5.93-4.74 8.99c-5.23-12.53-10.82-19.7-11.21-20.19a1.59 1.59 0 0 0-2.24-.25c-.69.55-.8 1.55-.25 2.24c.16.2 15.84 20.26 19.16 52.57c.04.44.26.8.57 1.06c1.01 1.44 3.36 2.45 6.21 3.15c.22.11.45.19.71.19c.01 0 .04-.01.06-.01c2.83.62 6.07.96 9 1.1c.15.04.29.07.44.07c.09 0 .17-.03.26-.04a67 67 0 0 0 5.42-.01c.09.02.17.04.27.04c.14 0 .29-.02.43-.06c.01 0 .02-.02.04-.02c2.89-.15 6.07-.48 8.87-1.09c.01 0 .03.01.05.01c.26 0 .49-.08.72-.19c2.86-.7 5.2-1.71 6.21-3.15c.32-.26.54-.62.58-1.06c3.33-32.31 19-52.37 19.17-52.57c.51-.67.4-1.68-.29-2.23M79.01 84.45c1.23 2.31 2.33 4.66 3.33 7.08c-1.16 3.07-2.27 6.43-3.27 10.03c-1.34 2.56-2.59 5.17-3.78 7.81c-1.66-4.4-3.36-8.29-5.04-11.74c3.09-5.22 6.12-9.65 8.76-13.18m-16.35 40.06c-.7-2.45-1.44-4.8-2.2-7.09a151 151 0 0 1 7.84-16.4c1.73 3.69 3.46 7.89 5.12 12.6c-1.37 3.3-2.64 6.65-3.78 10.02c-1.88.4-4.23.71-6.98.87m-3.75-39.87c2.11 2.95 4.83 7.22 7.7 12.9c-2.62 4.57-5.25 9.69-7.72 15.35c-2.38-6.56-4.93-12.38-7.4-17.34c2.8-4.65 5.38-8.3 7.42-10.91m-11.6 39.02c-1.17-4.1-2.52-8.14-4.01-12.15c2.07-4.73 4.18-8.92 6.23-12.58c2.56 5.3 5.16 11.46 7.54 18.41c-.92 2.32-1.81 4.71-2.65 7.19c-2.81-.17-5.19-.48-7.11-.87m-7.76-42.37c2.15 3.22 5.09 7.99 8.26 14.15c-2 3.44-4.07 7.38-6.13 11.84c-1.9-4.74-4.03-9.45-6.45-14.2c-.04-.07-.1-.12-.15-.19c-.19-.52-.38-1.04-.56-1.55a82 82 0 0 1 5.03-10.05m2.12 40.22c-.17-1.59-.39-3.13-.6-4.66c.14-.34.27-.66.41-.99c.79 2.26 1.51 4.53 2.19 6.82c-1.11-.41-1.81-.83-2-1.17m16.08 3.12c.3-.83.59-1.66.88-2.47c.25.81.49 1.64.73 2.47c-.3 0-.6.01-.91.01c-.23 0-.46-.01-.7-.01m15.64-2.01c.51-1.44 1.04-2.88 1.59-4.31c.16.5.32.98.48 1.49c-.07.57-.15 1.11-.21 1.69c-.18.34-.81.73-1.86 1.13"/><path d="M29.99 81.13c-.05-.19-.08-.38-.14-.57c-.07-.19-.15-.36-.2-.55c-.09-.36-.17-.73-.16-1.11c.04-.81.65-1.03 1.37-.86c1.19.27 6.05 2.78 6.66.63c.3-1.07-1.21-1.21-1.86-1.4c-.73-.22-1.36-.39-2.13-.46c-1.57-.13-3.01-.95-4.48-1.45c-.36-.12-3.04-1.09-2.85 0c.05.26.18.47.2.74c.04.38.11.75.28 1.1c.43.9 1.1 1.63 1.61 2.47s.5 2.02 1.43 2.57c.21.12.45.19.52-.06c.07-.24-.08-.58-.16-.79c-.04-.09-.07-.18-.09-.26"/></g><path fill="#f79329" d="M58.46 44.8c-22.85 0-41.37 8.48-41.37 18.95c0 10.46 18.53 18.95 41.37 18.95c22.86 0 41.37-8.49 41.37-18.95c0-10.47-18.52-18.95-41.37-18.95m0 30.25c-17.55 0-31.79-5.33-31.79-11.9s14.23-11.9 31.79-11.9s31.79 5.33 31.79 11.9s-14.23 11.9-31.79 11.9"/><defs><ellipse id="SVGeN2TIKkD" cx="79.66" cy="36.45" rx="37.25" ry="36.18"/></defs><use fill="#ed6c30" href="#SVGeN2TIKkD"/><clipPath id="SVGZRhsteek"><use href="#SVGeN2TIKkD"/></clipPath><g fill="#f79329" clip-path="url(#SVGZRhsteek)"><path d="M71.89 74.64S50.16 51.33 58.7 17.62c3.55-14 14.99-18.1 14.99-18.1h7.89s-15.65 2.99-18.9 20.37c-5.97 31.86 20.93 55.64 20.93 55.64z"/><path d="M55.1 7.42s-.79 6.19 7.46 6.19c17.34 0 27.02-11.28 40.9-7.73l-7.23-3.62s-4.16-.79-7.78.37s-16.41 7.76-24.43 7.89c-8.54.13-5.12-5.82-5.12-5.82zM41.13 47.69s3.21-19.26 17.92-20.84c12.39-1.33 21.17 4.5 29.59 10.59c15.17 10.98 22.31 24.93 22.31 24.93l-5.2 7.76s-3.99-12.51-21.54-28.86c-6.61-6.15-15.72-10.99-25.15-10.08c-14.83 1.44-12.85 26.5-12.85 26.5z"/><path d="M39.82 25.8s5.6-7.35 20.8-8.67c35.51-3.06 59.98 22.18 59.98 22.18l1.9 12.02S94.6 18.38 60.35 21.01C43.8 22.28 39.81 32.42 39.81 32.42V25.8z"/></g><ellipse cx="79.66" cy="36.45" fill="none" rx="37.25" ry="36.18"/></svg>
reactReact 组件(TSX)
export function BasketballIcon(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: `<g fill="#78a3ad"><path d="M86.26 78.5c.81.17 1.31.76.79 2.09c-.19.5-.51 1.05-.58 1.58c.34-.05.49-.25.71-.49c.31-.33.67-.61.98-.94c.68-.7 1.44-1.6 1.82-2.5c.14-.32.23-.64.4-.95c.25-.44.61-.9.44-1.44c-.22-.7-1.35-.53-2-.53s-1.38-.1-2 .13c-.77.28-1.58.72-2.29 1.16c-.58.38-1.35.64-1.78 1.22c-.16.23-.15.44-.05.69c.1.24.05.47.1.75c.33.02.64-.36.95-.47c.75-.28 1.76-.46 2.51-.3"/><path d="M97.28 67.34a1.6 1.6 0 0 0-2.24.25c-.39.49-6.02 7.73-11.29 20.37c-.9-1.99-1.88-3.94-2.93-5.88c4-5.09 6.75-7.81 6.83-7.88c.63-.61.65-1.62.03-2.26c-.61-.64-1.62-.65-2.25-.04c-.07.07-2.61 2.58-6.31 7.2c-.88-1.48-1.82-2.96-2.83-4.46c-.42-.62-1.27-.79-1.89-.36c-.63.42-.79 1.27-.37 1.89a88 88 0 0 1 3.28 5.26a146 146 0 0 0-8.76 12.83c-2.84-5.4-5.49-9.43-7.54-12.21c1.41-1.66 2.27-2.51 2.31-2.54c.63-.61.64-1.62.03-2.26c-.61-.63-1.63-.64-2.26-.03c-.11.12-.88.88-2.07 2.24c-1.12-1.35-1.84-2.11-1.95-2.22c-.62-.62-1.63-.63-2.25-.01s-.63 1.63-.01 2.26c.03.03.82.85 2.12 2.49c-1.94 2.44-4.43 5.81-7.15 10.2c-3.29-6.22-6.29-10.91-8.37-13.9c.45-.7.87-1.4 1.35-2.11c.42-.62.25-1.47-.37-1.89s-1.47-.26-1.89.36c-.28.42-.53.84-.8 1.25c-.64-.86-1.06-1.39-1.16-1.5c-.57-.68-1.57-.78-2.24-.22a1.59 1.59 0 0 0-.23 2.24c.03.04.69.87 1.77 2.38c-1.8 2.97-3.34 5.93-4.74 8.99c-5.23-12.53-10.82-19.7-11.21-20.19a1.59 1.59 0 0 0-2.24-.25c-.69.55-.8 1.55-.25 2.24c.16.2 15.84 20.26 19.16 52.57c.04.44.26.8.57 1.06c1.01 1.44 3.36 2.45 6.21 3.15c.22.11.45.19.71.19c.01 0 .04-.01.06-.01c2.83.62 6.07.96 9 1.1c.15.04.29.07.44.07c.09 0 .17-.03.26-.04a67 67 0 0 0 5.42-.01c.09.02.17.04.27.04c.14 0 .29-.02.43-.06c.01 0 .02-.02.04-.02c2.89-.15 6.07-.48 8.87-1.09c.01 0 .03.01.05.01c.26 0 .49-.08.72-.19c2.86-.7 5.2-1.71 6.21-3.15c.32-.26.54-.62.58-1.06c3.33-32.31 19-52.37 19.17-52.57c.51-.67.4-1.68-.29-2.23M79.01 84.45c1.23 2.31 2.33 4.66 3.33 7.08c-1.16 3.07-2.27 6.43-3.27 10.03c-1.34 2.56-2.59 5.17-3.78 7.81c-1.66-4.4-3.36-8.29-5.04-11.74c3.09-5.22 6.12-9.65 8.76-13.18m-16.35 40.06c-.7-2.45-1.44-4.8-2.2-7.09a151 151 0 0 1 7.84-16.4c1.73 3.69 3.46 7.89 5.12 12.6c-1.37 3.3-2.64 6.65-3.78 10.02c-1.88.4-4.23.71-6.98.87m-3.75-39.87c2.11 2.95 4.83 7.22 7.7 12.9c-2.62 4.57-5.25 9.69-7.72 15.35c-2.38-6.56-4.93-12.38-7.4-17.34c2.8-4.65 5.38-8.3 7.42-10.91m-11.6 39.02c-1.17-4.1-2.52-8.14-4.01-12.15c2.07-4.73 4.18-8.92 6.23-12.58c2.56 5.3 5.16 11.46 7.54 18.41c-.92 2.32-1.81 4.71-2.65 7.19c-2.81-.17-5.19-.48-7.11-.87m-7.76-42.37c2.15 3.22 5.09 7.99 8.26 14.15c-2 3.44-4.07 7.38-6.13 11.84c-1.9-4.74-4.03-9.45-6.45-14.2c-.04-.07-.1-.12-.15-.19c-.19-.52-.38-1.04-.56-1.55a82 82 0 0 1 5.03-10.05m2.12 40.22c-.17-1.59-.39-3.13-.6-4.66c.14-.34.27-.66.41-.99c.79 2.26 1.51 4.53 2.19 6.82c-1.11-.41-1.81-.83-2-1.17m16.08 3.12c.3-.83.59-1.66.88-2.47c.25.81.49 1.64.73 2.47c-.3 0-.6.01-.91.01c-.23 0-.46-.01-.7-.01m15.64-2.01c.51-1.44 1.04-2.88 1.59-4.31c.16.5.32.98.48 1.49c-.07.57-.15 1.11-.21 1.69c-.18.34-.81.73-1.86 1.13"/><path d="M29.99 81.13c-.05-.19-.08-.38-.14-.57c-.07-.19-.15-.36-.2-.55c-.09-.36-.17-.73-.16-1.11c.04-.81.65-1.03 1.37-.86c1.19.27 6.05 2.78 6.66.63c.3-1.07-1.21-1.21-1.86-1.4c-.73-.22-1.36-.39-2.13-.46c-1.57-.13-3.01-.95-4.48-1.45c-.36-.12-3.04-1.09-2.85 0c.05.26.18.47.2.74c.04.38.11.75.28 1.1c.43.9 1.1 1.63 1.61 2.47s.5 2.02 1.43 2.57c.21.12.45.19.52-.06c.07-.24-.08-.58-.16-.79c-.04-.09-.07-.18-.09-.26"/></g><path fill="#f79329" d="M58.46 44.8c-22.85 0-41.37 8.48-41.37 18.95c0 10.46 18.53 18.95 41.37 18.95c22.86 0 41.37-8.49 41.37-18.95c0-10.47-18.52-18.95-41.37-18.95m0 30.25c-17.55 0-31.79-5.33-31.79-11.9s14.23-11.9 31.79-11.9s31.79 5.33 31.79 11.9s-14.23 11.9-31.79 11.9"/><defs><ellipse id="SVGeN2TIKkD" cx="79.66" cy="36.45" rx="37.25" ry="36.18"/></defs><use fill="#ed6c30" href="#SVGeN2TIKkD"/><clipPath id="SVGZRhsteek"><use href="#SVGeN2TIKkD"/></clipPath><g fill="#f79329" clip-path="url(#SVGZRhsteek)"><path d="M71.89 74.64S50.16 51.33 58.7 17.62c3.55-14 14.99-18.1 14.99-18.1h7.89s-15.65 2.99-18.9 20.37c-5.97 31.86 20.93 55.64 20.93 55.64z"/><path d="M55.1 7.42s-.79 6.19 7.46 6.19c17.34 0 27.02-11.28 40.9-7.73l-7.23-3.62s-4.16-.79-7.78.37s-16.41 7.76-24.43 7.89c-8.54.13-5.12-5.82-5.12-5.82zM41.13 47.69s3.21-19.26 17.92-20.84c12.39-1.33 21.17 4.5 29.59 10.59c15.17 10.98 22.31 24.93 22.31 24.93l-5.2 7.76s-3.99-12.51-21.54-28.86c-6.61-6.15-15.72-10.99-25.15-10.08c-14.83 1.44-12.85 26.5-12.85 26.5z"/><path d="M39.82 25.8s5.6-7.35 20.8-8.67c35.51-3.06 59.98 22.18 59.98 22.18l1.9 12.02S94.6 18.38 60.35 21.01C43.8 22.28 39.81 32.42 39.81 32.42V25.8z"/></g><ellipse cx="79.66" cy="36.45" fill="none" rx="37.25" ry="36.18"/>` }}
    />
  );
}
vueVue 3 组件
<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 = `<g fill="#78a3ad"><path d="M86.26 78.5c.81.17 1.31.76.79 2.09c-.19.5-.51 1.05-.58 1.58c.34-.05.49-.25.71-.49c.31-.33.67-.61.98-.94c.68-.7 1.44-1.6 1.82-2.5c.14-.32.23-.64.4-.95c.25-.44.61-.9.44-1.44c-.22-.7-1.35-.53-2-.53s-1.38-.1-2 .13c-.77.28-1.58.72-2.29 1.16c-.58.38-1.35.64-1.78 1.22c-.16.23-.15.44-.05.69c.1.24.05.47.1.75c.33.02.64-.36.95-.47c.75-.28 1.76-.46 2.51-.3"/><path d="M97.28 67.34a1.6 1.6 0 0 0-2.24.25c-.39.49-6.02 7.73-11.29 20.37c-.9-1.99-1.88-3.94-2.93-5.88c4-5.09 6.75-7.81 6.83-7.88c.63-.61.65-1.62.03-2.26c-.61-.64-1.62-.65-2.25-.04c-.07.07-2.61 2.58-6.31 7.2c-.88-1.48-1.82-2.96-2.83-4.46c-.42-.62-1.27-.79-1.89-.36c-.63.42-.79 1.27-.37 1.89a88 88 0 0 1 3.28 5.26a146 146 0 0 0-8.76 12.83c-2.84-5.4-5.49-9.43-7.54-12.21c1.41-1.66 2.27-2.51 2.31-2.54c.63-.61.64-1.62.03-2.26c-.61-.63-1.63-.64-2.26-.03c-.11.12-.88.88-2.07 2.24c-1.12-1.35-1.84-2.11-1.95-2.22c-.62-.62-1.63-.63-2.25-.01s-.63 1.63-.01 2.26c.03.03.82.85 2.12 2.49c-1.94 2.44-4.43 5.81-7.15 10.2c-3.29-6.22-6.29-10.91-8.37-13.9c.45-.7.87-1.4 1.35-2.11c.42-.62.25-1.47-.37-1.89s-1.47-.26-1.89.36c-.28.42-.53.84-.8 1.25c-.64-.86-1.06-1.39-1.16-1.5c-.57-.68-1.57-.78-2.24-.22a1.59 1.59 0 0 0-.23 2.24c.03.04.69.87 1.77 2.38c-1.8 2.97-3.34 5.93-4.74 8.99c-5.23-12.53-10.82-19.7-11.21-20.19a1.59 1.59 0 0 0-2.24-.25c-.69.55-.8 1.55-.25 2.24c.16.2 15.84 20.26 19.16 52.57c.04.44.26.8.57 1.06c1.01 1.44 3.36 2.45 6.21 3.15c.22.11.45.19.71.19c.01 0 .04-.01.06-.01c2.83.62 6.07.96 9 1.1c.15.04.29.07.44.07c.09 0 .17-.03.26-.04a67 67 0 0 0 5.42-.01c.09.02.17.04.27.04c.14 0 .29-.02.43-.06c.01 0 .02-.02.04-.02c2.89-.15 6.07-.48 8.87-1.09c.01 0 .03.01.05.01c.26 0 .49-.08.72-.19c2.86-.7 5.2-1.71 6.21-3.15c.32-.26.54-.62.58-1.06c3.33-32.31 19-52.37 19.17-52.57c.51-.67.4-1.68-.29-2.23M79.01 84.45c1.23 2.31 2.33 4.66 3.33 7.08c-1.16 3.07-2.27 6.43-3.27 10.03c-1.34 2.56-2.59 5.17-3.78 7.81c-1.66-4.4-3.36-8.29-5.04-11.74c3.09-5.22 6.12-9.65 8.76-13.18m-16.35 40.06c-.7-2.45-1.44-4.8-2.2-7.09a151 151 0 0 1 7.84-16.4c1.73 3.69 3.46 7.89 5.12 12.6c-1.37 3.3-2.64 6.65-3.78 10.02c-1.88.4-4.23.71-6.98.87m-3.75-39.87c2.11 2.95 4.83 7.22 7.7 12.9c-2.62 4.57-5.25 9.69-7.72 15.35c-2.38-6.56-4.93-12.38-7.4-17.34c2.8-4.65 5.38-8.3 7.42-10.91m-11.6 39.02c-1.17-4.1-2.52-8.14-4.01-12.15c2.07-4.73 4.18-8.92 6.23-12.58c2.56 5.3 5.16 11.46 7.54 18.41c-.92 2.32-1.81 4.71-2.65 7.19c-2.81-.17-5.19-.48-7.11-.87m-7.76-42.37c2.15 3.22 5.09 7.99 8.26 14.15c-2 3.44-4.07 7.38-6.13 11.84c-1.9-4.74-4.03-9.45-6.45-14.2c-.04-.07-.1-.12-.15-.19c-.19-.52-.38-1.04-.56-1.55a82 82 0 0 1 5.03-10.05m2.12 40.22c-.17-1.59-.39-3.13-.6-4.66c.14-.34.27-.66.41-.99c.79 2.26 1.51 4.53 2.19 6.82c-1.11-.41-1.81-.83-2-1.17m16.08 3.12c.3-.83.59-1.66.88-2.47c.25.81.49 1.64.73 2.47c-.3 0-.6.01-.91.01c-.23 0-.46-.01-.7-.01m15.64-2.01c.51-1.44 1.04-2.88 1.59-4.31c.16.5.32.98.48 1.49c-.07.57-.15 1.11-.21 1.69c-.18.34-.81.73-1.86 1.13"/><path d="M29.99 81.13c-.05-.19-.08-.38-.14-.57c-.07-.19-.15-.36-.2-.55c-.09-.36-.17-.73-.16-1.11c.04-.81.65-1.03 1.37-.86c1.19.27 6.05 2.78 6.66.63c.3-1.07-1.21-1.21-1.86-1.4c-.73-.22-1.36-.39-2.13-.46c-1.57-.13-3.01-.95-4.48-1.45c-.36-.12-3.04-1.09-2.85 0c.05.26.18.47.2.74c.04.38.11.75.28 1.1c.43.9 1.1 1.63 1.61 2.47s.5 2.02 1.43 2.57c.21.12.45.19.52-.06c.07-.24-.08-.58-.16-.79c-.04-.09-.07-.18-.09-.26"/></g><path fill="#f79329" d="M58.46 44.8c-22.85 0-41.37 8.48-41.37 18.95c0 10.46 18.53 18.95 41.37 18.95c22.86 0 41.37-8.49 41.37-18.95c0-10.47-18.52-18.95-41.37-18.95m0 30.25c-17.55 0-31.79-5.33-31.79-11.9s14.23-11.9 31.79-11.9s31.79 5.33 31.79 11.9s-14.23 11.9-31.79 11.9"/><defs><ellipse id="SVGeN2TIKkD" cx="79.66" cy="36.45" rx="37.25" ry="36.18"/></defs><use fill="#ed6c30" href="#SVGeN2TIKkD"/><clipPath id="SVGZRhsteek"><use href="#SVGeN2TIKkD"/></clipPath><g fill="#f79329" clip-path="url(#SVGZRhsteek)"><path d="M71.89 74.64S50.16 51.33 58.7 17.62c3.55-14 14.99-18.1 14.99-18.1h7.89s-15.65 2.99-18.9 20.37c-5.97 31.86 20.93 55.64 20.93 55.64z"/><path d="M55.1 7.42s-.79 6.19 7.46 6.19c17.34 0 27.02-11.28 40.9-7.73l-7.23-3.62s-4.16-.79-7.78.37s-16.41 7.76-24.43 7.89c-8.54.13-5.12-5.82-5.12-5.82zM41.13 47.69s3.21-19.26 17.92-20.84c12.39-1.33 21.17 4.5 29.59 10.59c15.17 10.98 22.31 24.93 22.31 24.93l-5.2 7.76s-3.99-12.51-21.54-28.86c-6.61-6.15-15.72-10.99-25.15-10.08c-14.83 1.44-12.85 26.5-12.85 26.5z"/><path d="M39.82 25.8s5.6-7.35 20.8-8.67c35.51-3.06 59.98 22.18 59.98 22.18l1.9 12.02S94.6 18.38 60.35 21.01C43.8 22.28 39.81 32.42 39.81 32.42V25.8z"/></g><ellipse cx="79.66" cy="36.45" fill="none" rx="37.25" ry="36.18"/>`;
</script>
cssCSS mask(随 currentColor 改色)
.basketball {
  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%3Cg%20fill%3D%22%2378a3ad%22%3E%3Cpath%20d%3D%22M86.26%2078.5c.81.17%201.31.76.79%202.09c-.19.5-.51%201.05-.58%201.58c.34-.05.49-.25.71-.49c.31-.33.67-.61.98-.94c.68-.7%201.44-1.6%201.82-2.5c.14-.32.23-.64.4-.95c.25-.44.61-.9.44-1.44c-.22-.7-1.35-.53-2-.53s-1.38-.1-2%20.13c-.77.28-1.58.72-2.29%201.16c-.58.38-1.35.64-1.78%201.22c-.16.23-.15.44-.05.69c.1.24.05.47.1.75c.33.02.64-.36.95-.47c.75-.28%201.76-.46%202.51-.3%22%2F%3E%3Cpath%20d%3D%22M97.28%2067.34a1.6%201.6%200%200%200-2.24.25c-.39.49-6.02%207.73-11.29%2020.37c-.9-1.99-1.88-3.94-2.93-5.88c4-5.09%206.75-7.81%206.83-7.88c.63-.61.65-1.62.03-2.26c-.61-.64-1.62-.65-2.25-.04c-.07.07-2.61%202.58-6.31%207.2c-.88-1.48-1.82-2.96-2.83-4.46c-.42-.62-1.27-.79-1.89-.36c-.63.42-.79%201.27-.37%201.89a88%2088%200%200%201%203.28%205.26a146%20146%200%200%200-8.76%2012.83c-2.84-5.4-5.49-9.43-7.54-12.21c1.41-1.66%202.27-2.51%202.31-2.54c.63-.61.64-1.62.03-2.26c-.61-.63-1.63-.64-2.26-.03c-.11.12-.88.88-2.07%202.24c-1.12-1.35-1.84-2.11-1.95-2.22c-.62-.62-1.63-.63-2.25-.01s-.63%201.63-.01%202.26c.03.03.82.85%202.12%202.49c-1.94%202.44-4.43%205.81-7.15%2010.2c-3.29-6.22-6.29-10.91-8.37-13.9c.45-.7.87-1.4%201.35-2.11c.42-.62.25-1.47-.37-1.89s-1.47-.26-1.89.36c-.28.42-.53.84-.8%201.25c-.64-.86-1.06-1.39-1.16-1.5c-.57-.68-1.57-.78-2.24-.22a1.59%201.59%200%200%200-.23%202.24c.03.04.69.87%201.77%202.38c-1.8%202.97-3.34%205.93-4.74%208.99c-5.23-12.53-10.82-19.7-11.21-20.19a1.59%201.59%200%200%200-2.24-.25c-.69.55-.8%201.55-.25%202.24c.16.2%2015.84%2020.26%2019.16%2052.57c.04.44.26.8.57%201.06c1.01%201.44%203.36%202.45%206.21%203.15c.22.11.45.19.71.19c.01%200%20.04-.01.06-.01c2.83.62%206.07.96%209%201.1c.15.04.29.07.44.07c.09%200%20.17-.03.26-.04a67%2067%200%200%200%205.42-.01c.09.02.17.04.27.04c.14%200%20.29-.02.43-.06c.01%200%20.02-.02.04-.02c2.89-.15%206.07-.48%208.87-1.09c.01%200%20.03.01.05.01c.26%200%20.49-.08.72-.19c2.86-.7%205.2-1.71%206.21-3.15c.32-.26.54-.62.58-1.06c3.33-32.31%2019-52.37%2019.17-52.57c.51-.67.4-1.68-.29-2.23M79.01%2084.45c1.23%202.31%202.33%204.66%203.33%207.08c-1.16%203.07-2.27%206.43-3.27%2010.03c-1.34%202.56-2.59%205.17-3.78%207.81c-1.66-4.4-3.36-8.29-5.04-11.74c3.09-5.22%206.12-9.65%208.76-13.18m-16.35%2040.06c-.7-2.45-1.44-4.8-2.2-7.09a151%20151%200%200%201%207.84-16.4c1.73%203.69%203.46%207.89%205.12%2012.6c-1.37%203.3-2.64%206.65-3.78%2010.02c-1.88.4-4.23.71-6.98.87m-3.75-39.87c2.11%202.95%204.83%207.22%207.7%2012.9c-2.62%204.57-5.25%209.69-7.72%2015.35c-2.38-6.56-4.93-12.38-7.4-17.34c2.8-4.65%205.38-8.3%207.42-10.91m-11.6%2039.02c-1.17-4.1-2.52-8.14-4.01-12.15c2.07-4.73%204.18-8.92%206.23-12.58c2.56%205.3%205.16%2011.46%207.54%2018.41c-.92%202.32-1.81%204.71-2.65%207.19c-2.81-.17-5.19-.48-7.11-.87m-7.76-42.37c2.15%203.22%205.09%207.99%208.26%2014.15c-2%203.44-4.07%207.38-6.13%2011.84c-1.9-4.74-4.03-9.45-6.45-14.2c-.04-.07-.1-.12-.15-.19c-.19-.52-.38-1.04-.56-1.55a82%2082%200%200%201%205.03-10.05m2.12%2040.22c-.17-1.59-.39-3.13-.6-4.66c.14-.34.27-.66.41-.99c.79%202.26%201.51%204.53%202.19%206.82c-1.11-.41-1.81-.83-2-1.17m16.08%203.12c.3-.83.59-1.66.88-2.47c.25.81.49%201.64.73%202.47c-.3%200-.6.01-.91.01c-.23%200-.46-.01-.7-.01m15.64-2.01c.51-1.44%201.04-2.88%201.59-4.31c.16.5.32.98.48%201.49c-.07.57-.15%201.11-.21%201.69c-.18.34-.81.73-1.86%201.13%22%2F%3E%3Cpath%20d%3D%22M29.99%2081.13c-.05-.19-.08-.38-.14-.57c-.07-.19-.15-.36-.2-.55c-.09-.36-.17-.73-.16-1.11c.04-.81.65-1.03%201.37-.86c1.19.27%206.05%202.78%206.66.63c.3-1.07-1.21-1.21-1.86-1.4c-.73-.22-1.36-.39-2.13-.46c-1.57-.13-3.01-.95-4.48-1.45c-.36-.12-3.04-1.09-2.85%200c.05.26.18.47.2.74c.04.38.11.75.28%201.1c.43.9%201.1%201.63%201.61%202.47s.5%202.02%201.43%202.57c.21.12.45.19.52-.06c.07-.24-.08-.58-.16-.79c-.04-.09-.07-.18-.09-.26%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23f79329%22%20d%3D%22M58.46%2044.8c-22.85%200-41.37%208.48-41.37%2018.95c0%2010.46%2018.53%2018.95%2041.37%2018.95c22.86%200%2041.37-8.49%2041.37-18.95c0-10.47-18.52-18.95-41.37-18.95m0%2030.25c-17.55%200-31.79-5.33-31.79-11.9s14.23-11.9%2031.79-11.9s31.79%205.33%2031.79%2011.9s-14.23%2011.9-31.79%2011.9%22%2F%3E%3Cdefs%3E%3Cellipse%20id%3D%22SVGeN2TIKkD%22%20cx%3D%2279.66%22%20cy%3D%2236.45%22%20rx%3D%2237.25%22%20ry%3D%2236.18%22%2F%3E%3C%2Fdefs%3E%3Cuse%20fill%3D%22%23ed6c30%22%20href%3D%22%23SVGeN2TIKkD%22%2F%3E%3CclipPath%20id%3D%22SVGZRhsteek%22%3E%3Cuse%20href%3D%22%23SVGeN2TIKkD%22%2F%3E%3C%2FclipPath%3E%3Cg%20fill%3D%22%23f79329%22%20clip-path%3D%22url(%23SVGZRhsteek)%22%3E%3Cpath%20d%3D%22M71.89%2074.64S50.16%2051.33%2058.7%2017.62c3.55-14%2014.99-18.1%2014.99-18.1h7.89s-15.65%202.99-18.9%2020.37c-5.97%2031.86%2020.93%2055.64%2020.93%2055.64z%22%2F%3E%3Cpath%20d%3D%22M55.1%207.42s-.79%206.19%207.46%206.19c17.34%200%2027.02-11.28%2040.9-7.73l-7.23-3.62s-4.16-.79-7.78.37s-16.41%207.76-24.43%207.89c-8.54.13-5.12-5.82-5.12-5.82zM41.13%2047.69s3.21-19.26%2017.92-20.84c12.39-1.33%2021.17%204.5%2029.59%2010.59c15.17%2010.98%2022.31%2024.93%2022.31%2024.93l-5.2%207.76s-3.99-12.51-21.54-28.86c-6.61-6.15-15.72-10.99-25.15-10.08c-14.83%201.44-12.85%2026.5-12.85%2026.5z%22%2F%3E%3Cpath%20d%3D%22M39.82%2025.8s5.6-7.35%2020.8-8.67c35.51-3.06%2059.98%2022.18%2059.98%2022.18l1.9%2012.02S94.6%2018.38%2060.35%2021.01C43.8%2022.28%2039.81%2032.42%2039.81%2032.42V25.8z%22%2F%3E%3C%2Fg%3E%3Cellipse%20cx%3D%2279.66%22%20cy%3D%2236.45%22%20fill%3D%22none%22%20rx%3D%2237.25%22%20ry%3D%2236.18%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%3Cg%20fill%3D%22%2378a3ad%22%3E%3Cpath%20d%3D%22M86.26%2078.5c.81.17%201.31.76.79%202.09c-.19.5-.51%201.05-.58%201.58c.34-.05.49-.25.71-.49c.31-.33.67-.61.98-.94c.68-.7%201.44-1.6%201.82-2.5c.14-.32.23-.64.4-.95c.25-.44.61-.9.44-1.44c-.22-.7-1.35-.53-2-.53s-1.38-.1-2%20.13c-.77.28-1.58.72-2.29%201.16c-.58.38-1.35.64-1.78%201.22c-.16.23-.15.44-.05.69c.1.24.05.47.1.75c.33.02.64-.36.95-.47c.75-.28%201.76-.46%202.51-.3%22%2F%3E%3Cpath%20d%3D%22M97.28%2067.34a1.6%201.6%200%200%200-2.24.25c-.39.49-6.02%207.73-11.29%2020.37c-.9-1.99-1.88-3.94-2.93-5.88c4-5.09%206.75-7.81%206.83-7.88c.63-.61.65-1.62.03-2.26c-.61-.64-1.62-.65-2.25-.04c-.07.07-2.61%202.58-6.31%207.2c-.88-1.48-1.82-2.96-2.83-4.46c-.42-.62-1.27-.79-1.89-.36c-.63.42-.79%201.27-.37%201.89a88%2088%200%200%201%203.28%205.26a146%20146%200%200%200-8.76%2012.83c-2.84-5.4-5.49-9.43-7.54-12.21c1.41-1.66%202.27-2.51%202.31-2.54c.63-.61.64-1.62.03-2.26c-.61-.63-1.63-.64-2.26-.03c-.11.12-.88.88-2.07%202.24c-1.12-1.35-1.84-2.11-1.95-2.22c-.62-.62-1.63-.63-2.25-.01s-.63%201.63-.01%202.26c.03.03.82.85%202.12%202.49c-1.94%202.44-4.43%205.81-7.15%2010.2c-3.29-6.22-6.29-10.91-8.37-13.9c.45-.7.87-1.4%201.35-2.11c.42-.62.25-1.47-.37-1.89s-1.47-.26-1.89.36c-.28.42-.53.84-.8%201.25c-.64-.86-1.06-1.39-1.16-1.5c-.57-.68-1.57-.78-2.24-.22a1.59%201.59%200%200%200-.23%202.24c.03.04.69.87%201.77%202.38c-1.8%202.97-3.34%205.93-4.74%208.99c-5.23-12.53-10.82-19.7-11.21-20.19a1.59%201.59%200%200%200-2.24-.25c-.69.55-.8%201.55-.25%202.24c.16.2%2015.84%2020.26%2019.16%2052.57c.04.44.26.8.57%201.06c1.01%201.44%203.36%202.45%206.21%203.15c.22.11.45.19.71.19c.01%200%20.04-.01.06-.01c2.83.62%206.07.96%209%201.1c.15.04.29.07.44.07c.09%200%20.17-.03.26-.04a67%2067%200%200%200%205.42-.01c.09.02.17.04.27.04c.14%200%20.29-.02.43-.06c.01%200%20.02-.02.04-.02c2.89-.15%206.07-.48%208.87-1.09c.01%200%20.03.01.05.01c.26%200%20.49-.08.72-.19c2.86-.7%205.2-1.71%206.21-3.15c.32-.26.54-.62.58-1.06c3.33-32.31%2019-52.37%2019.17-52.57c.51-.67.4-1.68-.29-2.23M79.01%2084.45c1.23%202.31%202.33%204.66%203.33%207.08c-1.16%203.07-2.27%206.43-3.27%2010.03c-1.34%202.56-2.59%205.17-3.78%207.81c-1.66-4.4-3.36-8.29-5.04-11.74c3.09-5.22%206.12-9.65%208.76-13.18m-16.35%2040.06c-.7-2.45-1.44-4.8-2.2-7.09a151%20151%200%200%201%207.84-16.4c1.73%203.69%203.46%207.89%205.12%2012.6c-1.37%203.3-2.64%206.65-3.78%2010.02c-1.88.4-4.23.71-6.98.87m-3.75-39.87c2.11%202.95%204.83%207.22%207.7%2012.9c-2.62%204.57-5.25%209.69-7.72%2015.35c-2.38-6.56-4.93-12.38-7.4-17.34c2.8-4.65%205.38-8.3%207.42-10.91m-11.6%2039.02c-1.17-4.1-2.52-8.14-4.01-12.15c2.07-4.73%204.18-8.92%206.23-12.58c2.56%205.3%205.16%2011.46%207.54%2018.41c-.92%202.32-1.81%204.71-2.65%207.19c-2.81-.17-5.19-.48-7.11-.87m-7.76-42.37c2.15%203.22%205.09%207.99%208.26%2014.15c-2%203.44-4.07%207.38-6.13%2011.84c-1.9-4.74-4.03-9.45-6.45-14.2c-.04-.07-.1-.12-.15-.19c-.19-.52-.38-1.04-.56-1.55a82%2082%200%200%201%205.03-10.05m2.12%2040.22c-.17-1.59-.39-3.13-.6-4.66c.14-.34.27-.66.41-.99c.79%202.26%201.51%204.53%202.19%206.82c-1.11-.41-1.81-.83-2-1.17m16.08%203.12c.3-.83.59-1.66.88-2.47c.25.81.49%201.64.73%202.47c-.3%200-.6.01-.91.01c-.23%200-.46-.01-.7-.01m15.64-2.01c.51-1.44%201.04-2.88%201.59-4.31c.16.5.32.98.48%201.49c-.07.57-.15%201.11-.21%201.69c-.18.34-.81.73-1.86%201.13%22%2F%3E%3Cpath%20d%3D%22M29.99%2081.13c-.05-.19-.08-.38-.14-.57c-.07-.19-.15-.36-.2-.55c-.09-.36-.17-.73-.16-1.11c.04-.81.65-1.03%201.37-.86c1.19.27%206.05%202.78%206.66.63c.3-1.07-1.21-1.21-1.86-1.4c-.73-.22-1.36-.39-2.13-.46c-1.57-.13-3.01-.95-4.48-1.45c-.36-.12-3.04-1.09-2.85%200c.05.26.18.47.2.74c.04.38.11.75.28%201.1c.43.9%201.1%201.63%201.61%202.47s.5%202.02%201.43%202.57c.21.12.45.19.52-.06c.07-.24-.08-.58-.16-.79c-.04-.09-.07-.18-.09-.26%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23f79329%22%20d%3D%22M58.46%2044.8c-22.85%200-41.37%208.48-41.37%2018.95c0%2010.46%2018.53%2018.95%2041.37%2018.95c22.86%200%2041.37-8.49%2041.37-18.95c0-10.47-18.52-18.95-41.37-18.95m0%2030.25c-17.55%200-31.79-5.33-31.79-11.9s14.23-11.9%2031.79-11.9s31.79%205.33%2031.79%2011.9s-14.23%2011.9-31.79%2011.9%22%2F%3E%3Cdefs%3E%3Cellipse%20id%3D%22SVGeN2TIKkD%22%20cx%3D%2279.66%22%20cy%3D%2236.45%22%20rx%3D%2237.25%22%20ry%3D%2236.18%22%2F%3E%3C%2Fdefs%3E%3Cuse%20fill%3D%22%23ed6c30%22%20href%3D%22%23SVGeN2TIKkD%22%2F%3E%3CclipPath%20id%3D%22SVGZRhsteek%22%3E%3Cuse%20href%3D%22%23SVGeN2TIKkD%22%2F%3E%3C%2FclipPath%3E%3Cg%20fill%3D%22%23f79329%22%20clip-path%3D%22url(%23SVGZRhsteek)%22%3E%3Cpath%20d%3D%22M71.89%2074.64S50.16%2051.33%2058.7%2017.62c3.55-14%2014.99-18.1%2014.99-18.1h7.89s-15.65%202.99-18.9%2020.37c-5.97%2031.86%2020.93%2055.64%2020.93%2055.64z%22%2F%3E%3Cpath%20d%3D%22M55.1%207.42s-.79%206.19%207.46%206.19c17.34%200%2027.02-11.28%2040.9-7.73l-7.23-3.62s-4.16-.79-7.78.37s-16.41%207.76-24.43%207.89c-8.54.13-5.12-5.82-5.12-5.82zM41.13%2047.69s3.21-19.26%2017.92-20.84c12.39-1.33%2021.17%204.5%2029.59%2010.59c15.17%2010.98%2022.31%2024.93%2022.31%2024.93l-5.2%207.76s-3.99-12.51-21.54-28.86c-6.61-6.15-15.72-10.99-25.15-10.08c-14.83%201.44-12.85%2026.5-12.85%2026.5z%22%2F%3E%3Cpath%20d%3D%22M39.82%2025.8s5.6-7.35%2020.8-8.67c35.51-3.06%2059.98%2022.18%2059.98%2022.18l1.9%2012.02S94.6%2018.38%2060.35%2021.01C43.8%2022.28%2039.81%2032.42%2039.81%2032.42V25.8z%22%2F%3E%3C%2Fg%3E%3Cellipse%20cx%3D%2279.66%22%20cy%3D%2236.45%22%20fill%3D%22none%22%20rx%3D%2237.25%22%20ry%3D%2236.18%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 basketball 加一点动效

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

basketball 呼吸动效演示

呼吸

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

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

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

旋转

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

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

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

SVG 健康报告

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

文件体积

4.51 KB

4,614 字节

viewBox

0 0 128 128

矢量坐标系

图元总数

9

<path> ×7

风格

多色填充

填充跟随容器颜色

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

常见问题

关于 basketball 图标的下载、商用与改色。

basketball 图标是什么?▾

它是 Noto Emoji (v1)(noto-v1)开源图标集中的 basketball 图标,多色填充,viewBox 为 0 0 128 128,文件仅 4.51 KB,矢量格式可无损缩放到任意尺寸。

如何下载 basketball 图标?▾

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

basketball 图标可以商用吗?▾

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

如何修改 basketball 图标的颜色?▾

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