跳到内容
SVG Nexus 矢量与 3D 图标
3d MIT 17 个矢量节点
Candy - Fluent UI Emoji iconFree Candy vector icon from the Fluent UI Emoji open-source icon library; 3d style, MIT licence, viewBox 0 0 32 32, 8235 bytes.
viewBox 0 0 32 32 静态
1. 颜色

在您选择新颜色之前，系统会完整保留图标的原始默认颜色。

2. 画布背景与变换
3. 实时矢量动画预设 包含在 SVG 导出中
在 SVG 编辑器中编辑 打开矢量工作室
Fluent UI Emoji | 3D矢量图标 | viewBox="0 0 32 32" | 可免费商用

Candy SVG 图标

来源、作者和许可可在预览和图标详情中查看。 Candy - 商业和个人使用均免费. 无需注册登录 | 100% 浏览器本地处理

矢量与高清位图即时下载
在您选择新颜色之前，系统会完整保留图标的原始默认颜色。 含署名信息的打包下载 fluentui-emoji-candy.svg (8,648 B)
面向开发者和前端框架的快速复制
实时代码输出 
<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="Candy icon"><title>Candy - Fluent UI Emoji icon</title><desc>Free Candy vector icon from the Fluent UI Emoji open-source icon library; 3d style, MIT licence, viewBox 0 0 32 32, 8235 bytes.</desc>
<path d="M13 3.99998C13 2.89998 12.2135 2.08134 11.0625 1.9375C9.875 1.78909 9.10938 2.49997 8.51562 3.57811C8.20282 4.14611 7.69531 4.34368 7.13281 4.15621C6.07292 3.80295 5.07886 3.24214 4.07812 4.38277C3.35156 5.21089 3.46006 6.16444 4.07812 7.07811C4.4375 7.60936 4.46599 8.50491 3.85938 8.85154C2.98438 9.35154 2.01562 9.89998 2.01562 11C2.01562 12.5937 3.22812 13.375 4.32812 13.375L13 13V3.99998Z" fill="url(#nx6135_paint0_linear_18_32303)"/>
<path d="M13 3.99998C13 2.89998 12.2135 2.08134 11.0625 1.9375C9.875 1.78909 9.10938 2.49997 8.51562 3.57811C8.20282 4.14611 7.69531 4.34368 7.13281 4.15621C6.07292 3.80295 5.07886 3.24214 4.07812 4.38277C3.35156 5.21089 3.46006 6.16444 4.07812 7.07811C4.4375 7.60936 4.46599 8.50491 3.85938 8.85154C2.98438 9.35154 2.01562 9.89998 2.01562 11C2.01562 12.5937 3.22812 13.375 4.32812 13.375L13 13V3.99998Z" fill="url(#nx6135_paint1_radial_18_32303)"/>
<path d="M13 3.99998C13 2.89998 12.2135 2.08134 11.0625 1.9375C9.875 1.78909 9.10938 2.49997 8.51562 3.57811C8.20282 4.14611 7.69531 4.34368 7.13281 4.15621C6.07292 3.80295 5.07886 3.24214 4.07812 4.38277C3.35156 5.21089 3.46006 6.16444 4.07812 7.07811C4.4375 7.60936 4.46599 8.50491 3.85938 8.85154C2.98438 9.35154 2.01562 9.89998 2.01562 11C2.01562 12.5937 3.22812 13.375 4.32812 13.375L13 13V3.99998Z" fill="url(#nx6135_paint2_radial_18_32303)"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" fill="url(#nx6135_paint3_radial_18_32303)"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" fill="url(#nx6135_paint4_radial_18_32303)"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" fill="url(#nx6135_paint5_radial_18_32303)"/>
<path d="M13.2344 13.0156C16.5007 9.6733 23.0156 8.23438 25.625 13.2695C25.3867 12.4766 24.7656 10.5391 23.0156 8.87496C19.5156 5.98433 13.8416 7.95125 10.5937 11.5937C8.46307 13.9833 5.57031 19.7031 9.61719 23.6992C10.4609 24.3555 11.8437 25.4844 14.1719 25.8281C6.98438 22.6875 10.3465 15.9707 13.2344 13.0156Z" fill="url(#nx6135_paint6_linear_18_32303)"/>
<path d="M19.1094 24.1719C15.2031 24 15.2701 20.2321 17.2812 17.9766C20.6387 14.211 24.2891 16.0156 24.2187 19.0703H25.1808C26.4349 14.6766 23.3913 12.9922 20.9375 12.9922C17.3586 12.9922 14.1562 16.1094 13.2266 19.4609C12.4375 22.6406 14.2266 26.375 19.1094 25.125V24.1719Z" fill="#C62561"/>
<path d="M19.1094 24.1719C15.2031 24 15.2701 20.2321 17.2812 17.9766C20.6387 14.211 24.2891 16.0156 24.2187 19.0703H25.1808C26.4349 14.6766 23.3913 12.9922 20.9375 12.9922C17.3586 12.9922 14.1562 16.1094 13.2266 19.4609C12.4375 22.6406 14.2266 26.375 19.1094 25.125V24.1719Z" fill="url(#nx6135_paint7_radial_18_32303)"/>
<path d="M19 28C19 29.1 19.9 30 21 30C22.1 30 23 29.1 23 28C23 27.2 23.97 26.8 24.54 27.36L24.59 27.41C25.37 28.19 26.64 28.19 27.42 27.41C28.2 26.63 28.2 25.36 27.42 24.58L27.37 24.53C26.8 23.97 27.2 23 28 23C29.1 23 30 22.1 30 21C30 19.9 29.1 19 28 19H22.5C20.57 19 19 20.57 19 22.5V28Z" fill="url(#nx6135_paint8_linear_18_32303)"/>
<path d="M8.85156 9.00391C6.21406 11.6414 5.88281 14.8047 6.03906 16.8672C6.03906 16.8672 5.95968 12.9153 9.29687 9.57814C12.6341 6.24095 16.4219 6.01561 16.4219 6.01561C14.3125 5.89846 11.4891 6.36641 8.85156 9.00391Z" fill="#A72D36"/>
<g filter="url(#nx6135_filter0_f_18_32303)">
<path d="M26.6641 24.0547C27.1367 24.0039 26.6094 23.2812 27.211 22.1406C26.4844 22.6484 26.1914 24.1055 26.6641 24.0547Z" fill="#E75372"/>
</g>
<g filter="url(#nx6135_filter1_f_18_32303)">
<path d="M27.7196 25.3724C27.9826 25.8229 27.9149 26.8411 26.9618 27.263C25.7243 27.6943 26.9514 26.1823 27.7196 25.3724Z" fill="url(#nx6135_paint9_radial_18_32303)"/>
</g>
<g filter="url(#nx6135_filter2_f_18_32303)">
<path d="M29.5156 19.9688C29.8385 20.4434 30.125 21.5352 28.75 22.1618C27.925 22.5377 28.6927 20.9656 29.5156 19.9688Z" fill="url(#nx6135_paint10_radial_18_32303)"/>
</g>
<defs>
<filter id="nx6135_filter0_f_18_32303" x="26.0343" y="21.7406" width="1.57663" height="2.71534" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.2" result="effect1_foregroundBlur_18_32303"/>
</filter>
<filter id="nx6135_filter1_f_18_32303" x="26.1843" y="25.1224" width="1.91805" height="2.46649" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.125" result="effect1_foregroundBlur_18_32303"/>
</filter>
<filter id="nx6135_filter2_f_18_32303" x="27.996" y="19.5687" width="2.18687" height="3.04994" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.2" result="effect1_foregroundBlur_18_32303"/>
</filter>
<linearGradient id="nx6135_paint0_linear_18_32303" x1="2.01562" y1="7.64644" x2="13" y2="7.64644" gradientUnits="userSpaceOnUse">
<stop stop-color="#AA1C3D"/>
<stop offset="1" stop-color="#C31D45"/>
</linearGradient>
<radialGradient id="nx6135_paint1_radial_18_32303" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8 11.1875) rotate(123.69) scale(5.18298 4.96914)">
<stop stop-color="#951731"/>
<stop offset="1" stop-color="#9D1934" stop-opacity="0"/>
</radialGradient>
<radialGradient id="nx6135_paint2_radial_18_32303" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13.2187 4.40625) rotate(90) scale(5.0625 1.3908)">
<stop stop-color="#EC516B"/>
<stop offset="1" stop-color="#EB506C" stop-opacity="0"/>
</radialGradient>
<radialGradient id="nx6135_paint3_radial_18_32303" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(21.8125 11.8125) rotate(161.633) scale(16.6613)">
<stop stop-color="#FFD95A"/>
<stop offset="0.423359" stop-color="#EEB53D"/>
<stop offset="0.787547" stop-color="#CA8631"/>
<stop offset="1" stop-color="#B28341"/>
</radialGradient>
<radialGradient id="nx6135_paint4_radial_18_32303" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(15.625 26.6875) rotate(104.903) scale(8.01975 13.7205)">
<stop stop-color="#CD7677"/>
<stop offset="1" stop-color="#CE7A85" stop-opacity="0"/>
</radialGradient>
<radialGradient id="nx6135_paint5_radial_18_32303" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(20.0625 22.0625) rotate(151.844) scale(5.03309 3.80247)">
<stop stop-color="#CF771E"/>
<stop offset="1" stop-color="#C96D2E" stop-opacity="0"/>
</radialGradient>
<linearGradient id="nx6135_paint6_linear_18_32303" x1="24.0625" y1="9.8125" x2="9.6875" y2="23.875" gradientUnits="userSpaceOnUse">
<stop stop-color="#F54353"/>
<stop offset="0.485245" stop-color="#C01C47"/>
<stop offset="1" stop-color="#C2355A"/>
</linearGradient>
<radialGradient id="nx6135_paint7_radial_18_32303" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(21.625 12.5625) rotate(73.1132) scale(7.31544 7.34222)">
<stop offset="0.341752" stop-color="#F25271"/>
<stop offset="1" stop-color="#F15372" stop-opacity="0"/>
</radialGradient>
<linearGradient id="nx6135_paint8_linear_18_32303" x1="20.3125" y1="20.3125" x2="27.5" y2="27.75" gradientUnits="userSpaceOnUse">
<stop stop-color="#BF242E"/>
<stop offset="1" stop-color="#CF1E51"/>
</linearGradient>
<radialGradient id="nx6135_paint9_radial_18_32303" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(27.8524 26.1536) rotate(118.896) scale(1.8218 1.06121)">
<stop stop-color="#ED5372"/>
<stop offset="1" stop-color="#ED5372" stop-opacity="0"/>
</radialGradient>
<radialGradient id="nx6135_paint10_radial_18_32303" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(29.7828 21.2031) rotate(120.115) scale(1.71599 0.933717)">
<stop stop-color="#ED5372"/>
<stop offset="1" stop-color="#ED5372" stop-opacity="0"/>
</radialGradient>
</defs>
</svg>
AI 提示词与矢量优化

