artist-palette SVG 图标

Q: artist-palette 图标可以商用吗？

notoartist-palette

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

图标 ID: noto:artist-palette
中文名: —
所属集合: Noto Emoji
集合规模: 3,729 枚
基础网格: 16px
色彩: 多色
开源协议: Apache-2.0
作者: Google Inc

下载 artist-palette 图标

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

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

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

artist-palette 的预览与使用场景

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

预览颜色

浅色背景

深色背景

灰底融入

在真实界面里长这样

继续按钮内 · 主操作

搜索artist-palette…输入框 · 前缀图标

artist-palette导航菜单 · 选中态

暂无内容空状态 · 引导提示

9:41

artist-palette

artist

man-artist

woman-artist

artist-dark-skin-tone

artist-light-skin-tone

artist-medium-skin-tone

man-artist-dark-skin-tone

man-artist-light-skin-tone

man-artist-medium-skin-tone

woman-artist-dark-skin-tone

artist-medium-dark-skin-tone手机桌面 · App 图标

artist-palettenoto.design/icons/artist-palette浏览器 · 标签页与站点图标

各尺寸下的可读性

24px

32px

48px

64px

96px

128px

复制 artist-palette 图标代码

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

svgSVG 源码（内联 HTML）

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ac5810" d="M77.37 19.32C46.83 3.21 19.03 14.69 9.01 30.38c-3.28 5.13-5.6 14.46-5.51 21.86c.18 15.23 8.61 32.2 26.8 49.32c22.38 21.06 45.22 19.22 52.48 17.45c9.14-2.23 15.27-4.13 14.33-12.65c-.12-1.12-1.08-3.15-2.53-4.04c-4.65-2.82-14.36-4.29-18.93-11.08c-6.64-9.89 1.62-10.39 9.53-6.16c8.47 4.53 13.31 7.36 21.81 6.58c6.23-.57 15.29-4.33 16.52-14.84c1.1-9.51-12.78-39.9-46.14-57.5M89.84 71c-2.34 3.56-8.12 2.34-11.91-1.02s-4.28-8.96-1.82-11.16c2.5-2.23 7.2-1.72 10.99 1.64c3.78 3.37 4.57 7.74 2.74 10.54"/><path fill="#f2a259" d="M78.71 15.69C48.17-.42 20.3 12.04 10.28 27.73C.25 43.43 4.61 72.5 31.63 97.93c22.38 21.06 45.22 19.22 52.48 17.45c9.14-2.23 15.59-6.58 11.57-12.13c-2.77-3.83-12.7-6.72-18.69-15.64c-6.64-9.89 1.62-10.39 9.53-6.16c8.47 4.53 13.31 7.36 21.81 6.58c6.23-.57 15.65-5.39 15.37-15.13c-.29-9.57-11.63-39.6-44.99-57.21m14.06 55.03c-2.85 3.08-8.92 2.24-13.56-1.86c-4.63-4.11-6.08-9.93-3.23-13c2.85-3.08 8.92-2.24 13.56 1.86s6.08 9.93 3.23 13"/><path fill="#eee" d="M47.62 84.66c1.15-2.94 9.33-6.16 16.85-.81c2.11 1.5 4.75 5.32 4.48 10.12c-.88 15.68-26.61 4.22-21.33-9.31"/><path fill="#2686c6" d="M23.73 58.07c2.63-4.2 9.02-4.68 14.61-1.05c4.98 3.23 9.14 11.18 3 16.38c-3.29 2.79-8.98 1.06-12.49-1.63c-4.26-3.25-7.95-9.18-5.12-13.7"/><path fill="#ffee58" d="M57.67 21.42c.81-3.33 6.46-3.9 10.46-2.41c6.91 2.58 10.04 9.42 7.49 13.23c-3.73 5.57-11.86 3.66-14.94.47c-5.23-5.4-3.69-8.5-3.01-11.29"/><path fill="#7cb342" d="M97.71 37.72c5.54 2.52 6.26 6.51 5.2 9.42c-.66 1.8-2.01 4.27-4.77 4.49c-4.67.38-5.32-3.48-8.65-4.54c-2.8-.89-3.94-4.72-2.84-7.29c1.02-2.37 4-5.3 11.06-2.08"/><path fill="#b0b0b0" d="M66.97 96.96c-1.38 1.25-6.17 2.79-12.25-1.01c-2.06-1.29-4.03-3.16-5.14-5.96c-.87-2.2-.68-4.32-.29-5.26c1.12-2.71 2.83-3.21 2.83-3.21c-1.72-.12-4.97 2.16-5.51 5.15c-.17.94-1.38 6.82 6.41 12.15c6.71 4.6 16.63 4.17 15.98-5.09c-.3 1.14-1.15 2.44-2.03 3.23"/><path fill="#01579b" d="M44.26 65.72c-.19 3.57-4.37 5.45-6.7 5.46c-6.59.01-12.51-4.13-12.92-11.5c-.07-1.32.58-3.23.58-3.23c-.87.37-2.1 2.25-2.36 3.31c-1.54 6.36 4.87 13.77 11.62 15.27c3.42.76 7.73-.41 9.3-3.47c1.12-2.18.9-4.05.48-5.84"/><path fill="#df7f14" d="M67.32 32.72c-4.48-.51-6.96-3.44-7.61-4.11c-1.78-1.86-2.88-3.67-2.24-6.35c.2-.86.69-1.96 1.29-2.58c-.73.24-1.91 1.81-2.28 2.66c-.38.85-1.76 4.04 1.2 7.97c1.83 2.44 5.02 5.19 9.74 5.85c3.35.47 5.75-.73 7.75-2.68c1.36-1.33 1.96-4.33 1.15-5.88c.13 1.13-1.94 5.93-9 5.12"/><path fill="#558b2f" d="M104.17 44.85c-.41-1.51-1.58-3.08-1.7-3.16c.51.98 1.52 3.92-.6 6.78c-1.07 1.44-4.29 3.21-8.09.13c-1.12-.91-2.02-1.81-4.04-2.55c-5.13-1.89-2.89-7.11-1.11-8.73c-1.4.73-2.67 2.04-3.2 4.04c-.74 2.79 1.09 5.71 3.87 7.11c3.16 1.59 4.18 4.66 8.51 4.66c.22 0 .45-.01.7-.03c2.92-.25 4.15-1.38 5.04-2.76c1.09-1.72 1.12-3.67.62-5.49"/><path fill="#f44336" d="M25.82 25.79c2.28-2.25 6.25-4.63 12.06-1.6c3.5 1.82 7.57 3.96 5.73 11.36c-1.14 4.59-7.82 7.02-13.4 1.91c-2.21-2.02-10.61-5.53-4.39-11.67"/><path fill="#c62828" d="M44.94 34.56c.07-1.75-.83-3.88-1.14-4.6c.05 1.05.96 3.7-3.21 7.21c-1.45 1.22-4.08 2.15-6.95 1.02c-1.47-.58-3.58-3.01-5.09-3.62c-5.61-2.26-3.19-8.27-2.4-9.09c-1.27.89-2.35 2.31-2.75 4.38c-.52 2.71-.04 5.27 3.68 8.2c10.56 8.33 13.8 3.31 14.95 2.03c1.45-1.56 2.83-3.6 2.91-5.53"/><path fill="#fff" d="M65.74 19.36c-1.47-.69-5.67-.49-6.48 3.01c-.49 2.1 1.05 4.23 2.5 3.98c1.65-.28.77-2.85 1.76-3.58c1.51-1.1 4.28-2.44 2.22-3.41m-30.98 5.1c-1.45-.96-6.08-.97-7.47 2.58c-.84 2.13.47 4.6 2.04 4.56c1.79-.04.93-2.15 2.42-3.49c1.88-1.69 5.04-2.31 3.01-3.65m-.69 32.04c-1.37-.87-5.43-1.21-7.11 1.97c-1.23 2.34.46 4.92 1.93 4.85c1.67-.08 1.11-2.74 2.18-3.34c1.63-.91 4.92-2.26 3-3.48M57.4 83.13c-1.47-.69-5.67-.49-6.48 3.01c-.49 2.1 1.05 4.23 2.5 3.98c1.65-.28.77-2.85 1.76-3.58c1.5-1.1 4.27-2.44 2.22-3.41m37.68-45.08c-1.32-.94-5.49-1.49-6.91 1.81c-.85 1.98.28 4.35 1.75 4.36c1.67.01 1.26-2.67 2.37-3.21c1.67-.81 4.64-1.64 2.79-2.96"/></svg>

