工具

    1. PhotoShopCC(2017)
    2. Blend 2017

原图

　　

步骤

1,使用钢笔工具勾勒出大致路径

2，将工作路径转为形状路径

3，图层右键->复制SVG

<svg

 xmlns="http://www.w3.org/2000/svg"

 xmlns:xlink="http://www.w3.org/1999/xlink"

 width="1.27cm" height="1.27cm">

<path fill-rule="evenodd"  fill="rgb(255, 255, 255)"

 d="M18.383,0.048 C18.383,0.048 9.477,-1.197 7.660,7.697 L7.660,12.287 C7.660,12.287 6.128,13.339 6.128,14.582 C6.128,14.582 5.840,17.116 7.660,18.406 L9.191,18.406 L13.787,24.526 L13.787,26.821 C13.787,26.821 -0.000,29.139 -0.000,33.705 L-0.000,36.000 L36.000,36.000 L36.000,33.705 C36.000,33.705 30.647,26.821 22.213,26.821 L22.213,24.526 C22.213,24.526 25.503,21.351 26.809,18.406 C26.809,18.406 27.295,17.689 29.106,17.641 C29.106,17.641 29.872,16.819 29.872,14.582 C29.872,14.582 30.032,12.930 28.340,12.287 L28.340,7.697 C28.340,7.697 27.790,0.048 18.383,0.048 Z"/>

</svg>

4，打开Blend 2017

代码

<WrapPanel VerticalAlignment="Center" ItemHeight="128" ItemWidth="128">

            <Viewbox Height="16" Width="16">

                <Path Data="M18.383,0.048 C18.383,0.048 9.477,-1.197 7.660,7.697 L7.660,12.287

                      C7.660,12.287 6.128,13.339 6.128,14.582 C6.128,14.582 5.840,17.116 7.660,18.406 L9.191,18.406

                      L13.787,24.526 L13.787,26.821 C13.787,26.821 -0.000,29.139 -0.000,33.705 L-0.000,36.000 L36.000,36.000

                      L36.000,33.705 C36.000,33.705 30.647,26.821 22.213,26.821 L22.213,24.526 C22.213,24.526 25.503,21.351 26.809,18.406

                      C26.809,18.406 27.295,17.689 29.106,17.641 C29.106,17.641 29.872,16.819 29.872,14.582 C29.872,14.582 30.032,12.930 28.340,12.287

                      L28.340,7.697 C28.340,7.697 27.790,0.048 18.383,0.048 Z" Fill="Black"/>

            </Viewbox>

            <Viewbox Height="32" Width="32">

                <Path Data="M18.383,0.048 C18.383,0.048 9.477,-1.197 7.660,7.697 L7.660,12.287

                      C7.660,12.287 6.128,13.339 6.128,14.582 C6.128,14.582 5.840,17.116 7.660,18.406 L9.191,18.406

                      L13.787,24.526 L13.787,26.821 C13.787,26.821 -0.000,29.139 -0.000,33.705 L-0.000,36.000 L36.000,36.000

                      L36.000,33.705 C36.000,33.705 30.647,26.821 22.213,26.821 L22.213,24.526 C22.213,24.526 25.503,21.351 26.809,18.406

                      C26.809,18.406 27.295,17.689 29.106,17.641 C29.106,17.641 29.872,16.819 29.872,14.582 C29.872,14.582 30.032,12.930 28.340,12.287

                      L28.340,7.697 C28.340,7.697 27.790,0.048 18.383,0.048 Z" Fill="Red"/>

            </Viewbox>

            <Viewbox Height="64" Width="64">

                <Path Data="M18.383,0.048 C18.383,0.048 9.477,-1.197 7.660,7.697 L7.660,12.287

                      C7.660,12.287 6.128,13.339 6.128,14.582 C6.128,14.582 5.840,17.116 7.660,18.406 L9.191,18.406

                      L13.787,24.526 L13.787,26.821 C13.787,26.821 -0.000,29.139 -0.000,33.705 L-0.000,36.000 L36.000,36.000

                      L36.000,33.705 C36.000,33.705 30.647,26.821 22.213,26.821 L22.213,24.526 C22.213,24.526 25.503,21.351 26.809,18.406

                      C26.809,18.406 27.295,17.689 29.106,17.641 C29.106,17.641 29.872,16.819 29.872,14.582 C29.872,14.582 30.032,12.930 28.340,12.287

                      L28.340,7.697 C28.340,7.697 27.790,0.048 18.383,0.048 Z" Fill="Green"/>

            </Viewbox>

            <Viewbox Height="128" Width="128">

                <Path Data="M18.383,0.048 C18.383,0.048 9.477,-1.197 7.660,7.697 L7.660,12.287

                      C7.660,12.287 6.128,13.339 6.128,14.582 C6.128,14.582 5.840,17.116 7.660,18.406 L9.191,18.406

                      L13.787,24.526 L13.787,26.821 C13.787,26.821 -0.000,29.139 -0.000,33.705 L-0.000,36.000 L36.000,36.000

                      L36.000,33.705 C36.000,33.705 30.647,26.821 22.213,26.821 L22.213,24.526 C22.213,24.526 25.503,21.351 26.809,18.406

                      C26.809,18.406 27.295,17.689 29.106,17.641 C29.106,17.641 29.872,16.819 29.872,14.582 C29.872,14.582 30.032,12.930 28.340,12.287

                      L28.340,7.697 C28.340,7.697 27.790,0.048 18.383,0.048 Z" Fill="Blue"/>

            </Viewbox>

        </WrapPanel>

