工具产品microsoft-designer

Microsoft Designer

Microsoft Designer（microsoft-designer）官方矢量标志，归属工具产品分类，提供无损 SVG 与 1024px 高清透明去背景 PNG 下载。

滚轮缩放 · 拖动平移 · 双击放大

色彩提取

点击直接复制色值

下载 SVG 矢量文件 PNG

一键打包 ZIP

ADChatGPT Plus·官方正规车位 · 极速上手 GPT-6.1 Sol / 深度研究

优惠码 6666888 享95折

ADNetflix 4K·独立车位 · 专属 PIN 锁防打扰 · 全设备秒连

限时特惠码 6666888 享95折

矢量格式: SVG · 1:1
导出分辨率: 1024 × 1024 px
画布视口: 0 0 512 512
源码体积: 2.4 KB · 6 个路径节点
官方来源: https://designer.microsoft.com/

编辑与导出

修改颜色、添加背景或留白后导出常用格式，全程在浏览器本地完成

颜色

单色

背景

留白0%圆角0%

格式

尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 与网站图标套装Microsoft Designer.zip

品牌视觉规范与工程参数档案

面向设计系统与工程引用的官方色彩、视口几何与对比度实测参数

品牌实体 / 展示名称: Microsoft Designer (microsoft-designer)
行业分类归属: 工具产品
官方基色 (HEX / RGB / HSL): #FFB357rgb(255, 179, 87) · hsl(33, 100%, 67%)
WCAG 亮暗底对比度与矢量体积: 白底 1.8:1 · 暗底 11.2:1 · 2.4 KB

矢量代码片段

<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 512 512"><g clip-path="url(#a)"><g clip-path="url(#b)"><path fill="url(#c)" fill-rule="evenodd" d="M440 415.811V247.996H240v8c-106.039 0-192 85.961-192 192v32c0 17.673 14.327 32 32 32h160c80.929 0 153.088-37.553 200-96.185Z" clip-rule="evenodd"/><path fill="url(#d)" fill-opacity=".5" fill-rule="evenodd" d="M440 415.811V247.996H240v8c-106.039 0-192 85.961-192 192v32c0 17.673 14.327 32 32 32h160c80.929 0 153.088-37.553 200-96.185Z" clip-rule="evenodd"/><path fill="url(#e)" d="M240-.004H80c-17.673 0-32 14.327-32 32v32c0 106.039 85.961 192 192 192h72c70.692 0 128 57.308 128 128 0 13.657-2.139 26.814-6.1 39.155 38.699-44.85 62.1-103.269 62.1-167.155 0-141.385-114.615-256-256-256Z"/><path fill="url(#f)" fill-opacity=".5" d="M240-.004H80c-17.673 0-32 14.327-32 32v32c0 106.039 85.961 192 192 192h72c70.692 0 128 57.308 128 128 0 13.657-2.139 26.814-6.1 39.155 38.699-44.85 62.1-103.269 62.1-167.155 0-141.385-114.615-256-256-256Z"/></g></g><defs><radialGradient id="c" cx="0" cy="0" r="1" gradientTransform="rotate(-39.174 769.69 197.887) scale(417.938 512.42)" gradientUnits="userSpaceOnUse"><stop offset=".045" stop-color="#AD7DFF"/><stop offset=".328" stop-color="#6864F6"/><stop offset=".571" stop-color="#5750E2"/><stop offset=".809" stop-color="#3E36B1"/><stop offset="1" stop-color="#261D82"/></radialGradient><radialGradient id="d" cx="0" cy="0" r="1" gradientTransform="rotate(-160.304 281.777 209.998) scale(481.906)" gradientUnits="userSpaceOnUse"><stop offset=".706" stop-color="#AC80FF" stop-opacity="0"/><stop offset=".921" stop-color="#BD96FF"/></radialGradient><radialGradient id="e" cx="0" cy="0" r="1" gradientTransform="rotate(38.202 1.73 77.015) scale(570.097 471.102)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFC470"/><stop offset=".251" stop-color="#FF835C"/><stop offset=".584" stop-color="#F24A9D"/><stop offset=".871" stop-color="#B339F0"/><stop offset="1" stop-color="#C354FF"/></radialGradient><radialGradient id="f" cx="0" cy="0" r="1" gradientTransform="matrix(-365.33125 -254.66907 241.84112 -346.92913 231.792 366.661)" gradientUnits="userSpaceOnUse"><stop offset=".709" stop-color="#FFB357" stop-opacity="0"/><stop offset=".942" stop-color="#FFB357"/></radialGradient><clipPath id="a"><path fill="#fff" d="M0 0h512v512H0z"/></clipPath><clipPath id="b"><path fill="#fff" d="M0 0h512v512H0z"/></clipPath></defs></svg>