首页 > 其他分享 >Figma传图标至iconfont库,细节缺失

Figma传图标至iconfont库,细节缺失

时间:2024-04-16 09:57:11浏览次数:19  
标签:插件 Figma iconfont Editor 图标 Fill

Figma中做好图标,导出svg,上传iconfont,经常出现以下问题

原因是:一大佬文章中有提到figma的填充模式为“even-odd”,iconfont识别不了这种格式

解决方案:运用Figma插件 Fill Rule Editor 

以下是具体操作步骤

1、运用布尔运算绘制图标;

2、右键 Outline stroke 转曲,防止图标放大缩小变形;

3、运用插件 Fill Rule Editor , 蓝色代表“Non-zero”,黄色代表“Even-odd”, 最终效果是一个蓝色版本的图标。

4、上传iconfont

完成~

 

标签:插件,Figma,iconfont,Editor,图标,Fill
From: https://www.cnblogs.com/wangqian888/p/18137485

相关文章

  • 关于mac使用figma以及企业微信3.1.18版本,CPU系统占用率飙升至70%
    问题描述使用一段时间正常,不知道是修改了什么设置,还是有什么软件冲突,导致cpu使用率极高系统进程中有一个kernel_task占用了大量的cpu并且该占用并不会消失,只要figma打开就会一直占用企业微信3.1.18也会导致该问题=>企业微信3.1.16之后版本总是会启用独立显卡,导致电......
  • Win7 在此处打开命令窗口_删除图标 批处理
    前言全局说明Win7在此处打开命令窗口_删除图标批处理一、添加显示图标@ECHOOFFregaddHKEY_LOCAL_MACHINE\SOFTWARE\Classes\Directory\Background\shell\cmd/vIcon/tREG_SZ/d"cmd.exe"/fecho.&pause将以上内容保存到文本中,文本后缀为.bat,右键以管理员方......
  • Windows 11 cmd终端命令提示符图标路径
    前言全局说明一、默认路径ms-appx:///ProfileIcons/{0caa0dad-35be-5f56-a8ff-afceeeaa6101}.png二、实际路径C:\ProgramFiles\WindowsApps\Microsoft.WindowsTerminal_1.19.10573.0_x64__8wekyb3d8bbwe\ProfileIconsWindowsApps文件夹是隐藏文件夹直接打开C:\Pro......
  • 大厂设计师都在使用各种矢量图标
    好用的产品离不开设计视觉规范的图标,一个图标是正确传达所表达的信息极其的重要,以下整理UI产品日常工国外图标网址:网址一:TablerIcons网址二:https://remixicon.com/网址三:https://feathericons.com/国内:网址一:https://iconpark.oceanengine.com/home网址二:https:......
  • css学习笔记之展开列表图标动画
    “蓝色界面”风格的填充的星图标欢迎下载填充的星矢量图标,“蓝色界面”风格。格式有png、svg、pdf、html代码。可对填充的星图标、符号进行修改、调整大小、修改颜色。https://igoutu.cn/icon/y0OTcruih2CY/%E5%A1%AB%E5%85%85%E7%9A%84%E6%98%9F今天在这个网站看到了上面类似......
  • 8. 托盘图标与菜单
    内容概要:托盘图标的设置与事件右键菜单的相关操作窗口组件:1.组件的属性组件属性:位置组件属性:可视2.组件的事件窗口_托盘事件-带有参数的事件的使用方法3.组件的方法置托盘图标菜单的操作1.创建菜单子菜单的添加菜单的属性:可视菜单的属性:禁止2.菜单的事件菜单......
  • uview2.0版本,h5内网,无网络下icon图标不显示
    在项目目录下找到/node_modules/uview-ui/components/u-icon/u-icon.vue路径的文件由其中的代码片段可知,官方使用的是阿里云图标库的线上库,浏览器访问https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf这个地址,下载字体文件放到本地的static文件目录下然后将u-icon.vue......
  • 如何用cadence617仿真出gm/id所需图标
        上次推文主要讲了gm/id的理论方法,这次推文以NMOS为例,主要关注如何用cadence617仿真出所需要的三张图标。        关于gm/id方法的理论推理-CSDN博客        方法视频传送链接:                Thegmidmethodology,adesigng......
  • 数码相框-bmp图标显示
    bmp图片格式的解析参考资料:bmp格式分析‍位图文件主要分为如下3个部分:块名称对应Windows结构体定义大小(Byte)文件信息头BITMAPFILEHEADER14位图信息头BITMAPINFOHEADER40RGB颜色阵列BYTE*由图像长宽尺寸决定1、文件信息头BITMAPFILEHEADER结......
  • 程序异常退出后,托盘残留图标清理方法(C#)
    程序猿对于宕机再熟悉不过了,如果一个程序异常退出,那我们只能在Windows日志中找到它的踪迹;如果它是一个托盘程序,异常退出后,它会停留在托盘中久久不能离去,直到我们的鼠标从它身上划过;如果一个程序被另一个守护程序不断的杀掉、重启,那么它的结果会如下图所示,请注意!!这不是扫雷!!没......