下载 baseball 图标
SVG 矢量源文件,或 PNG 按 16~512 预设与 16~1024 自定义尺寸导出,任意尺寸边缘锐利。
PNG 由矢量源实时渲染,任意尺寸边缘锐利无锯齿;下载与预览均免费,无需注册。
baseball 的预览与使用场景
切换预览颜色后,下方三底色、真实界面场景与各尺寸渲染会实时跟随。
在真实界面里长这样
各尺寸下的可读性
复制 baseball 图标代码
内联 SVG、React、Vue 与 CSS mask 四种主流引用方式,代码基于当前源文件生成,复制即用。
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#d7ccc6" d="m77.01 40.42l-57.2 61.21s18.24 21.91 47.37 20.59c20.04-.91 32.06-8.38 41.9-19.68c12.02-13.81 14.73-34.07 14.03-43.36c-.91-12.02-9.11-27.69-15.49-32.43S77.01 40.42 77.01 40.42"/><path fill="#f1edec" d="M25.09 20.93C6.13 37.8-6.4 76.1 19.81 101.63c14.03 13.66 59.93 14.35 81.79-14.25c10.27-13.43 18.51-34.44 12.94-51.15c-2.19-6.56-8.07-11.27-13.3-15.67C76.1-.57 48.23.34 25.09 20.93"/><path fill="#979892" d="m69.67 124.09l-3.89-.32c.08-.37 8.18-36.77-15.5-60.63c-10.52-10.6-20.21-15.5-28.81-14.55c-8.96.98-14.92 9.28-14.96 9.36l-1.84-3.73c.23-.36 5.51-8.41 16.37-9.6c9.88-1.07 20.67 4.21 32.09 15.71c25.24 25.45 16.9 62.18 16.54 63.76M122 60.81c-.27-.18-26.56-18.79-40.13-30.37C69.67 20.04 53.5 5.51 53.35 5.36l2.81-1.76c.15.14 15.72 13.95 27.88 24.32c13.45 11.47 38.66 29.54 38.93 29.72z"/><path fill="#ed520a" d="M68.35 16.25c-.5.53-1.79 4.39-2.29 6.54c-.29 1.23-.11 3.14 1.43 3.39c1.72.29 2.37-.7 2.9-2.17s1.47-4.13 1.47-4.13s2.74-.91 4.09-1.31c1.8-.53 2.33-1.27 2.37-2.21s-.94-2.7-3.97-2c-1.87.44-5.27 1.11-6 1.89m-8.84-7.46c-.43.35-2.49 5.36-2.82 5.99c-.34.63-.55 2.24.63 2.92s2.47-.49 2.92-1.49c.44-1 1.73-3.97 1.73-3.97s3.15-.17 4.28-.33c1.38-.19 2.43-.57 2.35-2.16s-2.65-1.47-5.3-1.3c-1.67.1-3.5.1-3.79.34m-6.17-5.78c-.72.33-3.52 3.19-3.89 3.68s-.65 1.55.29 2.29s2.25.12 2.94-.37c.7-.49 2-2.09 2-2.09s2.7.04 3.48.08s1.8-.57 1.8-1.8s-1.43-1.72-2.62-1.76c-1.18-.03-3.55-.24-4-.03m26.32 22.65c-.66.52-2.28 6.33-2.62 7.5s-.89 3.67.84 4.21c1.82.57 3.04-.24 3.58-2.3c.5-1.9 1.64-5.87 1.64-5.87s4.37-1.61 5.33-1.98s2.07-1.59 1.4-3.09s-2.58-1.31-3.52-.97c.01.01-6.01 2-6.65 2.5m11.28 9.68c-.46.6-2 5.97-2.25 7.08c-.25 1.1-.24 2.86 1.51 3.31c1.43.37 2.58-.37 2.9-1.72c.54-2.24 1.72-5.48 1.72-5.48s3.11-1.76 4.29-2.37c1.19-.61 1.72-2.29.98-3.48s-2.41-1.02-4.05-.45c-1.63.58-4.69 2.58-5.1 3.11m11.19 8.44c-.58.87-.74 6.01-.74 6.79s.57 2.82 2.41 2.82c1.64 0 2.33-1.76 2.33-2.66s.2-4.38.2-4.38s2.11-1.12 2.86-1.64c1.02-.7 2.17-2 1.43-3.39s-2.7-.98-3.97-.45c-.89.39-4.11 2.3-4.52 2.91m10.24 8.31c-.36.87-.38 5.72-.3 7.03s1.19 2.45 2.62 2.41s2.09-1.39 2.04-2.45s.08-4.54.08-4.54s1.9-1.32 2.41-1.68c.78-.53.94-1.8.25-2.78c-.7-.98-2.13-1.27-3.48-.49s-3.48 2.15-3.62 2.5m7.59 5.43c-.65 1.12-.04 6.22-.04 6.71s.16 2.17 1.84 2.17c1.47 0 1.96-.9 2-1.72s-.08-5.44-.08-5.44s1.43-.45.82-2.33c-.61-1.87-3.86-.55-4.54.61m-57.32 63.89c-.56.99-.44 2.29 1.67 3.35c2.12 1.06 2.55 1.12 3 1.15c.79.04 2.6-.57 3.79-1.23c.95-.53 2.12-1.32 1.28-2.86c-.78-1.44-5.02.26-5.02.26s-3.75-2.38-4.72-.67m-.27-9.03c-1.17 1.08-.4 2.69 1.98 4.23c2.12 1.37 3.31 2.38 4.23 2.38s4.39-1.75 5.29-2.25c1.37-.75 1.81-2.25.75-3.31s-2.56.04-3.31.44s-2.47 1.23-2.47 1.23s-2.25-1.63-3-2.16s-2.32-1.62-3.47-.56m-1.14-11.08c-.96 1.44-.4 2.95 1.89 4.23s5.16 2.42 6.08 2.56s4.54-3 5.24-3.66s2.64-2.73 1.41-4.14c-1.47-1.68-3.04-.4-4.45.57c-1.08.74-2.34 1.67-2.34 1.67s-2.42-.66-3.83-1.32c-1.4-.66-3.12-1.23-4 .09m5.71-11.75s2.51-2.6 3.44-3.48s2.51-1.76 3.7-.35s-.04 3.53-1.15 4.54s-3.92 4.32-4.72 4.45s-6.65-.93-8.33-1.81c-.99-.52-2.56-1.5-1.67-3.48c.73-1.64 2.38-1.45 3.61-1.19s5.12 1.32 5.12 1.32m-5.98-14.14s2.12-4.32 2.82-5.86c.71-1.54 1.59-2.95 3.57-2.25s1.38 2.57.71 4.36c-.79 2.12-3 7.71-3.97 8.2c-1.18.59-7.4.79-9.56.75c-.97-.02-2.07-.71-2.03-2.03s.86-2.24 3-2.6c1.32-.22 5.46-.57 5.46-.57m-9.78-14.28c-.22.13-4.77 1.96-5.91 2.29c-1.67.48-2.25 2.16-1.89 3.35s1.98 1.81 3.88 1.23c1.89-.57 7.62-2.03 8.15-2.86s1.41-6.74 1.59-8.28s.22-3.48-1.81-3.79s-2.86 1.06-3.04 2.51c-.11.89-.97 5.55-.97 5.55m-12.26-9.89s.35-4.01.48-5.2s.57-2.78 2.64-2.64s1.85 2.82 1.85 4.54s-.4 6.21-.66 6.43s-3.04 2.38-4.49 3.35s-3.79 1.62-4.67.3s.4-3.38 1.81-4.44s3.04-2.34 3.04-2.34M26.25 37.75c-2.04.51-1.94 2.64-1.32 4.8s.97 3.92.97 3.92s-1.45 2.25-2.07 3.04s-2.56 3.13-.53 4.8s4.01-1.28 4.76-2.16c.73-.85 3.13-4.05 3.13-4.49c0-1.28-1.32-5.99-1.63-7.01s-1.02-3.47-3.31-2.9m-14.64 3.37c-.91.62-1.37 2.51-.22 4.14c.94 1.34 1.63 2.73 1.63 2.73s-1.23 3.57-1.72 4.72s-1.06 3.66.97 4.45s3.44-1.41 3.97-3.04s1.94-5.29 1.98-6.39c.03-.73-1.89-4.32-2.73-5.55s-2.51-1.98-3.88-1.06M8.26 53.68c.23 1.05-.35 4.01-.93 6.52c-.17.74-.42 2.4-2.51 1.89c-1.81-.44-1.06-2.73-.84-3.88c.13-.68.66-2.86.66-2.86s-.96-.52-.93-1.63c.04-1.45.79-1.94 1.98-2.03s2.39 1.2 2.57 1.99"/></svg>export function BaseballIcon(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="#d7ccc6" d="m77.01 40.42l-57.2 61.21s18.24 21.91 47.37 20.59c20.04-.91 32.06-8.38 41.9-19.68c12.02-13.81 14.73-34.07 14.03-43.36c-.91-12.02-9.11-27.69-15.49-32.43S77.01 40.42 77.01 40.42"/><path fill="#f1edec" d="M25.09 20.93C6.13 37.8-6.4 76.1 19.81 101.63c14.03 13.66 59.93 14.35 81.79-14.25c10.27-13.43 18.51-34.44 12.94-51.15c-2.19-6.56-8.07-11.27-13.3-15.67C76.1-.57 48.23.34 25.09 20.93"/><path fill="#979892" d="m69.67 124.09l-3.89-.32c.08-.37 8.18-36.77-15.5-60.63c-10.52-10.6-20.21-15.5-28.81-14.55c-8.96.98-14.92 9.28-14.96 9.36l-1.84-3.73c.23-.36 5.51-8.41 16.37-9.6c9.88-1.07 20.67 4.21 32.09 15.71c25.24 25.45 16.9 62.18 16.54 63.76M122 60.81c-.27-.18-26.56-18.79-40.13-30.37C69.67 20.04 53.5 5.51 53.35 5.36l2.81-1.76c.15.14 15.72 13.95 27.88 24.32c13.45 11.47 38.66 29.54 38.93 29.72z"/><path fill="#ed520a" d="M68.35 16.25c-.5.53-1.79 4.39-2.29 6.54c-.29 1.23-.11 3.14 1.43 3.39c1.72.29 2.37-.7 2.9-2.17s1.47-4.13 1.47-4.13s2.74-.91 4.09-1.31c1.8-.53 2.33-1.27 2.37-2.21s-.94-2.7-3.97-2c-1.87.44-5.27 1.11-6 1.89m-8.84-7.46c-.43.35-2.49 5.36-2.82 5.99c-.34.63-.55 2.24.63 2.92s2.47-.49 2.92-1.49c.44-1 1.73-3.97 1.73-3.97s3.15-.17 4.28-.33c1.38-.19 2.43-.57 2.35-2.16s-2.65-1.47-5.3-1.3c-1.67.1-3.5.1-3.79.34m-6.17-5.78c-.72.33-3.52 3.19-3.89 3.68s-.65 1.55.29 2.29s2.25.12 2.94-.37c.7-.49 2-2.09 2-2.09s2.7.04 3.48.08s1.8-.57 1.8-1.8s-1.43-1.72-2.62-1.76c-1.18-.03-3.55-.24-4-.03m26.32 22.65c-.66.52-2.28 6.33-2.62 7.5s-.89 3.67.84 4.21c1.82.57 3.04-.24 3.58-2.3c.5-1.9 1.64-5.87 1.64-5.87s4.37-1.61 5.33-1.98s2.07-1.59 1.4-3.09s-2.58-1.31-3.52-.97c.01.01-6.01 2-6.65 2.5m11.28 9.68c-.46.6-2 5.97-2.25 7.08c-.25 1.1-.24 2.86 1.51 3.31c1.43.37 2.58-.37 2.9-1.72c.54-2.24 1.72-5.48 1.72-5.48s3.11-1.76 4.29-2.37c1.19-.61 1.72-2.29.98-3.48s-2.41-1.02-4.05-.45c-1.63.58-4.69 2.58-5.1 3.11m11.19 8.44c-.58.87-.74 6.01-.74 6.79s.57 2.82 2.41 2.82c1.64 0 2.33-1.76 2.33-2.66s.2-4.38.2-4.38s2.11-1.12 2.86-1.64c1.02-.7 2.17-2 1.43-3.39s-2.7-.98-3.97-.45c-.89.39-4.11 2.3-4.52 2.91m10.24 8.31c-.36.87-.38 5.72-.3 7.03s1.19 2.45 2.62 2.41s2.09-1.39 2.04-2.45s.08-4.54.08-4.54s1.9-1.32 2.41-1.68c.78-.53.94-1.8.25-2.78c-.7-.98-2.13-1.27-3.48-.49s-3.48 2.15-3.62 2.5m7.59 5.43c-.65 1.12-.04 6.22-.04 6.71s.16 2.17 1.84 2.17c1.47 0 1.96-.9 2-1.72s-.08-5.44-.08-5.44s1.43-.45.82-2.33c-.61-1.87-3.86-.55-4.54.61m-57.32 63.89c-.56.99-.44 2.29 1.67 3.35c2.12 1.06 2.55 1.12 3 1.15c.79.04 2.6-.57 3.79-1.23c.95-.53 2.12-1.32 1.28-2.86c-.78-1.44-5.02.26-5.02.26s-3.75-2.38-4.72-.67m-.27-9.03c-1.17 1.08-.4 2.69 1.98 4.23c2.12 1.37 3.31 2.38 4.23 2.38s4.39-1.75 5.29-2.25c1.37-.75 1.81-2.25.75-3.31s-2.56.04-3.31.44s-2.47 1.23-2.47 1.23s-2.25-1.63-3-2.16s-2.32-1.62-3.47-.56m-1.14-11.08c-.96 1.44-.4 2.95 1.89 4.23s5.16 2.42 6.08 2.56s4.54-3 5.24-3.66s2.64-2.73 1.41-4.14c-1.47-1.68-3.04-.4-4.45.57c-1.08.74-2.34 1.67-2.34 1.67s-2.42-.66-3.83-1.32c-1.4-.66-3.12-1.23-4 .09m5.71-11.75s2.51-2.6 3.44-3.48s2.51-1.76 3.7-.35s-.04 3.53-1.15 4.54s-3.92 4.32-4.72 4.45s-6.65-.93-8.33-1.81c-.99-.52-2.56-1.5-1.67-3.48c.73-1.64 2.38-1.45 3.61-1.19s5.12 1.32 5.12 1.32m-5.98-14.14s2.12-4.32 2.82-5.86c.71-1.54 1.59-2.95 3.57-2.25s1.38 2.57.71 4.36c-.79 2.12-3 7.71-3.97 8.2c-1.18.59-7.4.79-9.56.75c-.97-.02-2.07-.71-2.03-2.03s.86-2.24 3-2.6c1.32-.22 5.46-.57 5.46-.57m-9.78-14.28c-.22.13-4.77 1.96-5.91 2.29c-1.67.48-2.25 2.16-1.89 3.35s1.98 1.81 3.88 1.23c1.89-.57 7.62-2.03 8.15-2.86s1.41-6.74 1.59-8.28s.22-3.48-1.81-3.79s-2.86 1.06-3.04 2.51c-.11.89-.97 5.55-.97 5.55m-12.26-9.89s.35-4.01.48-5.2s.57-2.78 2.64-2.64s1.85 2.82 1.85 4.54s-.4 6.21-.66 6.43s-3.04 2.38-4.49 3.35s-3.79 1.62-4.67.3s.4-3.38 1.81-4.44s3.04-2.34 3.04-2.34M26.25 37.75c-2.04.51-1.94 2.64-1.32 4.8s.97 3.92.97 3.92s-1.45 2.25-2.07 3.04s-2.56 3.13-.53 4.8s4.01-1.28 4.76-2.16c.73-.85 3.13-4.05 3.13-4.49c0-1.28-1.32-5.99-1.63-7.01s-1.02-3.47-3.31-2.9m-14.64 3.37c-.91.62-1.37 2.51-.22 4.14c.94 1.34 1.63 2.73 1.63 2.73s-1.23 3.57-1.72 4.72s-1.06 3.66.97 4.45s3.44-1.41 3.97-3.04s1.94-5.29 1.98-6.39c.03-.73-1.89-4.32-2.73-5.55s-2.51-1.98-3.88-1.06M8.26 53.68c.23 1.05-.35 4.01-.93 6.52c-.17.74-.42 2.4-2.51 1.89c-1.81-.44-1.06-2.73-.84-3.88c.13-.68.66-2.86.66-2.86s-.96-.52-.93-1.63c.04-1.45.79-1.94 1.98-2.03s2.39 1.2 2.57 1.99"/>` }}
/>
);
}<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="#d7ccc6" d="m77.01 40.42l-57.2 61.21s18.24 21.91 47.37 20.59c20.04-.91 32.06-8.38 41.9-19.68c12.02-13.81 14.73-34.07 14.03-43.36c-.91-12.02-9.11-27.69-15.49-32.43S77.01 40.42 77.01 40.42"/><path fill="#f1edec" d="M25.09 20.93C6.13 37.8-6.4 76.1 19.81 101.63c14.03 13.66 59.93 14.35 81.79-14.25c10.27-13.43 18.51-34.44 12.94-51.15c-2.19-6.56-8.07-11.27-13.3-15.67C76.1-.57 48.23.34 25.09 20.93"/><path fill="#979892" d="m69.67 124.09l-3.89-.32c.08-.37 8.18-36.77-15.5-60.63c-10.52-10.6-20.21-15.5-28.81-14.55c-8.96.98-14.92 9.28-14.96 9.36l-1.84-3.73c.23-.36 5.51-8.41 16.37-9.6c9.88-1.07 20.67 4.21 32.09 15.71c25.24 25.45 16.9 62.18 16.54 63.76M122 60.81c-.27-.18-26.56-18.79-40.13-30.37C69.67 20.04 53.5 5.51 53.35 5.36l2.81-1.76c.15.14 15.72 13.95 27.88 24.32c13.45 11.47 38.66 29.54 38.93 29.72z"/><path fill="#ed520a" d="M68.35 16.25c-.5.53-1.79 4.39-2.29 6.54c-.29 1.23-.11 3.14 1.43 3.39c1.72.29 2.37-.7 2.9-2.17s1.47-4.13 1.47-4.13s2.74-.91 4.09-1.31c1.8-.53 2.33-1.27 2.37-2.21s-.94-2.7-3.97-2c-1.87.44-5.27 1.11-6 1.89m-8.84-7.46c-.43.35-2.49 5.36-2.82 5.99c-.34.63-.55 2.24.63 2.92s2.47-.49 2.92-1.49c.44-1 1.73-3.97 1.73-3.97s3.15-.17 4.28-.33c1.38-.19 2.43-.57 2.35-2.16s-2.65-1.47-5.3-1.3c-1.67.1-3.5.1-3.79.34m-6.17-5.78c-.72.33-3.52 3.19-3.89 3.68s-.65 1.55.29 2.29s2.25.12 2.94-.37c.7-.49 2-2.09 2-2.09s2.7.04 3.48.08s1.8-.57 1.8-1.8s-1.43-1.72-2.62-1.76c-1.18-.03-3.55-.24-4-.03m26.32 22.65c-.66.52-2.28 6.33-2.62 7.5s-.89 3.67.84 4.21c1.82.57 3.04-.24 3.58-2.3c.5-1.9 1.64-5.87 1.64-5.87s4.37-1.61 5.33-1.98s2.07-1.59 1.4-3.09s-2.58-1.31-3.52-.97c.01.01-6.01 2-6.65 2.5m11.28 9.68c-.46.6-2 5.97-2.25 7.08c-.25 1.1-.24 2.86 1.51 3.31c1.43.37 2.58-.37 2.9-1.72c.54-2.24 1.72-5.48 1.72-5.48s3.11-1.76 4.29-2.37c1.19-.61 1.72-2.29.98-3.48s-2.41-1.02-4.05-.45c-1.63.58-4.69 2.58-5.1 3.11m11.19 8.44c-.58.87-.74 6.01-.74 6.79s.57 2.82 2.41 2.82c1.64 0 2.33-1.76 2.33-2.66s.2-4.38.2-4.38s2.11-1.12 2.86-1.64c1.02-.7 2.17-2 1.43-3.39s-2.7-.98-3.97-.45c-.89.39-4.11 2.3-4.52 2.91m10.24 8.31c-.36.87-.38 5.72-.3 7.03s1.19 2.45 2.62 2.41s2.09-1.39 2.04-2.45s.08-4.54.08-4.54s1.9-1.32 2.41-1.68c.78-.53.94-1.8.25-2.78c-.7-.98-2.13-1.27-3.48-.49s-3.48 2.15-3.62 2.5m7.59 5.43c-.65 1.12-.04 6.22-.04 6.71s.16 2.17 1.84 2.17c1.47 0 1.96-.9 2-1.72s-.08-5.44-.08-5.44s1.43-.45.82-2.33c-.61-1.87-3.86-.55-4.54.61m-57.32 63.89c-.56.99-.44 2.29 1.67 3.35c2.12 1.06 2.55 1.12 3 1.15c.79.04 2.6-.57 3.79-1.23c.95-.53 2.12-1.32 1.28-2.86c-.78-1.44-5.02.26-5.02.26s-3.75-2.38-4.72-.67m-.27-9.03c-1.17 1.08-.4 2.69 1.98 4.23c2.12 1.37 3.31 2.38 4.23 2.38s4.39-1.75 5.29-2.25c1.37-.75 1.81-2.25.75-3.31s-2.56.04-3.31.44s-2.47 1.23-2.47 1.23s-2.25-1.63-3-2.16s-2.32-1.62-3.47-.56m-1.14-11.08c-.96 1.44-.4 2.95 1.89 4.23s5.16 2.42 6.08 2.56s4.54-3 5.24-3.66s2.64-2.73 1.41-4.14c-1.47-1.68-3.04-.4-4.45.57c-1.08.74-2.34 1.67-2.34 1.67s-2.42-.66-3.83-1.32c-1.4-.66-3.12-1.23-4 .09m5.71-11.75s2.51-2.6 3.44-3.48s2.51-1.76 3.7-.35s-.04 3.53-1.15 4.54s-3.92 4.32-4.72 4.45s-6.65-.93-8.33-1.81c-.99-.52-2.56-1.5-1.67-3.48c.73-1.64 2.38-1.45 3.61-1.19s5.12 1.32 5.12 1.32m-5.98-14.14s2.12-4.32 2.82-5.86c.71-1.54 1.59-2.95 3.57-2.25s1.38 2.57.71 4.36c-.79 2.12-3 7.71-3.97 8.2c-1.18.59-7.4.79-9.56.75c-.97-.02-2.07-.71-2.03-2.03s.86-2.24 3-2.6c1.32-.22 5.46-.57 5.46-.57m-9.78-14.28c-.22.13-4.77 1.96-5.91 2.29c-1.67.48-2.25 2.16-1.89 3.35s1.98 1.81 3.88 1.23c1.89-.57 7.62-2.03 8.15-2.86s1.41-6.74 1.59-8.28s.22-3.48-1.81-3.79s-2.86 1.06-3.04 2.51c-.11.89-.97 5.55-.97 5.55m-12.26-9.89s.35-4.01.48-5.2s.57-2.78 2.64-2.64s1.85 2.82 1.85 4.54s-.4 6.21-.66 6.43s-3.04 2.38-4.49 3.35s-3.79 1.62-4.67.3s.4-3.38 1.81-4.44s3.04-2.34 3.04-2.34M26.25 37.75c-2.04.51-1.94 2.64-1.32 4.8s.97 3.92.97 3.92s-1.45 2.25-2.07 3.04s-2.56 3.13-.53 4.8s4.01-1.28 4.76-2.16c.73-.85 3.13-4.05 3.13-4.49c0-1.28-1.32-5.99-1.63-7.01s-1.02-3.47-3.31-2.9m-14.64 3.37c-.91.62-1.37 2.51-.22 4.14c.94 1.34 1.63 2.73 1.63 2.73s-1.23 3.57-1.72 4.72s-1.06 3.66.97 4.45s3.44-1.41 3.97-3.04s1.94-5.29 1.98-6.39c.03-.73-1.89-4.32-2.73-5.55s-2.51-1.98-3.88-1.06M8.26 53.68c.23 1.05-.35 4.01-.93 6.52c-.17.74-.42 2.4-2.51 1.89c-1.81-.44-1.06-2.73-.84-3.88c.13-.68.66-2.86.66-2.86s-.96-.52-.93-1.63c.04-1.45.79-1.94 1.98-2.03s2.39 1.2 2.57 1.99"/>`;
</script>.baseball {
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%23d7ccc6%22%20d%3D%22m77.01%2040.42l-57.2%2061.21s18.24%2021.91%2047.37%2020.59c20.04-.91%2032.06-8.38%2041.9-19.68c12.02-13.81%2014.73-34.07%2014.03-43.36c-.91-12.02-9.11-27.69-15.49-32.43S77.01%2040.42%2077.01%2040.42%22%2F%3E%3Cpath%20fill%3D%22%23f1edec%22%20d%3D%22M25.09%2020.93C6.13%2037.8-6.4%2076.1%2019.81%20101.63c14.03%2013.66%2059.93%2014.35%2081.79-14.25c10.27-13.43%2018.51-34.44%2012.94-51.15c-2.19-6.56-8.07-11.27-13.3-15.67C76.1-.57%2048.23.34%2025.09%2020.93%22%2F%3E%3Cpath%20fill%3D%22%23979892%22%20d%3D%22m69.67%20124.09l-3.89-.32c.08-.37%208.18-36.77-15.5-60.63c-10.52-10.6-20.21-15.5-28.81-14.55c-8.96.98-14.92%209.28-14.96%209.36l-1.84-3.73c.23-.36%205.51-8.41%2016.37-9.6c9.88-1.07%2020.67%204.21%2032.09%2015.71c25.24%2025.45%2016.9%2062.18%2016.54%2063.76M122%2060.81c-.27-.18-26.56-18.79-40.13-30.37C69.67%2020.04%2053.5%205.51%2053.35%205.36l2.81-1.76c.15.14%2015.72%2013.95%2027.88%2024.32c13.45%2011.47%2038.66%2029.54%2038.93%2029.72z%22%2F%3E%3Cpath%20fill%3D%22%23ed520a%22%20d%3D%22M68.35%2016.25c-.5.53-1.79%204.39-2.29%206.54c-.29%201.23-.11%203.14%201.43%203.39c1.72.29%202.37-.7%202.9-2.17s1.47-4.13%201.47-4.13s2.74-.91%204.09-1.31c1.8-.53%202.33-1.27%202.37-2.21s-.94-2.7-3.97-2c-1.87.44-5.27%201.11-6%201.89m-8.84-7.46c-.43.35-2.49%205.36-2.82%205.99c-.34.63-.55%202.24.63%202.92s2.47-.49%202.92-1.49c.44-1%201.73-3.97%201.73-3.97s3.15-.17%204.28-.33c1.38-.19%202.43-.57%202.35-2.16s-2.65-1.47-5.3-1.3c-1.67.1-3.5.1-3.79.34m-6.17-5.78c-.72.33-3.52%203.19-3.89%203.68s-.65%201.55.29%202.29s2.25.12%202.94-.37c.7-.49%202-2.09%202-2.09s2.7.04%203.48.08s1.8-.57%201.8-1.8s-1.43-1.72-2.62-1.76c-1.18-.03-3.55-.24-4-.03m26.32%2022.65c-.66.52-2.28%206.33-2.62%207.5s-.89%203.67.84%204.21c1.82.57%203.04-.24%203.58-2.3c.5-1.9%201.64-5.87%201.64-5.87s4.37-1.61%205.33-1.98s2.07-1.59%201.4-3.09s-2.58-1.31-3.52-.97c.01.01-6.01%202-6.65%202.5m11.28%209.68c-.46.6-2%205.97-2.25%207.08c-.25%201.1-.24%202.86%201.51%203.31c1.43.37%202.58-.37%202.9-1.72c.54-2.24%201.72-5.48%201.72-5.48s3.11-1.76%204.29-2.37c1.19-.61%201.72-2.29.98-3.48s-2.41-1.02-4.05-.45c-1.63.58-4.69%202.58-5.1%203.11m11.19%208.44c-.58.87-.74%206.01-.74%206.79s.57%202.82%202.41%202.82c1.64%200%202.33-1.76%202.33-2.66s.2-4.38.2-4.38s2.11-1.12%202.86-1.64c1.02-.7%202.17-2%201.43-3.39s-2.7-.98-3.97-.45c-.89.39-4.11%202.3-4.52%202.91m10.24%208.31c-.36.87-.38%205.72-.3%207.03s1.19%202.45%202.62%202.41s2.09-1.39%202.04-2.45s.08-4.54.08-4.54s1.9-1.32%202.41-1.68c.78-.53.94-1.8.25-2.78c-.7-.98-2.13-1.27-3.48-.49s-3.48%202.15-3.62%202.5m7.59%205.43c-.65%201.12-.04%206.22-.04%206.71s.16%202.17%201.84%202.17c1.47%200%201.96-.9%202-1.72s-.08-5.44-.08-5.44s1.43-.45.82-2.33c-.61-1.87-3.86-.55-4.54.61m-57.32%2063.89c-.56.99-.44%202.29%201.67%203.35c2.12%201.06%202.55%201.12%203%201.15c.79.04%202.6-.57%203.79-1.23c.95-.53%202.12-1.32%201.28-2.86c-.78-1.44-5.02.26-5.02.26s-3.75-2.38-4.72-.67m-.27-9.03c-1.17%201.08-.4%202.69%201.98%204.23c2.12%201.37%203.31%202.38%204.23%202.38s4.39-1.75%205.29-2.25c1.37-.75%201.81-2.25.75-3.31s-2.56.04-3.31.44s-2.47%201.23-2.47%201.23s-2.25-1.63-3-2.16s-2.32-1.62-3.47-.56m-1.14-11.08c-.96%201.44-.4%202.95%201.89%204.23s5.16%202.42%206.08%202.56s4.54-3%205.24-3.66s2.64-2.73%201.41-4.14c-1.47-1.68-3.04-.4-4.45.57c-1.08.74-2.34%201.67-2.34%201.67s-2.42-.66-3.83-1.32c-1.4-.66-3.12-1.23-4%20.09m5.71-11.75s2.51-2.6%203.44-3.48s2.51-1.76%203.7-.35s-.04%203.53-1.15%204.54s-3.92%204.32-4.72%204.45s-6.65-.93-8.33-1.81c-.99-.52-2.56-1.5-1.67-3.48c.73-1.64%202.38-1.45%203.61-1.19s5.12%201.32%205.12%201.32m-5.98-14.14s2.12-4.32%202.82-5.86c.71-1.54%201.59-2.95%203.57-2.25s1.38%202.57.71%204.36c-.79%202.12-3%207.71-3.97%208.2c-1.18.59-7.4.79-9.56.75c-.97-.02-2.07-.71-2.03-2.03s.86-2.24%203-2.6c1.32-.22%205.46-.57%205.46-.57m-9.78-14.28c-.22.13-4.77%201.96-5.91%202.29c-1.67.48-2.25%202.16-1.89%203.35s1.98%201.81%203.88%201.23c1.89-.57%207.62-2.03%208.15-2.86s1.41-6.74%201.59-8.28s.22-3.48-1.81-3.79s-2.86%201.06-3.04%202.51c-.11.89-.97%205.55-.97%205.55m-12.26-9.89s.35-4.01.48-5.2s.57-2.78%202.64-2.64s1.85%202.82%201.85%204.54s-.4%206.21-.66%206.43s-3.04%202.38-4.49%203.35s-3.79%201.62-4.67.3s.4-3.38%201.81-4.44s3.04-2.34%203.04-2.34M26.25%2037.75c-2.04.51-1.94%202.64-1.32%204.8s.97%203.92.97%203.92s-1.45%202.25-2.07%203.04s-2.56%203.13-.53%204.8s4.01-1.28%204.76-2.16c.73-.85%203.13-4.05%203.13-4.49c0-1.28-1.32-5.99-1.63-7.01s-1.02-3.47-3.31-2.9m-14.64%203.37c-.91.62-1.37%202.51-.22%204.14c.94%201.34%201.63%202.73%201.63%202.73s-1.23%203.57-1.72%204.72s-1.06%203.66.97%204.45s3.44-1.41%203.97-3.04s1.94-5.29%201.98-6.39c.03-.73-1.89-4.32-2.73-5.55s-2.51-1.98-3.88-1.06M8.26%2053.68c.23%201.05-.35%204.01-.93%206.52c-.17.74-.42%202.4-2.51%201.89c-1.81-.44-1.06-2.73-.84-3.88c.13-.68.66-2.86.66-2.86s-.96-.52-.93-1.63c.04-1.45.79-1.94%201.98-2.03s2.39%201.2%202.57%201.99%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%23d7ccc6%22%20d%3D%22m77.01%2040.42l-57.2%2061.21s18.24%2021.91%2047.37%2020.59c20.04-.91%2032.06-8.38%2041.9-19.68c12.02-13.81%2014.73-34.07%2014.03-43.36c-.91-12.02-9.11-27.69-15.49-32.43S77.01%2040.42%2077.01%2040.42%22%2F%3E%3Cpath%20fill%3D%22%23f1edec%22%20d%3D%22M25.09%2020.93C6.13%2037.8-6.4%2076.1%2019.81%20101.63c14.03%2013.66%2059.93%2014.35%2081.79-14.25c10.27-13.43%2018.51-34.44%2012.94-51.15c-2.19-6.56-8.07-11.27-13.3-15.67C76.1-.57%2048.23.34%2025.09%2020.93%22%2F%3E%3Cpath%20fill%3D%22%23979892%22%20d%3D%22m69.67%20124.09l-3.89-.32c.08-.37%208.18-36.77-15.5-60.63c-10.52-10.6-20.21-15.5-28.81-14.55c-8.96.98-14.92%209.28-14.96%209.36l-1.84-3.73c.23-.36%205.51-8.41%2016.37-9.6c9.88-1.07%2020.67%204.21%2032.09%2015.71c25.24%2025.45%2016.9%2062.18%2016.54%2063.76M122%2060.81c-.27-.18-26.56-18.79-40.13-30.37C69.67%2020.04%2053.5%205.51%2053.35%205.36l2.81-1.76c.15.14%2015.72%2013.95%2027.88%2024.32c13.45%2011.47%2038.66%2029.54%2038.93%2029.72z%22%2F%3E%3Cpath%20fill%3D%22%23ed520a%22%20d%3D%22M68.35%2016.25c-.5.53-1.79%204.39-2.29%206.54c-.29%201.23-.11%203.14%201.43%203.39c1.72.29%202.37-.7%202.9-2.17s1.47-4.13%201.47-4.13s2.74-.91%204.09-1.31c1.8-.53%202.33-1.27%202.37-2.21s-.94-2.7-3.97-2c-1.87.44-5.27%201.11-6%201.89m-8.84-7.46c-.43.35-2.49%205.36-2.82%205.99c-.34.63-.55%202.24.63%202.92s2.47-.49%202.92-1.49c.44-1%201.73-3.97%201.73-3.97s3.15-.17%204.28-.33c1.38-.19%202.43-.57%202.35-2.16s-2.65-1.47-5.3-1.3c-1.67.1-3.5.1-3.79.34m-6.17-5.78c-.72.33-3.52%203.19-3.89%203.68s-.65%201.55.29%202.29s2.25.12%202.94-.37c.7-.49%202-2.09%202-2.09s2.7.04%203.48.08s1.8-.57%201.8-1.8s-1.43-1.72-2.62-1.76c-1.18-.03-3.55-.24-4-.03m26.32%2022.65c-.66.52-2.28%206.33-2.62%207.5s-.89%203.67.84%204.21c1.82.57%203.04-.24%203.58-2.3c.5-1.9%201.64-5.87%201.64-5.87s4.37-1.61%205.33-1.98s2.07-1.59%201.4-3.09s-2.58-1.31-3.52-.97c.01.01-6.01%202-6.65%202.5m11.28%209.68c-.46.6-2%205.97-2.25%207.08c-.25%201.1-.24%202.86%201.51%203.31c1.43.37%202.58-.37%202.9-1.72c.54-2.24%201.72-5.48%201.72-5.48s3.11-1.76%204.29-2.37c1.19-.61%201.72-2.29.98-3.48s-2.41-1.02-4.05-.45c-1.63.58-4.69%202.58-5.1%203.11m11.19%208.44c-.58.87-.74%206.01-.74%206.79s.57%202.82%202.41%202.82c1.64%200%202.33-1.76%202.33-2.66s.2-4.38.2-4.38s2.11-1.12%202.86-1.64c1.02-.7%202.17-2%201.43-3.39s-2.7-.98-3.97-.45c-.89.39-4.11%202.3-4.52%202.91m10.24%208.31c-.36.87-.38%205.72-.3%207.03s1.19%202.45%202.62%202.41s2.09-1.39%202.04-2.45s.08-4.54.08-4.54s1.9-1.32%202.41-1.68c.78-.53.94-1.8.25-2.78c-.7-.98-2.13-1.27-3.48-.49s-3.48%202.15-3.62%202.5m7.59%205.43c-.65%201.12-.04%206.22-.04%206.71s.16%202.17%201.84%202.17c1.47%200%201.96-.9%202-1.72s-.08-5.44-.08-5.44s1.43-.45.82-2.33c-.61-1.87-3.86-.55-4.54.61m-57.32%2063.89c-.56.99-.44%202.29%201.67%203.35c2.12%201.06%202.55%201.12%203%201.15c.79.04%202.6-.57%203.79-1.23c.95-.53%202.12-1.32%201.28-2.86c-.78-1.44-5.02.26-5.02.26s-3.75-2.38-4.72-.67m-.27-9.03c-1.17%201.08-.4%202.69%201.98%204.23c2.12%201.37%203.31%202.38%204.23%202.38s4.39-1.75%205.29-2.25c1.37-.75%201.81-2.25.75-3.31s-2.56.04-3.31.44s-2.47%201.23-2.47%201.23s-2.25-1.63-3-2.16s-2.32-1.62-3.47-.56m-1.14-11.08c-.96%201.44-.4%202.95%201.89%204.23s5.16%202.42%206.08%202.56s4.54-3%205.24-3.66s2.64-2.73%201.41-4.14c-1.47-1.68-3.04-.4-4.45.57c-1.08.74-2.34%201.67-2.34%201.67s-2.42-.66-3.83-1.32c-1.4-.66-3.12-1.23-4%20.09m5.71-11.75s2.51-2.6%203.44-3.48s2.51-1.76%203.7-.35s-.04%203.53-1.15%204.54s-3.92%204.32-4.72%204.45s-6.65-.93-8.33-1.81c-.99-.52-2.56-1.5-1.67-3.48c.73-1.64%202.38-1.45%203.61-1.19s5.12%201.32%205.12%201.32m-5.98-14.14s2.12-4.32%202.82-5.86c.71-1.54%201.59-2.95%203.57-2.25s1.38%202.57.71%204.36c-.79%202.12-3%207.71-3.97%208.2c-1.18.59-7.4.79-9.56.75c-.97-.02-2.07-.71-2.03-2.03s.86-2.24%203-2.6c1.32-.22%205.46-.57%205.46-.57m-9.78-14.28c-.22.13-4.77%201.96-5.91%202.29c-1.67.48-2.25%202.16-1.89%203.35s1.98%201.81%203.88%201.23c1.89-.57%207.62-2.03%208.15-2.86s1.41-6.74%201.59-8.28s.22-3.48-1.81-3.79s-2.86%201.06-3.04%202.51c-.11.89-.97%205.55-.97%205.55m-12.26-9.89s.35-4.01.48-5.2s.57-2.78%202.64-2.64s1.85%202.82%201.85%204.54s-.4%206.21-.66%206.43s-3.04%202.38-4.49%203.35s-3.79%201.62-4.67.3s.4-3.38%201.81-4.44s3.04-2.34%203.04-2.34M26.25%2037.75c-2.04.51-1.94%202.64-1.32%204.8s.97%203.92.97%203.92s-1.45%202.25-2.07%203.04s-2.56%203.13-.53%204.8s4.01-1.28%204.76-2.16c.73-.85%203.13-4.05%203.13-4.49c0-1.28-1.32-5.99-1.63-7.01s-1.02-3.47-3.31-2.9m-14.64%203.37c-.91.62-1.37%202.51-.22%204.14c.94%201.34%201.63%202.73%201.63%202.73s-1.23%203.57-1.72%204.72s-1.06%203.66.97%204.45s3.44-1.41%203.97-3.04s1.94-5.29%201.98-6.39c.03-.73-1.89-4.32-2.73-5.55s-2.51-1.98-3.88-1.06M8.26%2053.68c.23%201.05-.35%204.01-.93%206.52c-.17.74-.42%202.4-2.51%201.89c-1.81-.44-1.06-2.73-.84-3.88c.13-.68.66-2.86.66-2.86s-.96-.52-.93-1.63c.04-1.45.79-1.94%201.98-2.03s2.39%201.2%202.57%201.99%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}给 baseball 加一点动效
单文件 CSS 即可播放,无需任何依赖;描画动效仅对描边类图标生效。
呼吸
透明度往复渐变,适合状态提示与在线指示。
.icon-baseball {
animation: icon-breathe 1.8s ease-in-out infinite;
}
@keyframes icon-breathe {
0%, 100% { opacity: 1; }
50% { opacity: 0.35; }
}旋转
匀速循环旋转,适合加载中场景。
.icon-baseball {
animation: icon-spin 1.6s linear infinite;
}
@keyframes icon-spin {
to { transform: rotate(360deg); }
}SVG 健康报告
对源文件的客观技术指标,供工程侧评估引用方式。
文件体积
4.20 KB
4,298 字节
viewBox
0 0 128 128
矢量坐标系
图元总数
4
<path> ×4
风格
多色填充
填充跟随容器颜色
同时含 width/height 与 viewBox:可以只保留 viewBox,让图标跟随容器自适应缩放。 文件体积 4.20 KB(4,298 字节),图元 4 个,风格为多色填充。
常见问题
关于 baseball 图标的下载、商用与改色。
baseball 图标是什么?▾
它是 Noto Emoji(noto)开源图标集中的 baseball 图标,多色填充,viewBox 为 0 0 128 128,文件仅 4.20 KB,矢量格式可无损缩放到任意尺寸。
如何下载 baseball 图标?▾
点击「下载与导出」中的 SVG 源文件按钮保存矢量文件;也可以按 512 / 256 / 128 / 64 / 32 / 16px 预设导出 PNG,或在输入框填 16~1024 之间的任意尺寸。需要 iOS、Android 全套尺寸时,用素材包生成器一键打包。
baseball 图标可以商用吗?▾
该图标采用 Apache 2.0(Apache-2.0) 开源协议,通常允许在遵守协议的前提下免费使用,常见要求是保留作者版权声明。商用前建议阅读协议原文确认。
如何修改 baseball 图标的颜色?▾
在「预览与场景」的色板中切换颜色,三底色与全部场景会实时跟随;点击任一相近图标可打开预览弹层,复制对应颜色的 SVG 源码或 PNG。也可以复制 SVG 源码后自行修改 fill 值。