找找图标
activity 图标

activity SVG 图标

withicons-luxeactivity

来自 with icons Luxe 开源图标集，矢量 SVG 可无损缩放到任意尺寸，支持在线改色、复制 React/Vue/HTML 代码。

图标 ID
withicons-luxe:activity
中文名
—
所属集合
with icons Luxe
集合规模
1,000 枚
基础网格
24px
色彩
多色
开源协议
MIT
作者
Evergrow

下载 activity 图标

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

px
iOS / Android 全套尺寸 · 素材包生成器用 AI 生成类似风格的图标

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

activity 的预览与使用场景

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

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

在真实界面里长这样

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

各尺寸下的可读性

activity 图标 24px 渲染24pxactivity 图标 32px 渲染32pxactivity 图标 48px 渲染48pxactivity 图标 64px 渲染64pxactivity 图标 96px 渲染96pxactivity 图标 128px 渲染128px

复制 activity 图标代码

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

svgSVG 源码（内联 HTML）
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#0a0b26" fill-opacity=".2" d="m8.9 5.4l-2.8 6.1H3.6c-1.4 0-1.5 2.4-.1 2.5h3.4c.4 0 .8-.3 1-.6l1.9-4l3.3 9.9c.2.3.2.7.5 1c.5.6 1.6.5 2-.3l2.8-6h2.5c1.4 0 1.5-2.4.1-2.5h-3.4c-.4 0-.8.3-1 .6l-1.9 4l-3.3-9.9c-.2-.3-.2-.7-.5-1c-.5-.6-1.6-.6-2 .2" class="wm-shadow"/><path fill="#16206e" d="m5.44 10.08l-.14.04l-2.3.01c-.74 0-1.19.67-1.11 1.36l.21.57c.22.62.54 1.31 1.3 1.31h3.1c.4 0 .85-.2 1.03-.58L9.35 8.9c.05-.1.07-.06.13-.12l3 8.91c.29.86.7 2.69 1.95 2.41c.78-.18 1-1.08 1.3-1.71l2.33-4.97l.14-.04l2.3-.01c.78 0 1.43-.93 1.06-1.67l-.53-1.08c-.16-.32-.6-.49-.93-.49H17c-.41 0-.85.2-1.03.58l-1.82 3.89c-.05.01-.09.03-.13.05L10.75 4.9l-.46-.93c-.41-.81-1.55-.73-1.98 0z"/><path fill="#2039b4" d="m5.44 10.08l-.14.04l-2.3.01c-1.45 0-1.44 2.23-.1 2.24h3.3c.36 0 .78-.25.93-.58L9.1 7.6l.15.3l3.5 10.5c.3.87 1.53.94 2 .2l2.91-6.18l.14-.04l2.3-.01c1.45 0 1.44-2.23.1-2.24h-3.3c-.37 0-.78.25-.93.58L14 14.9l-.15-.3l-3.5-10.5c-.31-.93-1.58-.9-2.04-.13z"/><path fill="#0a0b26" fill-opacity=".34" d="M10 3.7c.2 1.3 1.1 3.4 1.6 4.8l2 6l.1-.4l-3.3-9.9c-.1-.3-.2-.4-.4-.5M8.7 7.2l-1.9 4.1c-.2.3-.4.5-.7.6c-.7.2-3.1.1-3.9 0v.1c.3.2.5.4.8.4h3.2c.4 0 .8-.3 1-.7L8.9 8c.1-.3-.1-.6-.2-.8m12.1 3.2c.1 2.3-2 1.4-3.5 1.6l-3 6.2c-.2.5-.8.5-1.3.5v.1c.5.3 1.4.5 1.7-.1l3-6.3c.9-.1 3.3.4 3.5-.9c.1-.5-.1-.8-.4-1.1"/><path fill="#fff" fill-opacity=".075" d="M9.1 3.6c-.3.1-.5.2-.7.5l-2.8 6.1c-.9.3-2 .1-3 .2c-.5.4-.8 1.3.1 1.3l3.2.1c.3 0 .6-.2.7-.5l1.9-4.1l.3-.2h.3l.3.4L12.9 18c.1.2.2.3.3.4c1 .3 1.2-.7 1.6-1.5l2.4-5c.3-.3 2.4-.1 3-.2c.5-.4.6-1.3-.3-1.3l-3.1-.1c-.3 0-.6.3-.7.5L14.2 15c-.1.2-.5.1-.6.1l-.3-.4L9.8 4.1c-.1-.3-.4-.4-.7-.5"/><path fill="#fff" fill-opacity=".075" d="m8.4 4.1l-2.8 6.1c-.1.2-2.6 0-3 .2c-.8.4-.7 1.8.3 1.8h3.2c.4 0 .7-.2.9-.5l1.9-4.1l.1-.2h.2l.2.4l2.9 8.7h.2c1.7-.9 3.3-2.4 4.1-4.3l.4-1l.3-.8c-.4-.1-.9-.1-1.1.3l-2 4.2l-.1.2h-.2l-.2-.4l-3.5-10.5c-.3-.8-1.4-.8-1.8-.1"/><path fill="#fff" fill-opacity=".075" d="m8.4 4.1l-2.8 6.1l-.2.1H2.9l-.5.2c.2.6.7 1.2 1.2 1.6c.8.1 3 .4 3.4-.4l1.9-4.1l.2-.2c.1.2.2.2.3.4l1.6 4.8h.2c.3-.2 1.4-1.1 1.3-1.5l-2.3-6.9c-.3-.8-1.4-.8-1.8-.1"/><path fill="#fff" fill-opacity=".42" d="m5.44 10.08l-.14.04l-2.3.01c-1.02 0-1.32.99-.9 1.78c-.04-.75.13-1.58 1.1-1.58l2.3-.01l.14-.04L7.9 5.46c.53-1.13.59-1.94 2.03-1.86c-1.18-.64-1.57.25-2 1.19zM9.3 7.8l-.02.19l3.4 10.2c.05.17.14.3.22.45l.02-.13l-3.5-10.49zm6.63 2.99l-1.84 3.93c-.07.15.06.26.11.38l1.93-4.11c.13-.29.38-.52.68-.61c.37-.11.81-.05 1.19-.05c.89 0 1.83.05 2.7-.02c-.2-.09-.36-.18-.6-.18H17c-.46 0-.87.24-1.07.66"/><path fill="#9cc2ff" fill-opacity=".75" d="m8.9 7.4l-1.93 4.11c-.13.29-.38.52-.68.61c-.37.11-.81.05-1.19.05c-.84 0-1.71-.04-2.53.03l.43.11h3.1c.4 0 .82-.2.99-.57l1.85-3.95l.07-.19zm12.2 3.5c-.17.63-.41 1.27-1.2 1.27l-2.3.01l-.14.04l-2.17 4.61c-.27.58-.59 1.64-1.16 1.96l-.66.2c1.13.23 1.33-.62 1.72-1.46l2.43-5.15l.18-.06l2.3-.01c.8 0 1.14-.73 1-1.41"/><path fill="#fff" fill-opacity=".16" d="M2.7 12c.2-.1.4-.3.6-.3h2.6c.4-.6.7-1.4 1-2l2-4.2c.3-.7 1.2-.6 1.5.1l2.7 8.1l.1.1c-.2-.9-.5-1.8-.8-2.6l-1.7-5.1c-.3-.7-.4-2.2-1.3-2.4c-.8-.1-1 .9-1.3 1.5l-2.4 5.1c-.3.4-2.4 0-3 .2c-.7.2-.6 1.2 0 1.5" class="wm-shine"/><path fill="#fff" fill-opacity=".92" d="m5.4 10.54l-2.3.01c-.84 0-.96.66-.54 1.24c.02 0 .04 0 .06-.01c-.1-1.89 2.94-.28 3.5-1.2l2.27-4.85c.19-.41.48-1.31.85-1.53c.18-.11.41-.1.59-.11c-.76-.7-1.11-.01-1.43.67L6.37 9.11c-.17.37-.51 1.43-.97 1.43m4.22-2.96l-.02.06l1.78 5.34l.11.05l.05-.04l-.01-.18L9.9 7.94c-.06-.18-.17-.25-.28-.36" class="wm-shine"/></g></svg>
reactReact 组件（TSX）
export function ActivityIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="1em"
      height="1em"
      viewBox="0 0 24 24"
      fill="currentColor"
      {...props}
      dangerouslySetInnerHTML={{ __html: `<g fill="none"><path fill="#0a0b26" fill-opacity=".2" d="m8.9 5.4l-2.8 6.1H3.6c-1.4 0-1.5 2.4-.1 2.5h3.4c.4 0 .8-.3 1-.6l1.9-4l3.3 9.9c.2.3.2.7.5 1c.5.6 1.6.5 2-.3l2.8-6h2.5c1.4 0 1.5-2.4.1-2.5h-3.4c-.4 0-.8.3-1 .6l-1.9 4l-3.3-9.9c-.2-.3-.2-.7-.5-1c-.5-.6-1.6-.6-2 .2" class="wm-shadow"/><path fill="#16206e" d="m5.44 10.08l-.14.04l-2.3.01c-.74 0-1.19.67-1.11 1.36l.21.57c.22.62.54 1.31 1.3 1.31h3.1c.4 0 .85-.2 1.03-.58L9.35 8.9c.05-.1.07-.06.13-.12l3 8.91c.29.86.7 2.69 1.95 2.41c.78-.18 1-1.08 1.3-1.71l2.33-4.97l.14-.04l2.3-.01c.78 0 1.43-.93 1.06-1.67l-.53-1.08c-.16-.32-.6-.49-.93-.49H17c-.41 0-.85.2-1.03.58l-1.82 3.89c-.05.01-.09.03-.13.05L10.75 4.9l-.46-.93c-.41-.81-1.55-.73-1.98 0z"/><path fill="#2039b4" d="m5.44 10.08l-.14.04l-2.3.01c-1.45 0-1.44 2.23-.1 2.24h3.3c.36 0 .78-.25.93-.58L9.1 7.6l.15.3l3.5 10.5c.3.87 1.53.94 2 .2l2.91-6.18l.14-.04l2.3-.01c1.45 0 1.44-2.23.1-2.24h-3.3c-.37 0-.78.25-.93.58L14 14.9l-.15-.3l-3.5-10.5c-.31-.93-1.58-.9-2.04-.13z"/><path fill="#0a0b26" fill-opacity=".34" d="M10 3.7c.2 1.3 1.1 3.4 1.6 4.8l2 6l.1-.4l-3.3-9.9c-.1-.3-.2-.4-.4-.5M8.7 7.2l-1.9 4.1c-.2.3-.4.5-.7.6c-.7.2-3.1.1-3.9 0v.1c.3.2.5.4.8.4h3.2c.4 0 .8-.3 1-.7L8.9 8c.1-.3-.1-.6-.2-.8m12.1 3.2c.1 2.3-2 1.4-3.5 1.6l-3 6.2c-.2.5-.8.5-1.3.5v.1c.5.3 1.4.5 1.7-.1l3-6.3c.9-.1 3.3.4 3.5-.9c.1-.5-.1-.8-.4-1.1"/><path fill="#fff" fill-opacity=".075" d="M9.1 3.6c-.3.1-.5.2-.7.5l-2.8 6.1c-.9.3-2 .1-3 .2c-.5.4-.8 1.3.1 1.3l3.2.1c.3 0 .6-.2.7-.5l1.9-4.1l.3-.2h.3l.3.4L12.9 18c.1.2.2.3.3.4c1 .3 1.2-.7 1.6-1.5l2.4-5c.3-.3 2.4-.1 3-.2c.5-.4.6-1.3-.3-1.3l-3.1-.1c-.3 0-.6.3-.7.5L14.2 15c-.1.2-.5.1-.6.1l-.3-.4L9.8 4.1c-.1-.3-.4-.4-.7-.5"/><path fill="#fff" fill-opacity=".075" d="m8.4 4.1l-2.8 6.1c-.1.2-2.6 0-3 .2c-.8.4-.7 1.8.3 1.8h3.2c.4 0 .7-.2.9-.5l1.9-4.1l.1-.2h.2l.2.4l2.9 8.7h.2c1.7-.9 3.3-2.4 4.1-4.3l.4-1l.3-.8c-.4-.1-.9-.1-1.1.3l-2 4.2l-.1.2h-.2l-.2-.4l-3.5-10.5c-.3-.8-1.4-.8-1.8-.1"/><path fill="#fff" fill-opacity=".075" d="m8.4 4.1l-2.8 6.1l-.2.1H2.9l-.5.2c.2.6.7 1.2 1.2 1.6c.8.1 3 .4 3.4-.4l1.9-4.1l.2-.2c.1.2.2.2.3.4l1.6 4.8h.2c.3-.2 1.4-1.1 1.3-1.5l-2.3-6.9c-.3-.8-1.4-.8-1.8-.1"/><path fill="#fff" fill-opacity=".42" d="m5.44 10.08l-.14.04l-2.3.01c-1.02 0-1.32.99-.9 1.78c-.04-.75.13-1.58 1.1-1.58l2.3-.01l.14-.04L7.9 5.46c.53-1.13.59-1.94 2.03-1.86c-1.18-.64-1.57.25-2 1.19zM9.3 7.8l-.02.19l3.4 10.2c.05.17.14.3.22.45l.02-.13l-3.5-10.49zm6.63 2.99l-1.84 3.93c-.07.15.06.26.11.38l1.93-4.11c.13-.29.38-.52.68-.61c.37-.11.81-.05 1.19-.05c.89 0 1.83.05 2.7-.02c-.2-.09-.36-.18-.6-.18H17c-.46 0-.87.24-1.07.66"/><path fill="#9cc2ff" fill-opacity=".75" d="m8.9 7.4l-1.93 4.11c-.13.29-.38.52-.68.61c-.37.11-.81.05-1.19.05c-.84 0-1.71-.04-2.53.03l.43.11h3.1c.4 0 .82-.2.99-.57l1.85-3.95l.07-.19zm12.2 3.5c-.17.63-.41 1.27-1.2 1.27l-2.3.01l-.14.04l-2.17 4.61c-.27.58-.59 1.64-1.16 1.96l-.66.2c1.13.23 1.33-.62 1.72-1.46l2.43-5.15l.18-.06l2.3-.01c.8 0 1.14-.73 1-1.41"/><path fill="#fff" fill-opacity=".16" d="M2.7 12c.2-.1.4-.3.6-.3h2.6c.4-.6.7-1.4 1-2l2-4.2c.3-.7 1.2-.6 1.5.1l2.7 8.1l.1.1c-.2-.9-.5-1.8-.8-2.6l-1.7-5.1c-.3-.7-.4-2.2-1.3-2.4c-.8-.1-1 .9-1.3 1.5l-2.4 5.1c-.3.4-2.4 0-3 .2c-.7.2-.6 1.2 0 1.5" class="wm-shine"/><path fill="#fff" fill-opacity=".92" d="m5.4 10.54l-2.3.01c-.84 0-.96.66-.54 1.24c.02 0 .04 0 .06-.01c-.1-1.89 2.94-.28 3.5-1.2l2.27-4.85c.19-.41.48-1.31.85-1.53c.18-.11.41-.1.59-.11c-.76-.7-1.11-.01-1.43.67L6.37 9.11c-.17.37-.51 1.43-.97 1.43m4.22-2.96l-.02.06l1.78 5.34l.11.05l.05-.04l-.01-.18L9.9 7.94c-.06-.18-.17-.25-.28-.36" class="wm-shine"/></g>` }}
    />
  );
}
vueVue 3 组件
<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor" v-html="body"></svg>
</template>