想改进或改造这个图标吗？ Candy

生成精确的工程提示词，或者立即在画布上优化图标。 Candy

在 AI 图标生成器中打开
提示词生成 100% 在浏览器完成
Candy SVG 图标 - Fluent UI Emoji (MIT)
来源与许可核验 LICENSE.txt

Library: Fluent UI Emoji | Author: Microsoft Corporation | License: MIT | Source: https://github.com/microsoft/fluentui-emoji | 无需注册登录 | 100% 浏览器本地处理

关键词
#fluentui #emoji #candy #3d

Candy - 矢量技术规格

来源、作者和许可可在预览和图标详情中查看。 Candy

标准资源标识 fluentui-emoji/fluentui-emoji-candy
来源图标库包 Fluent UI Emoji
坐标网格与 viewBox viewBox="0 0 32 32"
未压缩体积 8,648 bytes (~4,756 bytes gzipped)
SPDX 许可与商业使用 MIT - 可免费商用
Upstream Source https://github.com/microsoft/fluentui-emoji
支持的导出格式 SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64
安全与隐私保证 无需注册登录 | 100% 浏览器本地处理

如何使用和自定义这个图标: Candy

  1. 可视化自定义: 颜色, 自动（描边和填充）, 描边粗细 (0.5px-4px), 实时矢量动画预设
  2. 下载矢量或位图: 下载 SVG, PNG（透明）, WebP（已优化） (2048x2048 px)
  3. 复制框架代码: 复制可直接使用的 React、Next.js、Vue 3、Svelte、Angular、HTML 和 CSS 蒙版代码。
  4. 深度矢量编辑: 在 SVG 编辑器中编辑 (77,087)
