Microsoft Loop

microsoft-loop工具产品

矢量 SVG / 高清无损 PNG / 交互式画布预览 / 官方色彩提取

返回检索

标志视效画布可滚轮缩放与按住平移

提示：滚轮缩放 / 拖拽平移

色彩提取

点击直接复制色值

单色纯正规范该标志采用单一品牌官方基色，建议在排版中保持纯正

法律合规与合理使用声明

本页收录之标志依据《中华人民共和国著作权法》第二十四条，仅供个人学习、设计参考与研究评估之用。所有权及商标专有权归原权利人所有，严禁任何未经授权的商业牟利及侵权使用。

资源获取与导出

下载 SVG 矢量文件下载高清 PNG (1024px)

矢量格式：Scalable Vector (.svg)

导出分辨率：1024 × 1024 px

存储方案：矢量源码内联

授权范围：非商用 / 仅限学习

官方来源：https://adoption.microsoft.com/en-us/microsoft-loop/

矢量代码片段

<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M24 4C12.9543 4 4 12.9543 4 24V44H24C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4ZM24 17C27.866 17 31 20.134 31 24C31 27.866 27.866 31 24 31H17V24C17 20.134 20.134 17 24 17Z" fill="url(#paint0_linear_148635_968)"/>
<path d="M44 24C44 35.0457 35.0457 44 24 44H4C4 36.8203 9.8203 31 17 31H24C27.866 31 31 27.866 31 24L44 24Z" fill="url(#paint1_linear_148635_968)"/>
<path d="M44 24C44 35.0457 35.0457 44 24 44H4C4 36.8203 9.8203 31 17 31H24C27.866 31 31 27.866 31 24L44 24Z" fill="url(#paint2_radial_148635_968)" fill-opacity="0.56"/>
<path d="M44 24C44 35.0457 35.0457 44 24 44H4C4 36.8203 9.8203 31 17 31H24C27.866 31 31 27.866 31 24L44 24Z" fill="url(#paint3_radial_148635_968)" fill-opacity="0.1"/>
<path d="M24 4C12.9543 4 4 12.9543 4 24V44C4.00183 44 4.00366 44 4.00549 44C11.1683 43.997 16.9767 38.2012 16.9999 31.0432L17.0432 31H17V24C17 20.134 20.134 17 24 17C25.9528 17 27.7188 17.7996 28.9885 19.0893L38.1943 9.91018C34.5709 6.26016 29.5494 4 24 4Z" fill="url(#paint4_linear_148635_968)"/>
<path d="M24 4C12.9543 4 4 12.9543 4 24V44C4.00183 44 4.00366 44 4.00549 44C11.1683 43.997 16.9767 38.2012 16.9999 31.0432L17.0432 31H17V24C17 20.134 20.134 17 24 17C25.9528 17 27.7188 17.7996 28.9885 19.0893L38.1943 9.91018C34.5709 6.26016 29.5494 4 24 4Z" fill="url(#paint5_radial_148635_968)"/>
<defs>
<linearGradient id="paint0_linear_148635_968" x1="28.4" y1="18.2" x2="21.8" y2="45.2" gradientUnits="userSpaceOnUse">
<stop stop-color="#9237E3"/>
<stop offset="1" stop-color="#48E6F3"/>
</linearGradient>
<linearGradient id="paint1_linear_148635_968" x1="17" y1="41" x2="34.6" y2="37" gradientUnits="userSpaceOnUse">
<stop stop-color="#51E6FF"/>
<stop offset="1" stop-color="#71D4FF" stop-opacity="0"/>
</linearGradient>
<radialGradient id="paint2_radial_148635_968" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11 35.5) rotate(34.5085) scale(9.70825 17.0625)">
<stop/>
<stop offset="0.699824" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint3_radial_148635_968" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8.6 34) rotate(31.866) scale(17.4264 30.6273)">
<stop offset="0.328125"/>
<stop offset="0.604167" stop-opacity="0"/>
</radialGradient>
<linearGradient id="paint4_linear_148635_968" x1="12.2" y1="25.4" x2="22.4" y2="11" gradientUnits="userSpaceOnUse">
<stop stop-color="#6D05E8"/>
<stop offset="1" stop-color="#AB5ADD" stop-opacity="0"/>
</linearGradient>
<radialGradient id="paint5_radial_148635_968" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0.6 16.4) rotate(-9.73945) scale(27.1919 71.4913)">
<stop stop-color="#6D05E8"/>
<stop offset="1" stop-color="#6D05E8" stop-opacity="0"/>
</radialGradient>
</defs>
</svg>