<script setup>
const body = `<g fill="none"><path fill="#0a0b26" fill-opacity=".2" d="m8.9 5.4l-2.8 6.1H3.6c-1.4 0-1.5 2.4-.1 2.5h3.4c.4 0 .8-.3 1-.6l1.9-4l3.3 9.9c.2.3.2.7.5 1c.5.6 1.6.5 2-.3l2.8-6h2.5c1.4 0 1.5-2.4.1-2.5h-3.4c-.4 0-.8.3-1 .6l-1.9 4l-3.3-9.9c-.2-.3-.2-.7-.5-1c-.5-.6-1.6-.6-2 .2" class="wm-shadow"/><path fill="#16206e" d="m5.44 10.08l-.14.04l-2.3.01c-.74 0-1.19.67-1.11 1.36l.21.57c.22.62.54 1.31 1.3 1.31h3.1c.4 0 .85-.2 1.03-.58L9.35 8.9c.05-.1.07-.06.13-.12l3 8.91c.29.86.7 2.69 1.95 2.41c.78-.18 1-1.08 1.3-1.71l2.33-4.97l.14-.04l2.3-.01c.78 0 1.43-.93 1.06-1.67l-.53-1.08c-.16-.32-.6-.49-.93-.49H17c-.41 0-.85.2-1.03.58l-1.82 3.89c-.05.01-.09.03-.13.05L10.75 4.9l-.46-.93c-.41-.81-1.55-.73-1.98 0z"/><path fill="#2039b4" d="m5.44 10.08l-.14.04l-2.3.01c-1.45 0-1.44 2.23-.1 2.24h3.3c.36 0 .78-.25.93-.58L9.1 7.6l.15.3l3.5 10.5c.3.87 1.53.94 2 .2l2.91-6.18l.14-.04l2.3-.01c1.45 0 1.44-2.23.1-2.24h-3.3c-.37 0-.78.25-.93.58L14 14.9l-.15-.3l-3.5-10.5c-.31-.93-1.58-.9-2.04-.13z"/><path fill="#0a0b26" fill-opacity=".34" d="M10 3.7c.2 1.3 1.1 3.4 1.6 4.8l2 6l.1-.4l-3.3-9.9c-.1-.3-.2-.4-.4-.5M8.7 7.2l-1.9 4.1c-.2.3-.4.5-.7.6c-.7.2-3.1.1-3.9 0v.1c.3.2.5.4.8.4h3.2c.4 0 .8-.3 1-.7L8.9 8c.1-.3-.1-.6-.2-.8m12.1 3.2c.1 2.3-2 1.4-3.5 1.6l-3 6.2c-.2.5-.8.5-1.3.5v.1c.5.3 1.4.5 1.7-.1l3-6.3c.9-.1 3.3.4 3.5-.9c.1-.5-.1-.8-.4-1.1"/><path fill="#fff" fill-opacity=".075" d="M9.1 3.6c-.3.1-.5.2-.7.5l-2.8 6.1c-.9.3-2 .1-3 .2c-.5.4-.8 1.3.1 1.3l3.2.1c.3 0 .6-.2.7-.5l1.9-4.1l.3-.2h.3l.3.4L12.9 18c.1.2.2.3.3.4c1 .3 1.2-.7 1.6-1.5l2.4-5c.3-.3 2.4-.1 3-.2c.5-.4.6-1.3-.3-1.3l-3.1-.1c-.3 0-.6.3-.7.5L14.2 15c-.1.2-.5.1-.6.1l-.3-.4L9.8 4.1c-.1-.3-.4-.4-.7-.5"/><path fill="#fff" fill-opacity=".075" d="m8.4 4.1l-2.8 6.1c-.1.2-2.6 0-3 .2c-.8.4-.7 1.8.3 1.8h3.2c.4 0 .7-.2.9-.5l1.9-4.1l.1-.2h.2l.2.4l2.9 8.7h.2c1.7-.9 3.3-2.4 4.1-4.3l.4-1l.3-.8c-.4-.1-.9-.1-1.1.3l-2 4.2l-.1.2h-.2l-.2-.4l-3.5-10.5c-.3-.8-1.4-.8-1.8-.1"/><path fill="#fff" fill-opacity=".075" d="m8.4 4.1l-2.8 6.1l-.2.1H2.9l-.5.2c.2.6.7 1.2 1.2 1.6c.8.1 3 .4 3.4-.4l1.9-4.1l.2-.2c.1.2.2.2.3.4l1.6 4.8h.2c.3-.2 1.4-1.1 1.3-1.5l-2.3-6.9c-.3-.8-1.4-.8-1.8-.1"/><path fill="#fff" fill-opacity=".42" d="m5.44 10.08l-.14.04l-2.3.01c-1.02 0-1.32.99-.9 1.78c-.04-.75.13-1.58 1.1-1.58l2.3-.01l.14-.04L7.9 5.46c.53-1.13.59-1.94 2.03-1.86c-1.18-.64-1.57.25-2 1.19zM9.3 7.8l-.02.19l3.4 10.2c.05.17.14.3.22.45l.02-.13l-3.5-10.49zm6.63 2.99l-1.84 3.93c-.07.15.06.26.11.38l1.93-4.11c.13-.29.38-.52.68-.61c.37-.11.81-.05 1.19-.05c.89 0 1.83.05 2.7-.02c-.2-.09-.36-.18-.6-.18H17c-.46 0-.87.24-1.07.66"/><path fill="#9cc2ff" fill-opacity=".75" d="m8.9 7.4l-1.93 4.11c-.13.29-.38.52-.68.61c-.37.11-.81.05-1.19.05c-.84 0-1.71-.04-2.53.03l.43.11h3.1c.4 0 .82-.2.99-.57l1.85-3.95l.07-.19zm12.2 3.5c-.17.63-.41 1.27-1.2 1.27l-2.3.01l-.14.04l-2.17 4.61c-.27.58-.59 1.64-1.16 1.96l-.66.2c1.13.23 1.33-.62 1.72-1.46l2.43-5.15l.18-.06l2.3-.01c.8 0 1.14-.73 1-1.41"/><path fill="#fff" fill-opacity=".16" d="M2.7 12c.2-.1.4-.3.6-.3h2.6c.4-.6.7-1.4 1-2l2-4.2c.3-.7 1.2-.6 1.5.1l2.7 8.1l.1.1c-.2-.9-.5-1.8-.8-2.6l-1.7-5.1c-.3-.7-.4-2.2-1.3-2.4c-.8-.1-1 .9-1.3 1.5l-2.4 5.1c-.3.4-2.4 0-3 .2c-.7.2-.6 1.2 0 1.5" class="wm-shine"/><path fill="#fff" fill-opacity=".92" d="m5.4 10.54l-2.3.01c-.84 0-.96.66-.54 1.24c.02 0 .04 0 .06-.01c-.1-1.89 2.94-.28 3.5-1.2l2.27-4.85c.19-.41.48-1.31.85-1.53c.18-.11.41-.1.59-.11c-.76-.7-1.11-.01-1.43.67L6.37 9.11c-.17.37-.51 1.43-.97 1.43m4.22-2.96l-.02.06l1.78 5.34l.11.05l.05-.04l-.01-.18L9.9 7.94c-.06-.18-.17-.25-.28-.36" class="wm-shine"/></g>`;
</script>
cssCSS mask（随 currentColor 改色）
.activity {
  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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%230a0b26%22%20fill-opacity%3D%22.2%22%20d%3D%22m8.9%205.4l-2.8%206.1H3.6c-1.4%200-1.5%202.4-.1%202.5h3.4c.4%200%20.8-.3%201-.6l1.9-4l3.3%209.9c.2.3.2.7.5%201c.5.6%201.6.5%202-.3l2.8-6h2.5c1.4%200%201.5-2.4.1-2.5h-3.4c-.4%200-.8.3-1%20.6l-1.9%204l-3.3-9.9c-.2-.3-.2-.7-.5-1c-.5-.6-1.6-.6-2%20.2%22%20class%3D%22wm-shadow%22%2F%3E%3Cpath%20fill%3D%22%2316206e%22%20d%3D%22m5.44%2010.08l-.14.04l-2.3.01c-.74%200-1.19.67-1.11%201.36l.21.57c.22.62.54%201.31%201.3%201.31h3.1c.4%200%20.85-.2%201.03-.58L9.35%208.9c.05-.1.07-.06.13-.12l3%208.91c.29.86.7%202.69%201.95%202.41c.78-.18%201-1.08%201.3-1.71l2.33-4.97l.14-.04l2.3-.01c.78%200%201.43-.93%201.06-1.67l-.53-1.08c-.16-.32-.6-.49-.93-.49H17c-.41%200-.85.2-1.03.58l-1.82%203.89c-.05.01-.09.03-.13.05L10.75%204.9l-.46-.93c-.41-.81-1.55-.73-1.98%200z%22%2F%3E%3Cpath%20fill%3D%22%232039b4%22%20d%3D%22m5.44%2010.08l-.14.04l-2.3.01c-1.45%200-1.44%202.23-.1%202.24h3.3c.36%200%20.78-.25.93-.58L9.1%207.6l.15.3l3.5%2010.5c.3.87%201.53.94%202%20.2l2.91-6.18l.14-.04l2.3-.01c1.45%200%201.44-2.23.1-2.24h-3.3c-.37%200-.78.25-.93.58L14%2014.9l-.15-.3l-3.5-10.5c-.31-.93-1.58-.9-2.04-.13z%22%2F%3E%3Cpath%20fill%3D%22%230a0b26%22%20fill-opacity%3D%22.34%22%20d%3D%22M10%203.7c.2%201.3%201.1%203.4%201.6%204.8l2%206l.1-.4l-3.3-9.9c-.1-.3-.2-.4-.4-.5M8.7%207.2l-1.9%204.1c-.2.3-.4.5-.7.6c-.7.2-3.1.1-3.9%200v.1c.3.2.5.4.8.4h3.2c.4%200%20.8-.3%201-.7L8.9%208c.1-.3-.1-.6-.2-.8m12.1%203.2c.1%202.3-2%201.4-3.5%201.6l-3%206.2c-.2.5-.8.5-1.3.5v.1c.5.3%201.4.5%201.7-.1l3-6.3c.9-.1%203.3.4%203.5-.9c.1-.5-.1-.8-.4-1.1%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.075%22%20d%3D%22M9.1%203.6c-.3.1-.5.2-.7.5l-2.8%206.1c-.9.3-2%20.1-3%20.2c-.5.4-.8%201.3.1%201.3l3.2.1c.3%200%20.6-.2.7-.5l1.9-4.1l.3-.2h.3l.3.4L12.9%2018c.1.2.2.3.3.4c1%20.3%201.2-.7%201.6-1.5l2.4-5c.3-.3%202.4-.1%203-.2c.5-.4.6-1.3-.3-1.3l-3.1-.1c-.3%200-.6.3-.7.5L14.2%2015c-.1.2-.5.1-.6.1l-.3-.4L9.8%204.1c-.1-.3-.4-.4-.7-.5%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.075%22%20d%3D%22m8.4%204.1l-2.8%206.1c-.1.2-2.6%200-3%20.2c-.8.4-.7%201.8.3%201.8h3.2c.4%200%20.7-.2.9-.5l1.9-4.1l.1-.2h.2l.2.4l2.9%208.7h.2c1.7-.9%203.3-2.4%204.1-4.3l.4-1l.3-.8c-.4-.1-.9-.1-1.1.3l-2%204.2l-.1.2h-.2l-.2-.4l-3.5-10.5c-.3-.8-1.4-.8-1.8-.1%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.075%22%20d%3D%22m8.4%204.1l-2.8%206.1l-.2.1H2.9l-.5.2c.2.6.7%201.2%201.2%201.6c.8.1%203%20.4%203.4-.4l1.9-4.1l.2-.2c.1.2.2.2.3.4l1.6%204.8h.2c.3-.2%201.4-1.1%201.3-1.5l-2.3-6.9c-.3-.8-1.4-.8-1.8-.1%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.42%22%20d%3D%22m5.44%2010.08l-.14.04l-2.3.01c-1.02%200-1.32.99-.9%201.78c-.04-.75.13-1.58%201.1-1.58l2.3-.01l.14-.04L7.9%205.46c.53-1.13.59-1.94%202.03-1.86c-1.18-.64-1.57.25-2%201.19zM9.3%207.8l-.02.19l3.4%2010.2c.05.17.14.3.22.45l.02-.13l-3.5-10.49zm6.63%202.99l-1.84%203.93c-.07.15.06.26.11.38l1.93-4.11c.13-.29.38-.52.68-.61c.37-.11.81-.05%201.19-.05c.89%200%201.83.05%202.7-.02c-.2-.09-.36-.18-.6-.18H17c-.46%200-.87.24-1.07.66%22%2F%3E%3Cpath%20fill%3D%22%239cc2ff%22%20fill-opacity%3D%22.75%22%20d%3D%22m8.9%207.4l-1.93%204.11c-.13.29-.38.52-.68.61c-.37.11-.81.05-1.19.05c-.84%200-1.71-.04-2.53.03l.43.11h3.1c.4%200%20.82-.2.99-.57l1.85-3.95l.07-.19zm12.2%203.5c-.17.63-.41%201.27-1.2%201.27l-2.3.01l-.14.04l-2.17%204.61c-.27.58-.59%201.64-1.16%201.96l-.66.2c1.13.23%201.33-.62%201.72-1.46l2.43-5.15l.18-.06l2.3-.01c.8%200%201.14-.73%201-1.41%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.16%22%20d%3D%22M2.7%2012c.2-.1.4-.3.6-.3h2.6c.4-.6.7-1.4%201-2l2-4.2c.3-.7%201.2-.6%201.5.1l2.7%208.1l.1.1c-.2-.9-.5-1.8-.8-2.6l-1.7-5.1c-.3-.7-.4-2.2-1.3-2.4c-.8-.1-1%20.9-1.3%201.5l-2.4%205.1c-.3.4-2.4%200-3%20.2c-.7.2-.6%201.2%200%201.5%22%20class%3D%22wm-shine%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.92%22%20d%3D%22m5.4%2010.54l-2.3.01c-.84%200-.96.66-.54%201.24c.02%200%20.04%200%20.06-.01c-.1-1.89%202.94-.28%203.5-1.2l2.27-4.85c.19-.41.48-1.31.85-1.53c.18-.11.41-.1.59-.11c-.76-.7-1.11-.01-1.43.67L6.37%209.11c-.17.37-.51%201.43-.97%201.43m4.22-2.96l-.02.06l1.78%205.34l.11.05l.05-.04l-.01-.18L9.9%207.94c-.06-.18-.17-.25-.28-.36%22%20class%3D%22wm-shine%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%230a0b26%22%20fill-opacity%3D%22.2%22%20d%3D%22m8.9%205.4l-2.8%206.1H3.6c-1.4%200-1.5%202.4-.1%202.5h3.4c.4%200%20.8-.3%201-.6l1.9-4l3.3%209.9c.2.3.2.7.5%201c.5.6%201.6.5%202-.3l2.8-6h2.5c1.4%200%201.5-2.4.1-2.5h-3.4c-.4%200-.8.3-1%20.6l-1.9%204l-3.3-9.9c-.2-.3-.2-.7-.5-1c-.5-.6-1.6-.6-2%20.2%22%20class%3D%22wm-shadow%22%2F%3E%3Cpath%20fill%3D%22%2316206e%22%20d%3D%22m5.44%2010.08l-.14.04l-2.3.01c-.74%200-1.19.67-1.11%201.36l.21.57c.22.62.54%201.31%201.3%201.31h3.1c.4%200%20.85-.2%201.03-.58L9.35%208.9c.05-.1.07-.06.13-.12l3%208.91c.29.86.7%202.69%201.95%202.41c.78-.18%201-1.08%201.3-1.71l2.33-4.97l.14-.04l2.3-.01c.78%200%201.43-.93%201.06-1.67l-.53-1.08c-.16-.32-.6-.49-.93-.49H17c-.41%200-.85.2-1.03.58l-1.82%203.89c-.05.01-.09.03-.13.05L10.75%204.9l-.46-.93c-.41-.81-1.55-.73-1.98%200z%22%2F%3E%3Cpath%20fill%3D%22%232039b4%22%20d%3D%22m5.44%2010.08l-.14.04l-2.3.01c-1.45%200-1.44%202.23-.1%202.24h3.3c.36%200%20.78-.25.93-.58L9.1%207.6l.15.3l3.5%2010.5c.3.87%201.53.94%202%20.2l2.91-6.18l.14-.04l2.3-.01c1.45%200%201.44-2.23.1-2.24h-3.3c-.37%200-.78.25-.93.58L14%2014.9l-.15-.3l-3.5-10.5c-.31-.93-1.58-.9-2.04-.13z%22%2F%3E%3Cpath%20fill%3D%22%230a0b26%22%20fill-opacity%3D%22.34%22%20d%3D%22M10%203.7c.2%201.3%201.1%203.4%201.6%204.8l2%206l.1-.4l-3.3-9.9c-.1-.3-.2-.4-.4-.5M8.7%207.2l-1.9%204.1c-.2.3-.4.5-.7.6c-.7.2-3.1.1-3.9%200v.1c.3.2.5.4.8.4h3.2c.4%200%20.8-.3%201-.7L8.9%208c.1-.3-.1-.6-.2-.8m12.1%203.2c.1%202.3-2%201.4-3.5%201.6l-3%206.2c-.2.5-.8.5-1.3.5v.1c.5.3%201.4.5%201.7-.1l3-6.3c.9-.1%203.3.4%203.5-.9c.1-.5-.1-.8-.4-1.1%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.075%22%20d%3D%22M9.1%203.6c-.3.1-.5.2-.7.5l-2.8%206.1c-.9.3-2%20.1-3%20.2c-.5.4-.8%201.3.1%201.3l3.2.1c.3%200%20.6-.2.7-.5l1.9-4.1l.3-.2h.3l.3.4L12.9%2018c.1.2.2.3.3.4c1%20.3%201.2-.7%201.6-1.5l2.4-5c.3-.3%202.4-.1%203-.2c.5-.4.6-1.3-.3-1.3l-3.1-.1c-.3%200-.6.3-.7.5L14.2%2015c-.1.2-.5.1-.6.1l-.3-.4L9.8%204.1c-.1-.3-.4-.4-.7-.5%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.075%22%20d%3D%22m8.4%204.1l-2.8%206.1c-.1.2-2.6%200-3%20.2c-.8.4-.7%201.8.3%201.8h3.2c.4%200%20.7-.2.9-.5l1.9-4.1l.1-.2h.2l.2.4l2.9%208.7h.2c1.7-.9%203.3-2.4%204.1-4.3l.4-1l.3-.8c-.4-.1-.9-.1-1.1.3l-2%204.2l-.1.2h-.2l-.2-.4l-3.5-10.5c-.3-.8-1.4-.8-1.8-.1%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.075%22%20d%3D%22m8.4%204.1l-2.8%206.1l-.2.1H2.9l-.5.2c.2.6.7%201.2%201.2%201.6c.8.1%203%20.4%203.4-.4l1.9-4.1l.2-.2c.1.2.2.2.3.4l1.6%204.8h.2c.3-.2%201.4-1.1%201.3-1.5l-2.3-6.9c-.3-.8-1.4-.8-1.8-.1%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.42%22%20d%3D%22m5.44%2010.08l-.14.04l-2.3.01c-1.02%200-1.32.99-.9%201.78c-.04-.75.13-1.58%201.1-1.58l2.3-.01l.14-.04L7.9%205.46c.53-1.13.59-1.94%202.03-1.86c-1.18-.64-1.57.25-2%201.19zM9.3%207.8l-.02.19l3.4%2010.2c.05.17.14.3.22.45l.02-.13l-3.5-10.49zm6.63%202.99l-1.84%203.93c-.07.15.06.26.11.38l1.93-4.11c.13-.29.38-.52.68-.61c.37-.11.81-.05%201.19-.05c.89%200%201.83.05%202.7-.02c-.2-.09-.36-.18-.6-.18H17c-.46%200-.87.24-1.07.66%22%2F%3E%3Cpath%20fill%3D%22%239cc2ff%22%20fill-opacity%3D%22.75%22%20d%3D%22m8.9%207.4l-1.93%204.11c-.13.29-.38.52-.68.61c-.37.11-.81.05-1.19.05c-.84%200-1.71-.04-2.53.03l.43.11h3.1c.4%200%20.82-.2.99-.57l1.85-3.95l.07-.19zm12.2%203.5c-.17.63-.41%201.27-1.2%201.27l-2.3.01l-.14.04l-2.17%204.61c-.27.58-.59%201.64-1.16%201.96l-.66.2c1.13.23%201.33-.62%201.72-1.46l2.43-5.15l.18-.06l2.3-.01c.8%200%201.14-.73%201-1.41%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.16%22%20d%3D%22M2.7%2012c.2-.1.4-.3.6-.3h2.6c.4-.6.7-1.4%201-2l2-4.2c.3-.7%201.2-.6%201.5.1l2.7%208.1l.1.1c-.2-.9-.5-1.8-.8-2.6l-1.7-5.1c-.3-.7-.4-2.2-1.3-2.4c-.8-.1-1%20.9-1.3%201.5l-2.4%205.1c-.3.4-2.4%200-3%20.2c-.7.2-.6%201.2%200%201.5%22%20class%3D%22wm-shine%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.92%22%20d%3D%22m5.4%2010.54l-2.3.01c-.84%200-.96.66-.54%201.24c.02%200%20.04%200%20.06-.01c-.1-1.89%202.94-.28%203.5-1.2l2.27-4.85c.19-.41.48-1.31.85-1.53c.18-.11.41-.1.59-.11c-.76-.7-1.11-.01-1.43.67L6.37%209.11c-.17.37-.51%201.43-.97%201.43m4.22-2.96l-.02.06l1.78%205.34l.11.05l.05-.04l-.01-.18L9.9%207.94c-.06-.18-.17-.25-.28-.36%22%20class%3D%22wm-shine%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 activity 加一点动效

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

activity 呼吸动效演示

呼吸

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

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

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

旋转

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

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

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

SVG 健康报告

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

文件体积

3.50 KB

3,581 字节

viewBox

0 0 24 24

矢量坐标系

图元总数

11

<path> ×11

风格

多色填充

填充跟随容器颜色

同时含 width/height 与 viewBox：可以只保留 viewBox，让图标跟随容器自适应缩放。 文件体积 3.50 KB（3,581 字节），图元 11 个，风格为多色填充。

常见问题

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

activity 图标是什么？▾

它是 with icons Luxe（withicons-luxe）开源图标集中的 activity 图标，多色填充，viewBox 为 0 0 24 24，文件仅 3.50 KB，矢量格式可无损缩放到任意尺寸。

如何下载 activity 图标？▾

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

activity 图标可以商用吗？▾

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

如何修改 activity 图标的颜色？▾

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