效果

简单图标转xaml代码的更多相关文章

  1. 捕捉WPF应用程序中XAML代码解析异常

    原文:捕捉WPF应用程序中XAML代码解析异常 由于WPF应用程序中XAML代码在很多时候是运行时加载处理的.比如DynamicResource,但是在编译或者运行的过程中,编写的XAML代码很可能有 ...

  2. 【WPF】CAD工程图纸转WPF可直接使用的xaml代码技巧

    前言:随着工业化的进一步发展,制造业.工业自动化等多领域,都可能用到上位监控系统.而WPF在上位监控系统方面,应该算是当下最流行的前端框架之一了.而随着监控体系的不断完善与更新迭代,监控画面会变得越来 ...

  3. [.net 面向对象程序设计进阶] (22) 团队开发利器（一）简单易用的代码管理工具VSS

    [.net 面向对象程序设计进阶] (22) 团队开发利器(一)简单易用的代码管理工具VSS 本篇要点:在进阶篇快要结束的时候说说源代码管理器,我们的开发,不是一个人可以完成的事,团队协作很重要,而且 ...

  4. 经验分享：10个简单实用的 jQuery 代码片段

    尽管各种 JavaScirpt 框架和库层出不穷,jQuery 仍然是 Web 前端开发中最常用的工具库.今天,向大家分享我觉得在网站开发中10个简单实用的 jQuery 代码片段. 您可能感兴趣的相 ...

  5. 10个简单实用的 jQuery 代码片段

    尽管各种 JavaScirpt 框架和库层出不穷,jQuery 仍然是 Web 前端开发中最常用的工具库. 今天,向大家分享我觉得在网站开发中10个简单实用的 jQuery 代码片段. 1.平滑滚动到 ...

  6. 简单实用的HTML代码

    简单实用的HTML代码 一.HTML各种命令的代码: 1.文本标签(命令) <pre></pre> 创建预格式化文本 <h1></h1> 创建最大的标题 ...

  7. PHP分页初探 一个最简单的PHP分页代码的简单实现

    PHP分页代码在各种程序开发中都是必须要用到的,在网站开发中更是必选的一项. 要想写出分页代码,首先你要理解SQL查询语句:select * from goods limit 2,7.PHP分页代码核 ...

  8. Hadoop基础-MapReduce入门篇之编写简单的Wordcount测试代码

    Hadoop基础-MapReduce入门篇之编写简单的Wordcount测试代码 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 本文主要是记录一写我在学习MapReduce时的一些 ...

  9. jQuery火箭图标返回顶部代码

    在网上找来段使用jQuery火箭图标返回顶部代码,感觉比较酷,比较炫,大概样式如下, 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. ...

随机推荐

  1. html5--1.12表格详解

    html5--1.12表格详解 一.总结 一句话总结: 二.详解 1.表格构成三个基本要素 table:表格的范围,外框:用来定义表格,表格的其他元素包含在table标签里面: tr: 表格的行: t ...

  2. Oracle中的游标（转）

    Oracle中的游标有两种:显式游标.隐式游标.显示游标是用cursor...is命令定义的游标,它可以对查询语句(select)返回的多条记录进行处理,而隐式游标是在执行插入 (insert).删除 ...

  3. 怎样在swift中使用cocoapods导入的第三方oc库

    假如你来到这里,说明你已经開始着手使用swift这门新语言了. 就像Java有Maven一样.Objective-C也有自己的依赖管理工具cocoapods. 可是因为swift才出来不久,眼下非常多 ...

  4. 微信支付-公众号支付H5调用支付详解

    微信公众号支付 最近项目需要微信支付,然后看了下微信公众号支付,,虽然不难,但是细节还是需要注意的,用了大半天时间写了个demo,并且完整的测试了一下支付流程,下面分享一下微信公众号支付的经验. 一. ...

  5. 阿里云centos7.2自己安装mysql5.7远程不能访问解决方案

    版权声明:转载也行 https://blog.csdn.net/u010955892/article/details/72774920 最近,无意中看到阿里云服务器降价,所以一时手痒,买了一年的服务器 ...

  6. win10 uwp 线程池

    原文:win10 uwp 线程池 如果大家有开发 WPF 或以前的程序,大概知道线程池不是 UWP 创造的,实际上在很多技术都用到线程池. 为什么需要线程池,他是什么?如何在 UWP 使用线程池,本文 ...

  7. 关于javascript中的深拷贝问题

    一直在尝试为javascript找一个快捷可靠的对象深拷贝的方法,昨天突发奇想,把对象push到一个空数组里,然后对改数组通过concat()或slice()进行拷贝,然后取出数组的第一个元素复制给变 ...

  8. Qt保存界面配置到注册表

    //需要使用QSetting #include<QSettings> 声明函数 protected: void closeEvent(QCloseEvent *event); privat ...

  9. DDD实战6 WebAPI

    1.在Products解决方案文件夹下面新建一个项目 .net Core/Asp.net Core Web应用程序  取名Product.WebApi/选择Web Api core2.0版本 不进行身 ...

  10. [Elasticsearch] 分布式搜索

    分布式搜索 本文翻译自Elasticsearch官方指南的Distributed Search Execution一章. 在继续之前,我们将绕一段路来谈谈在分布式环境中,搜索是怎样运行的.和在分布式文 ...