找找图标
artist-palette 图标

artist-palette SVG 图标

noto-v1artist-palette

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

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

下载 artist-palette 图标

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

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

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

artist-palette 的预览与使用场景

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

预览颜色
artist-palette 图标 浅色背景预览浅色背景
artist-palette 图标 深色背景预览深色背景
artist-palette 图标 灰底融入预览灰底融入

在真实界面里长这样

继续按钮内 · 主操作
搜索artist-palette…输入框 · 前缀图标
artist-palette导航菜单 · 选中态
暂无内容空状态 · 引导提示
9:41artist-palette App 图标artist-paletteman-artistwoman-artistman-artist-dark-skin-toneman-artist-light-skin-toneman-artist-medium-skin-tonewoman-artist-dark-skin-tonewoman-artist-light-skin-tonewoman-artist-medium-skin-toneman-artist-medium-dark-skin-toneman-artist-medium-light-skin-tonewoman-artist-medium-dark-skin-tone手机桌面 · App 图标
artist-palettenoto-v1.design/icons/artist-palette浏览器 · 标签页与站点图标

各尺寸下的可读性

artist-palette 图标 24px 渲染24pxartist-palette 图标 32px 渲染32pxartist-palette 图标 48px 渲染48pxartist-palette 图标 64px 渲染64pxartist-palette 图标 96px 渲染96pxartist-palette 图标 128px 渲染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"><defs><path id="SVG78HFwS2F" d="M103.44 27.85c-2.15-5.08-6.79-11.67-11.58-14.6C80.72 6.4 66.56 5.08 53.93 7.5C34.09 11.3 15.5 24.13 6.19 42.21c-6.59 12.8-7.95 32.31.83 44.59c5.73 8.01 17.1 11.04 26.12 7.28c6.13-2.55 9.93-8.23 15.23-11.95c6.88-4.84 14.34-3.47 22.32-3.78c22.91-.87 41.64-29.39 32.75-50.5M69.75 60.89c-1.82.7-4.21 1.11-6.17.82c-1.98-.31-4.08-1.76-5.13-3.48c-3.65-5.92 2.41-12.77 8.01-14.26c2.78-.74 6.86-.28 9.07 1.63c5.73 4.95-.52 13.25-5.78 15.29"/></defs><use fill="#f79329" href="#SVG78HFwS2F"/><path fill="#ed6c30" d="M43.47 21.59c1.57-1.26 3.59-2.05 5.48-2.21c3.45-.3 5.89 2.77 5.75 6.17c-.19 4.3-4.91 6.39-8.85 6.22c-3.06-.13-5.58-2.89-5.07-5.87c.31-1.74 1.33-3.2 2.69-4.31"/><path fill="#bdcf46" d="M16.49 53.68c1.19-4.79 6.88-7.82 10.93-4.4c3.86 3.25 2.05 9.69-2.04 12.05c-2.72 1.57-6.76.52-8.33-2.39c-.87-1.61-1-3.5-.56-5.26"/><path fill="#006ca2" d="M28.73 70.02c2.27 4.3.76 10.93-4.77 11.39s-8.62-6.05-7.19-10.81c1.43-4.74 7.29-5.52 10.59-2.4c.56.53 1.02 1.14 1.37 1.82"/><path fill="#fcc21b" d="M38.28 39.46c-1.49 2.74-4.96 5.13-8.17 4.73c-4.03-.5-5.61-5.3-3.86-8.73c2.4-4.7 9.92-6.58 12.44-.8c.69 1.59.42 3.29-.41 4.8"/><defs><path id="SVGAV8ZddEK" d="M73.56 88.64c-5.05-.2-10.42 2.1-13.7 6.37c-3.4 4.42-3.3 10.08-3.44 15.38c-.08 2.88.4 6.9-1.69 9.24c-.94 1.05-1.93 1.27-3.21 1.43c-.5.06-2.94-.32-2.02 1.08c1.75 2.67 8.26 3.35 11.05 3.47c7.5.34 14.88-2.98 19.83-8.59c.51-.59 1-1.2 1.46-1.83c3.69-5.08 5.85-12.28 3.48-18.33c-2.14-5.45-6.8-8.03-11.76-8.22"/></defs><use fill="#fff" href="#SVGAV8ZddEK"/><clipPath id="SVGZGNjmdjx"><use href="#SVGAV8ZddEK"/></clipPath><path fill="#ed6c30" d="M65.05 103.63c.11.24.21.55.26.94c.31 2.38 2.13 2.9 4.29 2.9c2.19 0 4.92-.48 4.92 2.46c-.01 1.26-.61 2.19.65 2.96c1.9 1.16 5.54.89 7.38-.32c1.14-.75 2.74-1.42 2.02.71c-.42 1.23-1.24 2.36-1.84 3.52c-.66 1.27-1.49 2.28-2.49 3.3c-.73.75-1.23 1.65-2.07 2.29c-2.15 1.63-4.95 2.14-7.46 2.96c-3.36 1.1-6.57 3.06-10.17 2.05c-3.81-1.07-7.96-.64-11.71-1.87c-1.85-.61-3-1.73-2.72-3.72c.25-1.71 1.42-2.35 2.98-2.69c1.76-.39 3.2-.86 4.01-2.62c.7-1.49.22-3.66.12-5.24c-.14-2.15-.38-4.42.17-6.53c.46-1.74.97-3.48 1.73-5.12c.35-.77.72-1.71 1.28-2.35c.87-1 1.94-1.45 3.12-1.98c.37.95-.42 2.46-.56 3.42c-.23 1.65-.18 3.42 1.5 4.09c1.63.62 3.8-.82 4.59.84" clip-path="url(#SVGZGNjmdjx)"/><path fill="#855c52" d="M91.93 60.63c5.67-6.52 9.85-14.31 14.96-21.29c3.14-4.28 6.03-8.8 8.95-13.21c1.85-2.79 4.51-7.68 8.43-7.61c.68.01 1.3.3 1.85.69c1.21.86 1.2 2.93.8 4.21c-1.59 5.15-4.57 10.08-7.07 14.84c-.95 1.82-1.92 3.64-2.93 5.43c-2.95 5.25-6.03 10.43-8.75 15.81c-1.06 2.1-2.06 4.22-2.97 6.38c-.57 1.34-1.45 2.48-1.8 3.88c-.36 1.44-3.61-2.61-3.81-2.93c-.74-1.23-1.42-1.88-2.74-2.32c-.95-.31-6.04-1.04-5.63-2.66c.11-.42.37-.83.71-1.22"/><defs><path id="SVGshMCKdlF" d="M102.54 68.36c-.96-2.01-2.82-3.14-4.45-4.14c-.42-.26-.84-.51-1.22-.77c-2.58-1.77-4.79-2.2-6.57-1.35c-2.67 1.28-4.56 4.66-6.09 7.38c-.42.74-.8 1.42-1.15 1.98c-2.87 4.47-5.64 7.9-10.54 11.2l-.42.27c-1.11.71-2.63 1.69-2.75 3.46c-.05.75.16 1.88 1.47 2.99c1.43 1.21 3 1.95 4.52 2.66c.54.25 1.09.51 1.62.79c1.75.92 3.34 2.13 5.03 3.42l1 .75c.26.19.52.45.8.7c.78.73 1.75 1.65 3.01 2c.43.12.81.18 1.15.18c1.36 0 2.04-.84 2.41-1.29l.15-.18c1.46-1.71 2.18-4 2.81-6.02c.3-.98.59-1.91.93-2.69c.54-1.23 1.05-2.47 1.56-3.71c1.12-2.74 2.18-5.33 3.55-7.8c.32-.59.79-1.2 1.29-1.84c1.47-1.94 3.5-4.6 1.89-7.99"/></defs><use fill="#78a3ad" href="#SVGshMCKdlF"/><clipPath id="SVGwryO8Wmk"><use href="#SVGshMCKdlF"/></clipPath><path fill="#2f2f2f" d="M93.71 98.86c-.72 0-1.42-.35-1.87-.99c-.53-.79-.85-1.57-1.14-2.26c-.26-.63-.48-1.17-.81-1.6c-3.07-3.96-6.79-6.7-12.85-9.47c-1.81-.83-3.46-1.24-4.86-1.24c-1.25 0-2.26-1.01-2.26-2.25s1.01-2.25 2.26-2.25c2.05 0 4.32.56 6.73 1.65c4.71 2.15 10.13 5.12 14.54 10.81c.71.91 1.09 1.83 1.42 2.65c.23.56.43 1.04.71 1.45c.7 1.03.42 2.43-.6 3.12c-.4.25-.84.38-1.27.38" clip-path="url(#SVGwryO8Wmk)"/></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: `<defs><path id="SVG78HFwS2F" d="M103.44 27.85c-2.15-5.08-6.79-11.67-11.58-14.6C80.72 6.4 66.56 5.08 53.93 7.5C34.09 11.3 15.5 24.13 6.19 42.21c-6.59 12.8-7.95 32.31.83 44.59c5.73 8.01 17.1 11.04 26.12 7.28c6.13-2.55 9.93-8.23 15.23-11.95c6.88-4.84 14.34-3.47 22.32-3.78c22.91-.87 41.64-29.39 32.75-50.5M69.75 60.89c-1.82.7-4.21 1.11-6.17.82c-1.98-.31-4.08-1.76-5.13-3.48c-3.65-5.92 2.41-12.77 8.01-14.26c2.78-.74 6.86-.28 9.07 1.63c5.73 4.95-.52 13.25-5.78 15.29"/></defs><use fill="#f79329" href="#SVG78HFwS2F"/><path fill="#ed6c30" d="M43.47 21.59c1.57-1.26 3.59-2.05 5.48-2.21c3.45-.3 5.89 2.77 5.75 6.17c-.19 4.3-4.91 6.39-8.85 6.22c-3.06-.13-5.58-2.89-5.07-5.87c.31-1.74 1.33-3.2 2.69-4.31"/><path fill="#bdcf46" d="M16.49 53.68c1.19-4.79 6.88-7.82 10.93-4.4c3.86 3.25 2.05 9.69-2.04 12.05c-2.72 1.57-6.76.52-8.33-2.39c-.87-1.61-1-3.5-.56-5.26"/><path fill="#006ca2" d="M28.73 70.02c2.27 4.3.76 10.93-4.77 11.39s-8.62-6.05-7.19-10.81c1.43-4.74 7.29-5.52 10.59-2.4c.56.53 1.02 1.14 1.37 1.82"/><path fill="#fcc21b" d="M38.28 39.46c-1.49 2.74-4.96 5.13-8.17 4.73c-4.03-.5-5.61-5.3-3.86-8.73c2.4-4.7 9.92-6.58 12.44-.8c.69 1.59.42 3.29-.41 4.8"/><defs><path id="SVGAV8ZddEK" d="M73.56 88.64c-5.05-.2-10.42 2.1-13.7 6.37c-3.4 4.42-3.3 10.08-3.44 15.38c-.08 2.88.4 6.9-1.69 9.24c-.94 1.05-1.93 1.27-3.21 1.43c-.5.06-2.94-.32-2.02 1.08c1.75 2.67 8.26 3.35 11.05 3.47c7.5.34 14.88-2.98 19.83-8.59c.51-.59 1-1.2 1.46-1.83c3.69-5.08 5.85-12.28 3.48-18.33c-2.14-5.45-6.8-8.03-11.76-8.22"/></defs><use fill="#fff" href="#SVGAV8ZddEK"/><clipPath id="SVGZGNjmdjx"><use href="#SVGAV8ZddEK"/></clipPath><path fill="#ed6c30" d="M65.05 103.63c.11.24.21.55.26.94c.31 2.38 2.13 2.9 4.29 2.9c2.19 0 4.92-.48 4.92 2.46c-.01 1.26-.61 2.19.65 2.96c1.9 1.16 5.54.89 7.38-.32c1.14-.75 2.74-1.42 2.02.71c-.42 1.23-1.24 2.36-1.84 3.52c-.66 1.27-1.49 2.28-2.49 3.3c-.73.75-1.23 1.65-2.07 2.29c-2.15 1.63-4.95 2.14-7.46 2.96c-3.36 1.1-6.57 3.06-10.17 2.05c-3.81-1.07-7.96-.64-11.71-1.87c-1.85-.61-3-1.73-2.72-3.72c.25-1.71 1.42-2.35 2.98-2.69c1.76-.39 3.2-.86 4.01-2.62c.7-1.49.22-3.66.12-5.24c-.14-2.15-.38-4.42.17-6.53c.46-1.74.97-3.48 1.73-5.12c.35-.77.72-1.71 1.28-2.35c.87-1 1.94-1.45 3.12-1.98c.37.95-.42 2.46-.56 3.42c-.23 1.65-.18 3.42 1.5 4.09c1.63.62 3.8-.82 4.59.84" clip-path="url(#SVGZGNjmdjx)"/><path fill="#855c52" d="M91.93 60.63c5.67-6.52 9.85-14.31 14.96-21.29c3.14-4.28 6.03-8.8 8.95-13.21c1.85-2.79 4.51-7.68 8.43-7.61c.68.01 1.3.3 1.85.69c1.21.86 1.2 2.93.8 4.21c-1.59 5.15-4.57 10.08-7.07 14.84c-.95 1.82-1.92 3.64-2.93 5.43c-2.95 5.25-6.03 10.43-8.75 15.81c-1.06 2.1-2.06 4.22-2.97 6.38c-.57 1.34-1.45 2.48-1.8 3.88c-.36 1.44-3.61-2.61-3.81-2.93c-.74-1.23-1.42-1.88-2.74-2.32c-.95-.31-6.04-1.04-5.63-2.66c.11-.42.37-.83.71-1.22"/><defs><path id="SVGshMCKdlF" d="M102.54 68.36c-.96-2.01-2.82-3.14-4.45-4.14c-.42-.26-.84-.51-1.22-.77c-2.58-1.77-4.79-2.2-6.57-1.35c-2.67 1.28-4.56 4.66-6.09 7.38c-.42.74-.8 1.42-1.15 1.98c-2.87 4.47-5.64 7.9-10.54 11.2l-.42.27c-1.11.71-2.63 1.69-2.75 3.46c-.05.75.16 1.88 1.47 2.99c1.43 1.21 3 1.95 4.52 2.66c.54.25 1.09.51 1.62.79c1.75.92 3.34 2.13 5.03 3.42l1 .75c.26.19.52.45.8.7c.78.73 1.75 1.65 3.01 2c.43.12.81.18 1.15.18c1.36 0 2.04-.84 2.41-1.29l.15-.18c1.46-1.71 2.18-4 2.81-6.02c.3-.98.59-1.91.93-2.69c.54-1.23 1.05-2.47 1.56-3.71c1.12-2.74 2.18-5.33 3.55-7.8c.32-.59.79-1.2 1.29-1.84c1.47-1.94 3.5-4.6 1.89-7.99"/></defs><use fill="#78a3ad" href="#SVGshMCKdlF"/><clipPath id="SVGwryO8Wmk"><use href="#SVGshMCKdlF"/></clipPath><path fill="#2f2f2f" d="M93.71 98.86c-.72 0-1.42-.35-1.87-.99c-.53-.79-.85-1.57-1.14-2.26c-.26-.63-.48-1.17-.81-1.6c-3.07-3.96-6.79-6.7-12.85-9.47c-1.81-.83-3.46-1.24-4.86-1.24c-1.25 0-2.26-1.01-2.26-2.25s1.01-2.25 2.26-2.25c2.05 0 4.32.56 6.73 1.65c4.71 2.15 10.13 5.12 14.54 10.81c.71.91 1.09 1.83 1.42 2.65c.23.56.43 1.04.71 1.45c.7 1.03.42 2.43-.6 3.12c-.4.25-.84.38-1.27.38" clip-path="url(#SVGwryO8Wmk)"/>` }}
    />
  );
}
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 = `<defs><path id="SVG78HFwS2F" d="M103.44 27.85c-2.15-5.08-6.79-11.67-11.58-14.6C80.72 6.4 66.56 5.08 53.93 7.5C34.09 11.3 15.5 24.13 6.19 42.21c-6.59 12.8-7.95 32.31.83 44.59c5.73 8.01 17.1 11.04 26.12 7.28c6.13-2.55 9.93-8.23 15.23-11.95c6.88-4.84 14.34-3.47 22.32-3.78c22.91-.87 41.64-29.39 32.75-50.5M69.75 60.89c-1.82.7-4.21 1.11-6.17.82c-1.98-.31-4.08-1.76-5.13-3.48c-3.65-5.92 2.41-12.77 8.01-14.26c2.78-.74 6.86-.28 9.07 1.63c5.73 4.95-.52 13.25-5.78 15.29"/></defs><use fill="#f79329" href="#SVG78HFwS2F"/><path fill="#ed6c30" d="M43.47 21.59c1.57-1.26 3.59-2.05 5.48-2.21c3.45-.3 5.89 2.77 5.75 6.17c-.19 4.3-4.91 6.39-8.85 6.22c-3.06-.13-5.58-2.89-5.07-5.87c.31-1.74 1.33-3.2 2.69-4.31"/><path fill="#bdcf46" d="M16.49 53.68c1.19-4.79 6.88-7.82 10.93-4.4c3.86 3.25 2.05 9.69-2.04 12.05c-2.72 1.57-6.76.52-8.33-2.39c-.87-1.61-1-3.5-.56-5.26"/><path fill="#006ca2" d="M28.73 70.02c2.27 4.3.76 10.93-4.77 11.39s-8.62-6.05-7.19-10.81c1.43-4.74 7.29-5.52 10.59-2.4c.56.53 1.02 1.14 1.37 1.82"/><path fill="#fcc21b" d="M38.28 39.46c-1.49 2.74-4.96 5.13-8.17 4.73c-4.03-.5-5.61-5.3-3.86-8.73c2.4-4.7 9.92-6.58 12.44-.8c.69 1.59.42 3.29-.41 4.8"/><defs><path id="SVGAV8ZddEK" d="M73.56 88.64c-5.05-.2-10.42 2.1-13.7 6.37c-3.4 4.42-3.3 10.08-3.44 15.38c-.08 2.88.4 6.9-1.69 9.24c-.94 1.05-1.93 1.27-3.21 1.43c-.5.06-2.94-.32-2.02 1.08c1.75 2.67 8.26 3.35 11.05 3.47c7.5.34 14.88-2.98 19.83-8.59c.51-.59 1-1.2 1.46-1.83c3.69-5.08 5.85-12.28 3.48-18.33c-2.14-5.45-6.8-8.03-11.76-8.22"/></defs><use fill="#fff" href="#SVGAV8ZddEK"/><clipPath id="SVGZGNjmdjx"><use href="#SVGAV8ZddEK"/></clipPath><path fill="#ed6c30" d="M65.05 103.63c.11.24.21.55.26.94c.31 2.38 2.13 2.9 4.29 2.9c2.19 0 4.92-.48 4.92 2.46c-.01 1.26-.61 2.19.65 2.96c1.9 1.16 5.54.89 7.38-.32c1.14-.75 2.74-1.42 2.02.71c-.42 1.23-1.24 2.36-1.84 3.52c-.66 1.27-1.49 2.28-2.49 3.3c-.73.75-1.23 1.65-2.07 2.29c-2.15 1.63-4.95 2.14-7.46 2.96c-3.36 1.1-6.57 3.06-10.17 2.05c-3.81-1.07-7.96-.64-11.71-1.87c-1.85-.61-3-1.73-2.72-3.72c.25-1.71 1.42-2.35 2.98-2.69c1.76-.39 3.2-.86 4.01-2.62c.7-1.49.22-3.66.12-5.24c-.14-2.15-.38-4.42.17-6.53c.46-1.74.97-3.48 1.73-5.12c.35-.77.72-1.71 1.28-2.35c.87-1 1.94-1.45 3.12-1.98c.37.95-.42 2.46-.56 3.42c-.23 1.65-.18 3.42 1.5 4.09c1.63.62 3.8-.82 4.59.84" clip-path="url(#SVGZGNjmdjx)"/><path fill="#855c52" d="M91.93 60.63c5.67-6.52 9.85-14.31 14.96-21.29c3.14-4.28 6.03-8.8 8.95-13.21c1.85-2.79 4.51-7.68 8.43-7.61c.68.01 1.3.3 1.85.69c1.21.86 1.2 2.93.8 4.21c-1.59 5.15-4.57 10.08-7.07 14.84c-.95 1.82-1.92 3.64-2.93 5.43c-2.95 5.25-6.03 10.43-8.75 15.81c-1.06 2.1-2.06 4.22-2.97 6.38c-.57 1.34-1.45 2.48-1.8 3.88c-.36 1.44-3.61-2.61-3.81-2.93c-.74-1.23-1.42-1.88-2.74-2.32c-.95-.31-6.04-1.04-5.63-2.66c.11-.42.37-.83.71-1.22"/><defs><path id="SVGshMCKdlF" d="M102.54 68.36c-.96-2.01-2.82-3.14-4.45-4.14c-.42-.26-.84-.51-1.22-.77c-2.58-1.77-4.79-2.2-6.57-1.35c-2.67 1.28-4.56 4.66-6.09 7.38c-.42.74-.8 1.42-1.15 1.98c-2.87 4.47-5.64 7.9-10.54 11.2l-.42.27c-1.11.71-2.63 1.69-2.75 3.46c-.05.75.16 1.88 1.47 2.99c1.43 1.21 3 1.95 4.52 2.66c.54.25 1.09.51 1.62.79c1.75.92 3.34 2.13 5.03 3.42l1 .75c.26.19.52.45.8.7c.78.73 1.75 1.65 3.01 2c.43.12.81.18 1.15.18c1.36 0 2.04-.84 2.41-1.29l.15-.18c1.46-1.71 2.18-4 2.81-6.02c.3-.98.59-1.91.93-2.69c.54-1.23 1.05-2.47 1.56-3.71c1.12-2.74 2.18-5.33 3.55-7.8c.32-.59.79-1.2 1.29-1.84c1.47-1.94 3.5-4.6 1.89-7.99"/></defs><use fill="#78a3ad" href="#SVGshMCKdlF"/><clipPath id="SVGwryO8Wmk"><use href="#SVGshMCKdlF"/></clipPath><path fill="#2f2f2f" d="M93.71 98.86c-.72 0-1.42-.35-1.87-.99c-.53-.79-.85-1.57-1.14-2.26c-.26-.63-.48-1.17-.81-1.6c-3.07-3.96-6.79-6.7-12.85-9.47c-1.81-.83-3.46-1.24-4.86-1.24c-1.25 0-2.26-1.01-2.26-2.25s1.01-2.25 2.26-2.25c2.05 0 4.32.56 6.73 1.65c4.71 2.15 10.13 5.12 14.54 10.81c.71.91 1.09 1.83 1.42 2.65c.23.56.43 1.04.71 1.45c.7 1.03.42 2.43-.6 3.12c-.4.25-.84.38-1.27.38" clip-path="url(#SVGwryO8Wmk)"/>`;
</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%3Cdefs%3E%3Cpath%20id%3D%22SVG78HFwS2F%22%20d%3D%22M103.44%2027.85c-2.15-5.08-6.79-11.67-11.58-14.6C80.72%206.4%2066.56%205.08%2053.93%207.5C34.09%2011.3%2015.5%2024.13%206.19%2042.21c-6.59%2012.8-7.95%2032.31.83%2044.59c5.73%208.01%2017.1%2011.04%2026.12%207.28c6.13-2.55%209.93-8.23%2015.23-11.95c6.88-4.84%2014.34-3.47%2022.32-3.78c22.91-.87%2041.64-29.39%2032.75-50.5M69.75%2060.89c-1.82.7-4.21%201.11-6.17.82c-1.98-.31-4.08-1.76-5.13-3.48c-3.65-5.92%202.41-12.77%208.01-14.26c2.78-.74%206.86-.28%209.07%201.63c5.73%204.95-.52%2013.25-5.78%2015.29%22%2F%3E%3C%2Fdefs%3E%3Cuse%20fill%3D%22%23f79329%22%20href%3D%22%23SVG78HFwS2F%22%2F%3E%3Cpath%20fill%3D%22%23ed6c30%22%20d%3D%22M43.47%2021.59c1.57-1.26%203.59-2.05%205.48-2.21c3.45-.3%205.89%202.77%205.75%206.17c-.19%204.3-4.91%206.39-8.85%206.22c-3.06-.13-5.58-2.89-5.07-5.87c.31-1.74%201.33-3.2%202.69-4.31%22%2F%3E%3Cpath%20fill%3D%22%23bdcf46%22%20d%3D%22M16.49%2053.68c1.19-4.79%206.88-7.82%2010.93-4.4c3.86%203.25%202.05%209.69-2.04%2012.05c-2.72%201.57-6.76.52-8.33-2.39c-.87-1.61-1-3.5-.56-5.26%22%2F%3E%3Cpath%20fill%3D%22%23006ca2%22%20d%3D%22M28.73%2070.02c2.27%204.3.76%2010.93-4.77%2011.39s-8.62-6.05-7.19-10.81c1.43-4.74%207.29-5.52%2010.59-2.4c.56.53%201.02%201.14%201.37%201.82%22%2F%3E%3Cpath%20fill%3D%22%23fcc21b%22%20d%3D%22M38.28%2039.46c-1.49%202.74-4.96%205.13-8.17%204.73c-4.03-.5-5.61-5.3-3.86-8.73c2.4-4.7%209.92-6.58%2012.44-.8c.69%201.59.42%203.29-.41%204.8%22%2F%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGAV8ZddEK%22%20d%3D%22M73.56%2088.64c-5.05-.2-10.42%202.1-13.7%206.37c-3.4%204.42-3.3%2010.08-3.44%2015.38c-.08%202.88.4%206.9-1.69%209.24c-.94%201.05-1.93%201.27-3.21%201.43c-.5.06-2.94-.32-2.02%201.08c1.75%202.67%208.26%203.35%2011.05%203.47c7.5.34%2014.88-2.98%2019.83-8.59c.51-.59%201-1.2%201.46-1.83c3.69-5.08%205.85-12.28%203.48-18.33c-2.14-5.45-6.8-8.03-11.76-8.22%22%2F%3E%3C%2Fdefs%3E%3Cuse%20fill%3D%22%23fff%22%20href%3D%22%23SVGAV8ZddEK%22%2F%3E%3CclipPath%20id%3D%22SVGZGNjmdjx%22%3E%3Cuse%20href%3D%22%23SVGAV8ZddEK%22%2F%3E%3C%2FclipPath%3E%3Cpath%20fill%3D%22%23ed6c30%22%20d%3D%22M65.05%20103.63c.11.24.21.55.26.94c.31%202.38%202.13%202.9%204.29%202.9c2.19%200%204.92-.48%204.92%202.46c-.01%201.26-.61%202.19.65%202.96c1.9%201.16%205.54.89%207.38-.32c1.14-.75%202.74-1.42%202.02.71c-.42%201.23-1.24%202.36-1.84%203.52c-.66%201.27-1.49%202.28-2.49%203.3c-.73.75-1.23%201.65-2.07%202.29c-2.15%201.63-4.95%202.14-7.46%202.96c-3.36%201.1-6.57%203.06-10.17%202.05c-3.81-1.07-7.96-.64-11.71-1.87c-1.85-.61-3-1.73-2.72-3.72c.25-1.71%201.42-2.35%202.98-2.69c1.76-.39%203.2-.86%204.01-2.62c.7-1.49.22-3.66.12-5.24c-.14-2.15-.38-4.42.17-6.53c.46-1.74.97-3.48%201.73-5.12c.35-.77.72-1.71%201.28-2.35c.87-1%201.94-1.45%203.12-1.98c.37.95-.42%202.46-.56%203.42c-.23%201.65-.18%203.42%201.5%204.09c1.63.62%203.8-.82%204.59.84%22%20clip-path%3D%22url(%23SVGZGNjmdjx)%22%2F%3E%3Cpath%20fill%3D%22%23855c52%22%20d%3D%22M91.93%2060.63c5.67-6.52%209.85-14.31%2014.96-21.29c3.14-4.28%206.03-8.8%208.95-13.21c1.85-2.79%204.51-7.68%208.43-7.61c.68.01%201.3.3%201.85.69c1.21.86%201.2%202.93.8%204.21c-1.59%205.15-4.57%2010.08-7.07%2014.84c-.95%201.82-1.92%203.64-2.93%205.43c-2.95%205.25-6.03%2010.43-8.75%2015.81c-1.06%202.1-2.06%204.22-2.97%206.38c-.57%201.34-1.45%202.48-1.8%203.88c-.36%201.44-3.61-2.61-3.81-2.93c-.74-1.23-1.42-1.88-2.74-2.32c-.95-.31-6.04-1.04-5.63-2.66c.11-.42.37-.83.71-1.22%22%2F%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGshMCKdlF%22%20d%3D%22M102.54%2068.36c-.96-2.01-2.82-3.14-4.45-4.14c-.42-.26-.84-.51-1.22-.77c-2.58-1.77-4.79-2.2-6.57-1.35c-2.67%201.28-4.56%204.66-6.09%207.38c-.42.74-.8%201.42-1.15%201.98c-2.87%204.47-5.64%207.9-10.54%2011.2l-.42.27c-1.11.71-2.63%201.69-2.75%203.46c-.05.75.16%201.88%201.47%202.99c1.43%201.21%203%201.95%204.52%202.66c.54.25%201.09.51%201.62.79c1.75.92%203.34%202.13%205.03%203.42l1%20.75c.26.19.52.45.8.7c.78.73%201.75%201.65%203.01%202c.43.12.81.18%201.15.18c1.36%200%202.04-.84%202.41-1.29l.15-.18c1.46-1.71%202.18-4%202.81-6.02c.3-.98.59-1.91.93-2.69c.54-1.23%201.05-2.47%201.56-3.71c1.12-2.74%202.18-5.33%203.55-7.8c.32-.59.79-1.2%201.29-1.84c1.47-1.94%203.5-4.6%201.89-7.99%22%2F%3E%3C%2Fdefs%3E%3Cuse%20fill%3D%22%2378a3ad%22%20href%3D%22%23SVGshMCKdlF%22%2F%3E%3CclipPath%20id%3D%22SVGwryO8Wmk%22%3E%3Cuse%20href%3D%22%23SVGshMCKdlF%22%2F%3E%3C%2FclipPath%3E%3Cpath%20fill%3D%22%232f2f2f%22%20d%3D%22M93.71%2098.86c-.72%200-1.42-.35-1.87-.99c-.53-.79-.85-1.57-1.14-2.26c-.26-.63-.48-1.17-.81-1.6c-3.07-3.96-6.79-6.7-12.85-9.47c-1.81-.83-3.46-1.24-4.86-1.24c-1.25%200-2.26-1.01-2.26-2.25s1.01-2.25%202.26-2.25c2.05%200%204.32.56%206.73%201.65c4.71%202.15%2010.13%205.12%2014.54%2010.81c.71.91%201.09%201.83%201.42%202.65c.23.56.43%201.04.71%201.45c.7%201.03.42%202.43-.6%203.12c-.4.25-.84.38-1.27.38%22%20clip-path%3D%22url(%23SVGwryO8Wmk)%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%3Cdefs%3E%3Cpath%20id%3D%22SVG78HFwS2F%22%20d%3D%22M103.44%2027.85c-2.15-5.08-6.79-11.67-11.58-14.6C80.72%206.4%2066.56%205.08%2053.93%207.5C34.09%2011.3%2015.5%2024.13%206.19%2042.21c-6.59%2012.8-7.95%2032.31.83%2044.59c5.73%208.01%2017.1%2011.04%2026.12%207.28c6.13-2.55%209.93-8.23%2015.23-11.95c6.88-4.84%2014.34-3.47%2022.32-3.78c22.91-.87%2041.64-29.39%2032.75-50.5M69.75%2060.89c-1.82.7-4.21%201.11-6.17.82c-1.98-.31-4.08-1.76-5.13-3.48c-3.65-5.92%202.41-12.77%208.01-14.26c2.78-.74%206.86-.28%209.07%201.63c5.73%204.95-.52%2013.25-5.78%2015.29%22%2F%3E%3C%2Fdefs%3E%3Cuse%20fill%3D%22%23f79329%22%20href%3D%22%23SVG78HFwS2F%22%2F%3E%3Cpath%20fill%3D%22%23ed6c30%22%20d%3D%22M43.47%2021.59c1.57-1.26%203.59-2.05%205.48-2.21c3.45-.3%205.89%202.77%205.75%206.17c-.19%204.3-4.91%206.39-8.85%206.22c-3.06-.13-5.58-2.89-5.07-5.87c.31-1.74%201.33-3.2%202.69-4.31%22%2F%3E%3Cpath%20fill%3D%22%23bdcf46%22%20d%3D%22M16.49%2053.68c1.19-4.79%206.88-7.82%2010.93-4.4c3.86%203.25%202.05%209.69-2.04%2012.05c-2.72%201.57-6.76.52-8.33-2.39c-.87-1.61-1-3.5-.56-5.26%22%2F%3E%3Cpath%20fill%3D%22%23006ca2%22%20d%3D%22M28.73%2070.02c2.27%204.3.76%2010.93-4.77%2011.39s-8.62-6.05-7.19-10.81c1.43-4.74%207.29-5.52%2010.59-2.4c.56.53%201.02%201.14%201.37%201.82%22%2F%3E%3Cpath%20fill%3D%22%23fcc21b%22%20d%3D%22M38.28%2039.46c-1.49%202.74-4.96%205.13-8.17%204.73c-4.03-.5-5.61-5.3-3.86-8.73c2.4-4.7%209.92-6.58%2012.44-.8c.69%201.59.42%203.29-.41%204.8%22%2F%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGAV8ZddEK%22%20d%3D%22M73.56%2088.64c-5.05-.2-10.42%202.1-13.7%206.37c-3.4%204.42-3.3%2010.08-3.44%2015.38c-.08%202.88.4%206.9-1.69%209.24c-.94%201.05-1.93%201.27-3.21%201.43c-.5.06-2.94-.32-2.02%201.08c1.75%202.67%208.26%203.35%2011.05%203.47c7.5.34%2014.88-2.98%2019.83-8.59c.51-.59%201-1.2%201.46-1.83c3.69-5.08%205.85-12.28%203.48-18.33c-2.14-5.45-6.8-8.03-11.76-8.22%22%2F%3E%3C%2Fdefs%3E%3Cuse%20fill%3D%22%23fff%22%20href%3D%22%23SVGAV8ZddEK%22%2F%3E%3CclipPath%20id%3D%22SVGZGNjmdjx%22%3E%3Cuse%20href%3D%22%23SVGAV8ZddEK%22%2F%3E%3C%2FclipPath%3E%3Cpath%20fill%3D%22%23ed6c30%22%20d%3D%22M65.05%20103.63c.11.24.21.55.26.94c.31%202.38%202.13%202.9%204.29%202.9c2.19%200%204.92-.48%204.92%202.46c-.01%201.26-.61%202.19.65%202.96c1.9%201.16%205.54.89%207.38-.32c1.14-.75%202.74-1.42%202.02.71c-.42%201.23-1.24%202.36-1.84%203.52c-.66%201.27-1.49%202.28-2.49%203.3c-.73.75-1.23%201.65-2.07%202.29c-2.15%201.63-4.95%202.14-7.46%202.96c-3.36%201.1-6.57%203.06-10.17%202.05c-3.81-1.07-7.96-.64-11.71-1.87c-1.85-.61-3-1.73-2.72-3.72c.25-1.71%201.42-2.35%202.98-2.69c1.76-.39%203.2-.86%204.01-2.62c.7-1.49.22-3.66.12-5.24c-.14-2.15-.38-4.42.17-6.53c.46-1.74.97-3.48%201.73-5.12c.35-.77.72-1.71%201.28-2.35c.87-1%201.94-1.45%203.12-1.98c.37.95-.42%202.46-.56%203.42c-.23%201.65-.18%203.42%201.5%204.09c1.63.62%203.8-.82%204.59.84%22%20clip-path%3D%22url(%23SVGZGNjmdjx)%22%2F%3E%3Cpath%20fill%3D%22%23855c52%22%20d%3D%22M91.93%2060.63c5.67-6.52%209.85-14.31%2014.96-21.29c3.14-4.28%206.03-8.8%208.95-13.21c1.85-2.79%204.51-7.68%208.43-7.61c.68.01%201.3.3%201.85.69c1.21.86%201.2%202.93.8%204.21c-1.59%205.15-4.57%2010.08-7.07%2014.84c-.95%201.82-1.92%203.64-2.93%205.43c-2.95%205.25-6.03%2010.43-8.75%2015.81c-1.06%202.1-2.06%204.22-2.97%206.38c-.57%201.34-1.45%202.48-1.8%203.88c-.36%201.44-3.61-2.61-3.81-2.93c-.74-1.23-1.42-1.88-2.74-2.32c-.95-.31-6.04-1.04-5.63-2.66c.11-.42.37-.83.71-1.22%22%2F%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGshMCKdlF%22%20d%3D%22M102.54%2068.36c-.96-2.01-2.82-3.14-4.45-4.14c-.42-.26-.84-.51-1.22-.77c-2.58-1.77-4.79-2.2-6.57-1.35c-2.67%201.28-4.56%204.66-6.09%207.38c-.42.74-.8%201.42-1.15%201.98c-2.87%204.47-5.64%207.9-10.54%2011.2l-.42.27c-1.11.71-2.63%201.69-2.75%203.46c-.05.75.16%201.88%201.47%202.99c1.43%201.21%203%201.95%204.52%202.66c.54.25%201.09.51%201.62.79c1.75.92%203.34%202.13%205.03%203.42l1%20.75c.26.19.52.45.8.7c.78.73%201.75%201.65%203.01%202c.43.12.81.18%201.15.18c1.36%200%202.04-.84%202.41-1.29l.15-.18c1.46-1.71%202.18-4%202.81-6.02c.3-.98.59-1.91.93-2.69c.54-1.23%201.05-2.47%201.56-3.71c1.12-2.74%202.18-5.33%203.55-7.8c.32-.59.79-1.2%201.29-1.84c1.47-1.94%203.5-4.6%201.89-7.99%22%2F%3E%3C%2Fdefs%3E%3Cuse%20fill%3D%22%2378a3ad%22%20href%3D%22%23SVGshMCKdlF%22%2F%3E%3CclipPath%20id%3D%22SVGwryO8Wmk%22%3E%3Cuse%20href%3D%22%23SVGshMCKdlF%22%2F%3E%3C%2FclipPath%3E%3Cpath%20fill%3D%22%232f2f2f%22%20d%3D%22M93.71%2098.86c-.72%200-1.42-.35-1.87-.99c-.53-.79-.85-1.57-1.14-2.26c-.26-.63-.48-1.17-.81-1.6c-3.07-3.96-6.79-6.7-12.85-9.47c-1.81-.83-3.46-1.24-4.86-1.24c-1.25%200-2.26-1.01-2.26-2.25s1.01-2.25%202.26-2.25c2.05%200%204.32.56%206.73%201.65c4.71%202.15%2010.13%205.12%2014.54%2010.81c.71.91%201.09%201.83%201.42%202.65c.23.56.43%201.04.71%201.45c.7%201.03.42%202.43-.6%203.12c-.4.25-.84.38-1.27.38%22%20clip-path%3D%22url(%23SVGwryO8Wmk)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 artist-palette 加一点动效

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

artist-palette 呼吸动效演示

呼吸

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

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

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

旋转

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

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

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

SVG 健康报告

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

文件体积

3.88 KB

3,971 字节

viewBox

0 0 128 128

矢量坐标系

图元总数

10

<path> ×10

风格

多色填充

填充跟随容器颜色

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

常见问题

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

artist-palette 图标是什么？▾

它是 Noto Emoji (v1)（noto-v1）开源图标集中的 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 图标可以商用吗？▾

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

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

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

Noto Emoji (v1) 中的相近图标

man-artist
woman-artist
man-artist-dark-skin-tone
man-artist-light-skin-tone
man-artist-medium-skin-tone
woman-artist-dark-skin-tone
woman-artist-light-skin-tone
woman-artist-medium-skin-tone
man-artist-medium-dark-skin-tone
man-artist-medium-light-skin-tone
woman-artist-medium-dark-skin-tone
woman-artist-medium-light-skin-tone