reactReact 组件（TSX）

export function ArtistPaletteIcon(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="#ac5810" d="M77.37 19.32C46.83 3.21 19.03 14.69 9.01 30.38c-3.28 5.13-5.6 14.46-5.51 21.86c.18 15.23 8.61 32.2 26.8 49.32c22.38 21.06 45.22 19.22 52.48 17.45c9.14-2.23 15.27-4.13 14.33-12.65c-.12-1.12-1.08-3.15-2.53-4.04c-4.65-2.82-14.36-4.29-18.93-11.08c-6.64-9.89 1.62-10.39 9.53-6.16c8.47 4.53 13.31 7.36 21.81 6.58c6.23-.57 15.29-4.33 16.52-14.84c1.1-9.51-12.78-39.9-46.14-57.5M89.84 71c-2.34 3.56-8.12 2.34-11.91-1.02s-4.28-8.96-1.82-11.16c2.5-2.23 7.2-1.72 10.99 1.64c3.78 3.37 4.57 7.74 2.74 10.54"/><path fill="#f2a259" d="M78.71 15.69C48.17-.42 20.3 12.04 10.28 27.73C.25 43.43 4.61 72.5 31.63 97.93c22.38 21.06 45.22 19.22 52.48 17.45c9.14-2.23 15.59-6.58 11.57-12.13c-2.77-3.83-12.7-6.72-18.69-15.64c-6.64-9.89 1.62-10.39 9.53-6.16c8.47 4.53 13.31 7.36 21.81 6.58c6.23-.57 15.65-5.39 15.37-15.13c-.29-9.57-11.63-39.6-44.99-57.21m14.06 55.03c-2.85 3.08-8.92 2.24-13.56-1.86c-4.63-4.11-6.08-9.93-3.23-13c2.85-3.08 8.92-2.24 13.56 1.86s6.08 9.93 3.23 13"/><path fill="#eee" d="M47.62 84.66c1.15-2.94 9.33-6.16 16.85-.81c2.11 1.5 4.75 5.32 4.48 10.12c-.88 15.68-26.61 4.22-21.33-9.31"/><path fill="#2686c6" d="M23.73 58.07c2.63-4.2 9.02-4.68 14.61-1.05c4.98 3.23 9.14 11.18 3 16.38c-3.29 2.79-8.98 1.06-12.49-1.63c-4.26-3.25-7.95-9.18-5.12-13.7"/><path fill="#ffee58" d="M57.67 21.42c.81-3.33 6.46-3.9 10.46-2.41c6.91 2.58 10.04 9.42 7.49 13.23c-3.73 5.57-11.86 3.66-14.94.47c-5.23-5.4-3.69-8.5-3.01-11.29"/><path fill="#7cb342" d="M97.71 37.72c5.54 2.52 6.26 6.51 5.2 9.42c-.66 1.8-2.01 4.27-4.77 4.49c-4.67.38-5.32-3.48-8.65-4.54c-2.8-.89-3.94-4.72-2.84-7.29c1.02-2.37 4-5.3 11.06-2.08"/><path fill="#b0b0b0" d="M66.97 96.96c-1.38 1.25-6.17 2.79-12.25-1.01c-2.06-1.29-4.03-3.16-5.14-5.96c-.87-2.2-.68-4.32-.29-5.26c1.12-2.71 2.83-3.21 2.83-3.21c-1.72-.12-4.97 2.16-5.51 5.15c-.17.94-1.38 6.82 6.41 12.15c6.71 4.6 16.63 4.17 15.98-5.09c-.3 1.14-1.15 2.44-2.03 3.23"/><path fill="#01579b" d="M44.26 65.72c-.19 3.57-4.37 5.45-6.7 5.46c-6.59.01-12.51-4.13-12.92-11.5c-.07-1.32.58-3.23.58-3.23c-.87.37-2.1 2.25-2.36 3.31c-1.54 6.36 4.87 13.77 11.62 15.27c3.42.76 7.73-.41 9.3-3.47c1.12-2.18.9-4.05.48-5.84"/><path fill="#df7f14" d="M67.32 32.72c-4.48-.51-6.96-3.44-7.61-4.11c-1.78-1.86-2.88-3.67-2.24-6.35c.2-.86.69-1.96 1.29-2.58c-.73.24-1.91 1.81-2.28 2.66c-.38.85-1.76 4.04 1.2 7.97c1.83 2.44 5.02 5.19 9.74 5.85c3.35.47 5.75-.73 7.75-2.68c1.36-1.33 1.96-4.33 1.15-5.88c.13 1.13-1.94 5.93-9 5.12"/><path fill="#558b2f" d="M104.17 44.85c-.41-1.51-1.58-3.08-1.7-3.16c.51.98 1.52 3.92-.6 6.78c-1.07 1.44-4.29 3.21-8.09.13c-1.12-.91-2.02-1.81-4.04-2.55c-5.13-1.89-2.89-7.11-1.11-8.73c-1.4.73-2.67 2.04-3.2 4.04c-.74 2.79 1.09 5.71 3.87 7.11c3.16 1.59 4.18 4.66 8.51 4.66c.22 0 .45-.01.7-.03c2.92-.25 4.15-1.38 5.04-2.76c1.09-1.72 1.12-3.67.62-5.49"/><path fill="#f44336" d="M25.82 25.79c2.28-2.25 6.25-4.63 12.06-1.6c3.5 1.82 7.57 3.96 5.73 11.36c-1.14 4.59-7.82 7.02-13.4 1.91c-2.21-2.02-10.61-5.53-4.39-11.67"/><path fill="#c62828" d="M44.94 34.56c.07-1.75-.83-3.88-1.14-4.6c.05 1.05.96 3.7-3.21 7.21c-1.45 1.22-4.08 2.15-6.95 1.02c-1.47-.58-3.58-3.01-5.09-3.62c-5.61-2.26-3.19-8.27-2.4-9.09c-1.27.89-2.35 2.31-2.75 4.38c-.52 2.71-.04 5.27 3.68 8.2c10.56 8.33 13.8 3.31 14.95 2.03c1.45-1.56 2.83-3.6 2.91-5.53"/><path fill="#fff" d="M65.74 19.36c-1.47-.69-5.67-.49-6.48 3.01c-.49 2.1 1.05 4.23 2.5 3.98c1.65-.28.77-2.85 1.76-3.58c1.51-1.1 4.28-2.44 2.22-3.41m-30.98 5.1c-1.45-.96-6.08-.97-7.47 2.58c-.84 2.13.47 4.6 2.04 4.56c1.79-.04.93-2.15 2.42-3.49c1.88-1.69 5.04-2.31 3.01-3.65m-.69 32.04c-1.37-.87-5.43-1.21-7.11 1.97c-1.23 2.34.46 4.92 1.93 4.85c1.67-.08 1.11-2.74 2.18-3.34c1.63-.91 4.92-2.26 3-3.48M57.4 83.13c-1.47-.69-5.67-.49-6.48 3.01c-.49 2.1 1.05 4.23 2.5 3.98c1.65-.28.77-2.85 1.76-3.58c1.5-1.1 4.27-2.44 2.22-3.41m37.68-45.08c-1.32-.94-5.49-1.49-6.91 1.81c-.85 1.98.28 4.35 1.75 4.36c1.67.01 1.26-2.67 2.37-3.21c1.67-.81 4.64-1.64 2.79-2.96"/>` }}
    />
  );
}

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 = `<path fill="#ac5810" d="M77.37 19.32C46.83 3.21 19.03 14.69 9.01 30.38c-3.28 5.13-5.6 14.46-5.51 21.86c.18 15.23 8.61 32.2 26.8 49.32c22.38 21.06 45.22 19.22 52.48 17.45c9.14-2.23 15.27-4.13 14.33-12.65c-.12-1.12-1.08-3.15-2.53-4.04c-4.65-2.82-14.36-4.29-18.93-11.08c-6.64-9.89 1.62-10.39 9.53-6.16c8.47 4.53 13.31 7.36 21.81 6.58c6.23-.57 15.29-4.33 16.52-14.84c1.1-9.51-12.78-39.9-46.14-57.5M89.84 71c-2.34 3.56-8.12 2.34-11.91-1.02s-4.28-8.96-1.82-11.16c2.5-2.23 7.2-1.72 10.99 1.64c3.78 3.37 4.57 7.74 2.74 10.54"/><path fill="#f2a259" d="M78.71 15.69C48.17-.42 20.3 12.04 10.28 27.73C.25 43.43 4.61 72.5 31.63 97.93c22.38 21.06 45.22 19.22 52.48 17.45c9.14-2.23 15.59-6.58 11.57-12.13c-2.77-3.83-12.7-6.72-18.69-15.64c-6.64-9.89 1.62-10.39 9.53-6.16c8.47 4.53 13.31 7.36 21.81 6.58c6.23-.57 15.65-5.39 15.37-15.13c-.29-9.57-11.63-39.6-44.99-57.21m14.06 55.03c-2.85 3.08-8.92 2.24-13.56-1.86c-4.63-4.11-6.08-9.93-3.23-13c2.85-3.08 8.92-2.24 13.56 1.86s6.08 9.93 3.23 13"/><path fill="#eee" d="M47.62 84.66c1.15-2.94 9.33-6.16 16.85-.81c2.11 1.5 4.75 5.32 4.48 10.12c-.88 15.68-26.61 4.22-21.33-9.31"/><path fill="#2686c6" d="M23.73 58.07c2.63-4.2 9.02-4.68 14.61-1.05c4.98 3.23 9.14 11.18 3 16.38c-3.29 2.79-8.98 1.06-12.49-1.63c-4.26-3.25-7.95-9.18-5.12-13.7"/><path fill="#ffee58" d="M57.67 21.42c.81-3.33 6.46-3.9 10.46-2.41c6.91 2.58 10.04 9.42 7.49 13.23c-3.73 5.57-11.86 3.66-14.94.47c-5.23-5.4-3.69-8.5-3.01-11.29"/><path fill="#7cb342" d="M97.71 37.72c5.54 2.52 6.26 6.51 5.2 9.42c-.66 1.8-2.01 4.27-4.77 4.49c-4.67.38-5.32-3.48-8.65-4.54c-2.8-.89-3.94-4.72-2.84-7.29c1.02-2.37 4-5.3 11.06-2.08"/><path fill="#b0b0b0" d="M66.97 96.96c-1.38 1.25-6.17 2.79-12.25-1.01c-2.06-1.29-4.03-3.16-5.14-5.96c-.87-2.2-.68-4.32-.29-5.26c1.12-2.71 2.83-3.21 2.83-3.21c-1.72-.12-4.97 2.16-5.51 5.15c-.17.94-1.38 6.82 6.41 12.15c6.71 4.6 16.63 4.17 15.98-5.09c-.3 1.14-1.15 2.44-2.03 3.23"/><path fill="#01579b" d="M44.26 65.72c-.19 3.57-4.37 5.45-6.7 5.46c-6.59.01-12.51-4.13-12.92-11.5c-.07-1.32.58-3.23.58-3.23c-.87.37-2.1 2.25-2.36 3.31c-1.54 6.36 4.87 13.77 11.62 15.27c3.42.76 7.73-.41 9.3-3.47c1.12-2.18.9-4.05.48-5.84"/><path fill="#df7f14" d="M67.32 32.72c-4.48-.51-6.96-3.44-7.61-4.11c-1.78-1.86-2.88-3.67-2.24-6.35c.2-.86.69-1.96 1.29-2.58c-.73.24-1.91 1.81-2.28 2.66c-.38.85-1.76 4.04 1.2 7.97c1.83 2.44 5.02 5.19 9.74 5.85c3.35.47 5.75-.73 7.75-2.68c1.36-1.33 1.96-4.33 1.15-5.88c.13 1.13-1.94 5.93-9 5.12"/><path fill="#558b2f" d="M104.17 44.85c-.41-1.51-1.58-3.08-1.7-3.16c.51.98 1.52 3.92-.6 6.78c-1.07 1.44-4.29 3.21-8.09.13c-1.12-.91-2.02-1.81-4.04-2.55c-5.13-1.89-2.89-7.11-1.11-8.73c-1.4.73-2.67 2.04-3.2 4.04c-.74 2.79 1.09 5.71 3.87 7.11c3.16 1.59 4.18 4.66 8.51 4.66c.22 0 .45-.01.7-.03c2.92-.25 4.15-1.38 5.04-2.76c1.09-1.72 1.12-3.67.62-5.49"/><path fill="#f44336" d="M25.82 25.79c2.28-2.25 6.25-4.63 12.06-1.6c3.5 1.82 7.57 3.96 5.73 11.36c-1.14 4.59-7.82 7.02-13.4 1.91c-2.21-2.02-10.61-5.53-4.39-11.67"/><path fill="#c62828" d="M44.94 34.56c.07-1.75-.83-3.88-1.14-4.6c.05 1.05.96 3.7-3.21 7.21c-1.45 1.22-4.08 2.15-6.95 1.02c-1.47-.58-3.58-3.01-5.09-3.62c-5.61-2.26-3.19-8.27-2.4-9.09c-1.27.89-2.35 2.31-2.75 4.38c-.52 2.71-.04 5.27 3.68 8.2c10.56 8.33 13.8 3.31 14.95 2.03c1.45-1.56 2.83-3.6 2.91-5.53"/><path fill="#fff" d="M65.74 19.36c-1.47-.69-5.67-.49-6.48 3.01c-.49 2.1 1.05 4.23 2.5 3.98c1.65-.28.77-2.85 1.76-3.58c1.51-1.1 4.28-2.44 2.22-3.41m-30.98 5.1c-1.45-.96-6.08-.97-7.47 2.58c-.84 2.13.47 4.6 2.04 4.56c1.79-.04.93-2.15 2.42-3.49c1.88-1.69 5.04-2.31 3.01-3.65m-.69 32.04c-1.37-.87-5.43-1.21-7.11 1.97c-1.23 2.34.46 4.92 1.93 4.85c1.67-.08 1.11-2.74 2.18-3.34c1.63-.91 4.92-2.26 3-3.48M57.4 83.13c-1.47-.69-5.67-.49-6.48 3.01c-.49 2.1 1.05 4.23 2.5 3.98c1.65-.28.77-2.85 1.76-3.58c1.5-1.1 4.27-2.44 2.22-3.41m37.68-45.08c-1.32-.94-5.49-1.49-6.91 1.81c-.85 1.98.28 4.35 1.75 4.36c1.67.01 1.26-2.67 2.37-3.21c1.67-.81 4.64-1.64 2.79-2.96"/>`;
</script>

cssCSS mask（随 currentColor 改色）

.artist-palette {
  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%23ac5810%22%20d%3D%22M77.37%2019.32C46.83%203.21%2019.03%2014.69%209.01%2030.38c-3.28%205.13-5.6%2014.46-5.51%2021.86c.18%2015.23%208.61%2032.2%2026.8%2049.32c22.38%2021.06%2045.22%2019.22%2052.48%2017.45c9.14-2.23%2015.27-4.13%2014.33-12.65c-.12-1.12-1.08-3.15-2.53-4.04c-4.65-2.82-14.36-4.29-18.93-11.08c-6.64-9.89%201.62-10.39%209.53-6.16c8.47%204.53%2013.31%207.36%2021.81%206.58c6.23-.57%2015.29-4.33%2016.52-14.84c1.1-9.51-12.78-39.9-46.14-57.5M89.84%2071c-2.34%203.56-8.12%202.34-11.91-1.02s-4.28-8.96-1.82-11.16c2.5-2.23%207.2-1.72%2010.99%201.64c3.78%203.37%204.57%207.74%202.74%2010.54%22%2F%3E%3Cpath%20fill%3D%22%23f2a259%22%20d%3D%22M78.71%2015.69C48.17-.42%2020.3%2012.04%2010.28%2027.73C.25%2043.43%204.61%2072.5%2031.63%2097.93c22.38%2021.06%2045.22%2019.22%2052.48%2017.45c9.14-2.23%2015.59-6.58%2011.57-12.13c-2.77-3.83-12.7-6.72-18.69-15.64c-6.64-9.89%201.62-10.39%209.53-6.16c8.47%204.53%2013.31%207.36%2021.81%206.58c6.23-.57%2015.65-5.39%2015.37-15.13c-.29-9.57-11.63-39.6-44.99-57.21m14.06%2055.03c-2.85%203.08-8.92%202.24-13.56-1.86c-4.63-4.11-6.08-9.93-3.23-13c2.85-3.08%208.92-2.24%2013.56%201.86s6.08%209.93%203.23%2013%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M47.62%2084.66c1.15-2.94%209.33-6.16%2016.85-.81c2.11%201.5%204.75%205.32%204.48%2010.12c-.88%2015.68-26.61%204.22-21.33-9.31%22%2F%3E%3Cpath%20fill%3D%22%232686c6%22%20d%3D%22M23.73%2058.07c2.63-4.2%209.02-4.68%2014.61-1.05c4.98%203.23%209.14%2011.18%203%2016.38c-3.29%202.79-8.98%201.06-12.49-1.63c-4.26-3.25-7.95-9.18-5.12-13.7%22%2F%3E%3Cpath%20fill%3D%22%23ffee58%22%20d%3D%22M57.67%2021.42c.81-3.33%206.46-3.9%2010.46-2.41c6.91%202.58%2010.04%209.42%207.49%2013.23c-3.73%205.57-11.86%203.66-14.94.47c-5.23-5.4-3.69-8.5-3.01-11.29%22%2F%3E%3Cpath%20fill%3D%22%237cb342%22%20d%3D%22M97.71%2037.72c5.54%202.52%206.26%206.51%205.2%209.42c-.66%201.8-2.01%204.27-4.77%204.49c-4.67.38-5.32-3.48-8.65-4.54c-2.8-.89-3.94-4.72-2.84-7.29c1.02-2.37%204-5.3%2011.06-2.08%22%2F%3E%3Cpath%20fill%3D%22%23b0b0b0%22%20d%3D%22M66.97%2096.96c-1.38%201.25-6.17%202.79-12.25-1.01c-2.06-1.29-4.03-3.16-5.14-5.96c-.87-2.2-.68-4.32-.29-5.26c1.12-2.71%202.83-3.21%202.83-3.21c-1.72-.12-4.97%202.16-5.51%205.15c-.17.94-1.38%206.82%206.41%2012.15c6.71%204.6%2016.63%204.17%2015.98-5.09c-.3%201.14-1.15%202.44-2.03%203.23%22%2F%3E%3Cpath%20fill%3D%22%2301579b%22%20d%3D%22M44.26%2065.72c-.19%203.57-4.37%205.45-6.7%205.46c-6.59.01-12.51-4.13-12.92-11.5c-.07-1.32.58-3.23.58-3.23c-.87.37-2.1%202.25-2.36%203.31c-1.54%206.36%204.87%2013.77%2011.62%2015.27c3.42.76%207.73-.41%209.3-3.47c1.12-2.18.9-4.05.48-5.84%22%2F%3E%3Cpath%20fill%3D%22%23df7f14%22%20d%3D%22M67.32%2032.72c-4.48-.51-6.96-3.44-7.61-4.11c-1.78-1.86-2.88-3.67-2.24-6.35c.2-.86.69-1.96%201.29-2.58c-.73.24-1.91%201.81-2.28%202.66c-.38.85-1.76%204.04%201.2%207.97c1.83%202.44%205.02%205.19%209.74%205.85c3.35.47%205.75-.73%207.75-2.68c1.36-1.33%201.96-4.33%201.15-5.88c.13%201.13-1.94%205.93-9%205.12%22%2F%3E%3Cpath%20fill%3D%22%23558b2f%22%20d%3D%22M104.17%2044.85c-.41-1.51-1.58-3.08-1.7-3.16c.51.98%201.52%203.92-.6%206.78c-1.07%201.44-4.29%203.21-8.09.13c-1.12-.91-2.02-1.81-4.04-2.55c-5.13-1.89-2.89-7.11-1.11-8.73c-1.4.73-2.67%202.04-3.2%204.04c-.74%202.79%201.09%205.71%203.87%207.11c3.16%201.59%204.18%204.66%208.51%204.66c.22%200%20.45-.01.7-.03c2.92-.25%204.15-1.38%205.04-2.76c1.09-1.72%201.12-3.67.62-5.49%22%2F%3E%3Cpath%20fill%3D%22%23f44336%22%20d%3D%22M25.82%2025.79c2.28-2.25%206.25-4.63%2012.06-1.6c3.5%201.82%207.57%203.96%205.73%2011.36c-1.14%204.59-7.82%207.02-13.4%201.91c-2.21-2.02-10.61-5.53-4.39-11.67%22%2F%3E%3Cpath%20fill%3D%22%23c62828%22%20d%3D%22M44.94%2034.56c.07-1.75-.83-3.88-1.14-4.6c.05%201.05.96%203.7-3.21%207.21c-1.45%201.22-4.08%202.15-6.95%201.02c-1.47-.58-3.58-3.01-5.09-3.62c-5.61-2.26-3.19-8.27-2.4-9.09c-1.27.89-2.35%202.31-2.75%204.38c-.52%202.71-.04%205.27%203.68%208.2c10.56%208.33%2013.8%203.31%2014.95%202.03c1.45-1.56%202.83-3.6%202.91-5.53%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M65.74%2019.36c-1.47-.69-5.67-.49-6.48%203.01c-.49%202.1%201.05%204.23%202.5%203.98c1.65-.28.77-2.85%201.76-3.58c1.51-1.1%204.28-2.44%202.22-3.41m-30.98%205.1c-1.45-.96-6.08-.97-7.47%202.58c-.84%202.13.47%204.6%202.04%204.56c1.79-.04.93-2.15%202.42-3.49c1.88-1.69%205.04-2.31%203.01-3.65m-.69%2032.04c-1.37-.87-5.43-1.21-7.11%201.97c-1.23%202.34.46%204.92%201.93%204.85c1.67-.08%201.11-2.74%202.18-3.34c1.63-.91%204.92-2.26%203-3.48M57.4%2083.13c-1.47-.69-5.67-.49-6.48%203.01c-.49%202.1%201.05%204.23%202.5%203.98c1.65-.28.77-2.85%201.76-3.58c1.5-1.1%204.27-2.44%202.22-3.41m37.68-45.08c-1.32-.94-5.49-1.49-6.91%201.81c-.85%201.98.28%204.35%201.75%204.36c1.67.01%201.26-2.67%202.37-3.21c1.67-.81%204.64-1.64%202.79-2.96%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%23ac5810%22%20d%3D%22M77.37%2019.32C46.83%203.21%2019.03%2014.69%209.01%2030.38c-3.28%205.13-5.6%2014.46-5.51%2021.86c.18%2015.23%208.61%2032.2%2026.8%2049.32c22.38%2021.06%2045.22%2019.22%2052.48%2017.45c9.14-2.23%2015.27-4.13%2014.33-12.65c-.12-1.12-1.08-3.15-2.53-4.04c-4.65-2.82-14.36-4.29-18.93-11.08c-6.64-9.89%201.62-10.39%209.53-6.16c8.47%204.53%2013.31%207.36%2021.81%206.58c6.23-.57%2015.29-4.33%2016.52-14.84c1.1-9.51-12.78-39.9-46.14-57.5M89.84%2071c-2.34%203.56-8.12%202.34-11.91-1.02s-4.28-8.96-1.82-11.16c2.5-2.23%207.2-1.72%2010.99%201.64c3.78%203.37%204.57%207.74%202.74%2010.54%22%2F%3E%3Cpath%20fill%3D%22%23f2a259%22%20d%3D%22M78.71%2015.69C48.17-.42%2020.3%2012.04%2010.28%2027.73C.25%2043.43%204.61%2072.5%2031.63%2097.93c22.38%2021.06%2045.22%2019.22%2052.48%2017.45c9.14-2.23%2015.59-6.58%2011.57-12.13c-2.77-3.83-12.7-6.72-18.69-15.64c-6.64-9.89%201.62-10.39%209.53-6.16c8.47%204.53%2013.31%207.36%2021.81%206.58c6.23-.57%2015.65-5.39%2015.37-15.13c-.29-9.57-11.63-39.6-44.99-57.21m14.06%2055.03c-2.85%203.08-8.92%202.24-13.56-1.86c-4.63-4.11-6.08-9.93-3.23-13c2.85-3.08%208.92-2.24%2013.56%201.86s6.08%209.93%203.23%2013%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M47.62%2084.66c1.15-2.94%209.33-6.16%2016.85-.81c2.11%201.5%204.75%205.32%204.48%2010.12c-.88%2015.68-26.61%204.22-21.33-9.31%22%2F%3E%3Cpath%20fill%3D%22%232686c6%22%20d%3D%22M23.73%2058.07c2.63-4.2%209.02-4.68%2014.61-1.05c4.98%203.23%209.14%2011.18%203%2016.38c-3.29%202.79-8.98%201.06-12.49-1.63c-4.26-3.25-7.95-9.18-5.12-13.7%22%2F%3E%3Cpath%20fill%3D%22%23ffee58%22%20d%3D%22M57.67%2021.42c.81-3.33%206.46-3.9%2010.46-2.41c6.91%202.58%2010.04%209.42%207.49%2013.23c-3.73%205.57-11.86%203.66-14.94.47c-5.23-5.4-3.69-8.5-3.01-11.29%22%2F%3E%3Cpath%20fill%3D%22%237cb342%22%20d%3D%22M97.71%2037.72c5.54%202.52%206.26%206.51%205.2%209.42c-.66%201.8-2.01%204.27-4.77%204.49c-4.67.38-5.32-3.48-8.65-4.54c-2.8-.89-3.94-4.72-2.84-7.29c1.02-2.37%204-5.3%2011.06-2.08%22%2F%3E%3Cpath%20fill%3D%22%23b0b0b0%22%20d%3D%22M66.97%2096.96c-1.38%201.25-6.17%202.79-12.25-1.01c-2.06-1.29-4.03-3.16-5.14-5.96c-.87-2.2-.68-4.32-.29-5.26c1.12-2.71%202.83-3.21%202.83-3.21c-1.72-.12-4.97%202.16-5.51%205.15c-.17.94-1.38%206.82%206.41%2012.15c6.71%204.6%2016.63%204.17%2015.98-5.09c-.3%201.14-1.15%202.44-2.03%203.23%22%2F%3E%3Cpath%20fill%3D%22%2301579b%22%20d%3D%22M44.26%2065.72c-.19%203.57-4.37%205.45-6.7%205.46c-6.59.01-12.51-4.13-12.92-11.5c-.07-1.32.58-3.23.58-3.23c-.87.37-2.1%202.25-2.36%203.31c-1.54%206.36%204.87%2013.77%2011.62%2015.27c3.42.76%207.73-.41%209.3-3.47c1.12-2.18.9-4.05.48-5.84%22%2F%3E%3Cpath%20fill%3D%22%23df7f14%22%20d%3D%22M67.32%2032.72c-4.48-.51-6.96-3.44-7.61-4.11c-1.78-1.86-2.88-3.67-2.24-6.35c.2-.86.69-1.96%201.29-2.58c-.73.24-1.91%201.81-2.28%202.66c-.38.85-1.76%204.04%201.2%207.97c1.83%202.44%205.02%205.19%209.74%205.85c3.35.47%205.75-.73%207.75-2.68c1.36-1.33%201.96-4.33%201.15-5.88c.13%201.13-1.94%205.93-9%205.12%22%2F%3E%3Cpath%20fill%3D%22%23558b2f%22%20d%3D%22M104.17%2044.85c-.41-1.51-1.58-3.08-1.7-3.16c.51.98%201.52%203.92-.6%206.78c-1.07%201.44-4.29%203.21-8.09.13c-1.12-.91-2.02-1.81-4.04-2.55c-5.13-1.89-2.89-7.11-1.11-8.73c-1.4.73-2.67%202.04-3.2%204.04c-.74%202.79%201.09%205.71%203.87%207.11c3.16%201.59%204.18%204.66%208.51%204.66c.22%200%20.45-.01.7-.03c2.92-.25%204.15-1.38%205.04-2.76c1.09-1.72%201.12-3.67.62-5.49%22%2F%3E%3Cpath%20fill%3D%22%23f44336%22%20d%3D%22M25.82%2025.79c2.28-2.25%206.25-4.63%2012.06-1.6c3.5%201.82%207.57%203.96%205.73%2011.36c-1.14%204.59-7.82%207.02-13.4%201.91c-2.21-2.02-10.61-5.53-4.39-11.67%22%2F%3E%3Cpath%20fill%3D%22%23c62828%22%20d%3D%22M44.94%2034.56c.07-1.75-.83-3.88-1.14-4.6c.05%201.05.96%203.7-3.21%207.21c-1.45%201.22-4.08%202.15-6.95%201.02c-1.47-.58-3.58-3.01-5.09-3.62c-5.61-2.26-3.19-8.27-2.4-9.09c-1.27.89-2.35%202.31-2.75%204.38c-.52%202.71-.04%205.27%203.68%208.2c10.56%208.33%2013.8%203.31%2014.95%202.03c1.45-1.56%202.83-3.6%202.91-5.53%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M65.74%2019.36c-1.47-.69-5.67-.49-6.48%203.01c-.49%202.1%201.05%204.23%202.5%203.98c1.65-.28.77-2.85%201.76-3.58c1.51-1.1%204.28-2.44%202.22-3.41m-30.98%205.1c-1.45-.96-6.08-.97-7.47%202.58c-.84%202.13.47%204.6%202.04%204.56c1.79-.04.93-2.15%202.42-3.49c1.88-1.69%205.04-2.31%203.01-3.65m-.69%2032.04c-1.37-.87-5.43-1.21-7.11%201.97c-1.23%202.34.46%204.92%201.93%204.85c1.67-.08%201.11-2.74%202.18-3.34c1.63-.91%204.92-2.26%203-3.48M57.4%2083.13c-1.47-.69-5.67-.49-6.48%203.01c-.49%202.1%201.05%204.23%202.5%203.98c1.65-.28.77-2.85%201.76-3.58c1.5-1.1%204.27-2.44%202.22-3.41m37.68-45.08c-1.32-.94-5.49-1.49-6.91%201.81c-.85%201.98.28%204.35%201.75%204.36c1.67.01%201.26-2.67%202.37-3.21c1.67-.81%204.64-1.64%202.79-2.96%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 artist-palette 加一点动效

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

呼吸

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

css呼吸动效样式

.icon-artist-palette {
  animation: icon-breathe 1.8s ease-in-out infinite;
}

@keyframes icon-breathe {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.35; }
}

旋转

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

css旋转动效样式

.icon-artist-palette {
  animation: icon-spin 1.6s linear infinite;
}

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

SVG 健康报告

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

文件体积

3.88 KB

3,970 字节

viewBox

0 0 128 128

矢量坐标系

图元总数

<path> ×13

风格

多色填充

填充跟随容器颜色

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

常见问题

关于 artist-palette 图标的下载、商用与改色。

artist-palette 图标是什么？▾

它是 Noto Emoji（noto）开源图标集中的 artist-palette 图标，多色填充，viewBox 为 0 0 128 128，文件仅 3.88 KB，矢量格式可无损缩放到任意尺寸。

如何下载 artist-palette 图标？▾

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

artist-palette 图标可以商用吗？▾

如何修改 artist-palette 图标的颜色？▾

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