无障碍提示 (WCAG 2.1): 装饰性图标用 aria-hidden 与 focusable false 隐藏。只有图标的按钮要给出清晰的 aria-label。面向从右到左书写的语言，把箭头水平翻转。 fluentui-emoji-candy.svg aria-hidden="true" focusable="false"

其他图标库中的同类图标 ("Candy")

与其他开源矢量库中的同一图标进行对比。

更多分类 3D矢量图标

浏览

探索更多

常见问题解答

Candy - 常见问题解答

Candy 适用什么许可证？ +

Candy 来自 Fluent UI Emoji，受 MIT 约束。署名：必须署名。

我可以以哪些格式下载 Candy？ +

Candy 是 3d 风格的矢量图（viewBox 0 0 32 32）。可下载 SVG、PNG、WebP 或 ICO，或从此页面复制 React TSX、Vue 3、Svelte、Tailwind CSS、CSS Mask 或 Base64 代码。

Candy 图标来自哪里？ +

Candy 是 Fluent UI Emoji 库的一部分，作者为 Microsoft Corporation，属于 3D矢量图标 类别。许可证全文见此页面链接的库声明文件。

100% 浏览器本地处理 | 77,087 个图标

SVG 编辑器

在浏览器中编辑路径、图层、颜色和动画，然后导出干净的 SVG、PNG 或框架代码。

在编辑器中打开 浏览全部图标 (77,087)

输入内容以搜索 77,087 个矢量图标...

方向键移动 | Enter 打开 浏览全部图标

对比

图标来源与许可

许可 商业使用 署名 修改与改色
MIT允许包内附通知允许
ISC允许包内附通知允许
Apache-2.0允许需附通知文件允许
CC BY 4.0允许必须署名允许
CC-BY-SA-4.0允许相同方式共享相同方式共享
CC BY-ND 2.0 / 4.0允许必须署名No derivative works or modified copies
Trademark / Brand仅限指代性使用持有者规范受限

图标预览