跳到内容
SVG Nexus 矢量与 3D 图标
duotone MIT 6 个矢量节点
Pin - Fluent UI Color iconFree Pin vector icon from the Fluent UI Color open-source icon library; duotone style, MIT licence, viewBox 0 0 48 48, 2444 bytes.
viewBox 0 0 48 48 静态
1. 颜色

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

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

图钉 SVG 图标

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

矢量与高清位图即时下载
在您选择新颜色之前，系统会完整保留图标的原始默认颜色。 含署名信息的打包下载 fluentui-color-pin-48-color.svg (2,702 B)
面向开发者和前端框架的快速复制
实时代码输出 
<svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="Pin icon"><title>Pin - Fluent UI Color icon</title><desc>Free Pin vector icon from the Fluent UI Color open-source icon library; duotone style, MIT licence, viewBox 0 0 48 48, 2444 bytes.</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.8839 30.884L8.13388 41.634C7.64573 42.1221 6.85427 42.1221 6.36612 41.634C5.87796 41.1458 5.87796 40.3544 6.36612 39.8662L17.1161 29.1162L18.8839 30.884Z" fill="url(#nx4483_paint0_linear_378174_9412)"/>
<path d="M31.818 5.54974L42.4505 16.1823C44.7431 18.4749 44.1159 22.3397 41.2161 23.7896L30.6714 29.0619C30.3791 29.2081 30.1557 29.4629 30.049 29.7718L27.3648 37.5417C26.7016 39.4616 24.2573 40.0246 22.821 38.5883L9.41205 25.1793C7.97574 23.743 8.53874 21.2987 10.4587 20.6355L18.2285 17.9514C18.5374 17.8446 18.7922 17.6212 18.9384 17.3289L24.2107 6.78425C25.6606 3.88437 29.5254 3.25719 31.818 5.54974Z" fill="#D9D9D9"/>
<path d="M31.818 5.54974L42.4505 16.1823C44.7431 18.4749 44.1159 22.3397 41.2161 23.7896L30.6714 29.0619C30.3791 29.2081 30.1557 29.4629 30.049 29.7718L27.3648 37.5417C26.7016 39.4616 24.2573 40.0246 22.821 38.5883L9.41205 25.1793C7.97574 23.743 8.53874 21.2987 10.4587 20.6355L18.2285 17.9514C18.5374 17.8446 18.7922 17.6212 18.9384 17.3289L24.2107 6.78425C25.6606 3.88437 29.5254 3.25719 31.818 5.54974Z" fill="url(#nx4483_paint1_linear_378174_9412)"/>
<path d="M31.818 5.54974L42.4505 16.1823C44.7431 18.4749 44.1159 22.3397 41.2161 23.7896L30.6714 29.0619C30.3791 29.2081 30.1557 29.4629 30.049 29.7718L27.3648 37.5417C26.7016 39.4616 24.2573 40.0246 22.821 38.5883L9.41205 25.1793C7.97574 23.743 8.53874 21.2987 10.4587 20.6355L18.2285 17.9514C18.5374 17.8446 18.7922 17.6212 18.9384 17.3289L24.2107 6.78425C25.6606 3.88437 29.5254 3.25719 31.818 5.54974Z" fill="url(#nx4483_paint2_radial_378174_9412)" fill-opacity="0.8"/>
<defs>
<linearGradient id="nx4483_paint0_linear_378174_9412" x1="9.22097" y1="38.7779" x2="19.5534" y2="30.8764" gradientUnits="userSpaceOnUse">
<stop offset="0.449" stop-color="#7B7BFF"/>
<stop offset="1" stop-color="#102784"/>
</linearGradient>
<linearGradient id="nx4483_paint1_linear_378174_9412" x1="9.86394" y1="10.7647" x2="34.1818" y2="36.03" gradientUnits="userSpaceOnUse">
<stop stop-color="#43E5CA"/>
<stop offset="1" stop-color="#1384B1"/>
</linearGradient>
<radialGradient id="nx4483_paint2_radial_378174_9412" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(35.8165 32.4362) rotate(47.5792) scale(15.6635 39.2962)">
<stop stop-color="#E362F8"/>
<stop offset="1" stop-color="#9966FF" stop-opacity="0"/>
</radialGradient>
</defs>
</svg>
AI 提示词与矢量优化

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

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

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

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

关键词
#fluentui #color #pin #travel #duotone

图钉 - 矢量技术规格

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

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

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

  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-color-pin-48-color.svg aria-hidden="true" focusable="false"

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

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

对比 16 个库中的 图钉 图标

更多分类 旅游与出行

浏览

探索更多

常见问题解答

图钉 - 常见问题解答

图钉 适用什么许可证？ +

图钉 来自 Fluent UI Color，受 MIT 约束。署名：必须署名。

我可以以哪些格式下载 图钉？ +

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

图钉 图标来自哪里？ +

图钉 是 Fluent UI Color 库的一部分，作者为 Microsoft Corporation，属于 旅游与出行 类别。许可证全文见此页面链接的库声明文件。

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仅限指代性使用持有者规范受限

图标预览