{"id":266,"date":"2026-10-17T04:52:01","date_gmt":"2026-10-16T20:52:01","guid":{"rendered":"http:\/\/ziyuan.nuyun.cn\/?p=266"},"modified":"2026-10-17T06:00:02","modified_gmt":"2026-10-16T22:00:02","slug":"%e7%9f%a2%e9%87%8f%e5%9b%be%e6%a0%87%e7%bd%91%e7%ab%99%e6%8e%a8%e8%8d%90%ef%bc%9a%e9%99%a4%e4%ba%86iconfont%e8%bf%98%e6%9c%89%e8%bf%99%e4%ba%9b","status":"publish","type":"post","link":"https:\/\/ziyuan.nuyun.cn\/index.php\/2026\/10\/17\/%e7%9f%a2%e9%87%8f%e5%9b%be%e6%a0%87%e7%bd%91%e7%ab%99%e6%8e%a8%e8%8d%90%ef%bc%9a%e9%99%a4%e4%ba%86iconfont%e8%bf%98%e6%9c%89%e8%bf%99%e4%ba%9b\/","title":{"rendered":"\u77e2\u91cf\u56fe\u6807\u7f51\u7ad9\u63a8\u8350\uff1a\u9664\u4e86Iconfont\u8fd8\u6709\u8fd9\u4e9b"},"content":{"rendered":"<p>\u505a\u8bbe\u8ba1\u627e\u56fe\u6807\u662f\u5bb6\u5e38\u4fbf\u996d\u3002\u9664\u4e86\u963f\u91cc Iconfont\uff0c\u8fd8\u6709\u51e0\u4e2a\u66f4\u597d\u7528\u7684\u56fe\u6807\u7ad9\uff0c\u672c\u7bc7\u4e00\u6b21\u5217\u6e05\u3002<\/p>\n<h2>\u4e00\u3001Iconfont\uff08\u963f\u91cc\u5988\u5988\uff09<\/h2>\n<ul>\n<li>\u56fd\u5185\u6700\u5927\u56fe\u6807\u5e93\uff0c\u51e0\u767e\u4e07\u4e2a\u56fe\u6807\u3002<\/li>\n<li>\u652f\u6301 SVG\u3001PNG\u3001Iconfont \u5b57\u4f53\u3002<\/li>\n<li>\u514d\u8d39\uff0c\u4f46\u8981\u6ce8\u610f\u90e8\u5206\u56fe\u6807\u662f\u8bbe\u8ba1\u5e08\u4e0a\u4f20\uff0c\u5546\u7528\u524d\u770b\u6388\u6743\u3002<\/li>\n<\/ul>\n<h2>\u4e8c\u3001Tabler Icons<\/h2>\n<ul>\n<li>4500+ \u7ebf\u6027\u56fe\u6807\uff0c\u98ce\u683c\u7edf\u4e00\uff0c\u514d\u8d39\u5f00\u6e90 MIT\u3002<\/li>\n<li>Figma \u91cc\u76f4\u63a5\u88c5\u63d2\u4ef6\u7528\u3002<\/li>\n<li>\u9002\u5408\u73b0\u4ee3\u7b80\u6d01\u7684 UI \u8bbe\u8ba1\u3002<\/li>\n<\/ul>\n<h2>\u4e09\u3001Lucide Icons<\/h2>\n<ul>\n<li>Feather Icons \u7684\u7ee7\u4efb\u8005\uff0c\u66f4\u73b0\u4ee3\u3002<\/li>\n<li>2000+ \u56fe\u6807\uff0c\u514d\u8d39\u5f00\u6e90\u3002<\/li>\n<li>\u5199\u524d\u7aef\u76f4\u63a5 npm \u88c5\u5305\u3002<\/li>\n<\/ul>\n<h2>\u56db\u3001Phosphor Icons<\/h2>\n<ul>\n<li>7000+ \u56fe\u6807\uff0c\u516d\u79cd\u5b57\u91cd\uff0c\u98ce\u683c\u7075\u6d3b\u3002<\/li>\n<li>\u514d\u8d39\u53ef\u5546\u7528\u3002<\/li>\n<\/ul>\n<h2>\u4e94\u3001Streamline<\/h2>\n<ul>\n<li>\u5168\u7403\u6700\u5927\u56fe\u6807\u5e93\u4e4b\u4e00\uff0c3 \u4e07\u591a\u4e2a\u3002<\/li>\n<li>\u514d\u8d39\u7248\u591f\u4e2a\u4eba\u7528\uff0c\u4ed8\u8d39\u7248\u66f4\u591a\u3002<\/li>\n<\/ul>\n<h2>\u516d\u3001\u4f7f\u7528\u5efa\u8bae<\/h2>\n<ul>\n<li>\u4e00\u4e2a\u9879\u76ee\u91cc<strong>\u53ea\u7528\u4e00\u5957\u56fe\u6807<\/strong>\uff0c\u4e0d\u8981\u6df7\u7528\u591a\u5957\u98ce\u683c\u3002<\/li>\n<li>UI \u8bbe\u8ba1\u4f18\u5148\u7528\u7ebf\u6027\u56fe\u6807\uff0c\u8fd0\u8425\u8bbe\u8ba1\u53ef\u4ee5\u7528\u9762\u6027\u3002<\/li>\n<li>\u4e0b\u8f7d SVG \u77e2\u91cf\u683c\u5f0f\uff0c\u653e\u5927\u4e0d\u7cca\u3002<\/li>\n<\/ul>\n<p>\u56fe\u6807\u662f\u8bbe\u8ba1\u7684\u5c0f\u96f6\u4ef6\uff0c\u9009\u5bf9\u4e00\u5957\u7edf\u4e00\u7684\u56fe\u6807\u5e93\uff0c\u6574\u4e2a\u9879\u76ee\u7684\u8d28\u611f\u7acb\u523b\u4e0a\u6765\u3002<\/p>\n<h2>\u5ef6\u4f38\u5b66\u4e60\u8d44\u6e90<\/h2>\n<p>\u60f3\u63d0\u5347\u8bbe\u8ba1\u6c34\u5e73\uff0c\u4e0b\u9762\u8fd9\u4e9b\u6e20\u9053\u5f88\u6709\u5e2e\u52a9\u3002<\/p>\n<ul>\n<li><strong>\u7ad9\u9177<\/strong>\uff1a\u56fd\u5185\u8bbe\u8ba1\u5e08\u793e\u533a\uff0c\u770b\u5927\u795e\u4f5c\u54c1\u627e\u7075\u611f\u3002<\/li>\n<li><strong>Pinterest<\/strong>\uff1a\u641c\u8bbe\u8ba1\u5173\u952e\u8bcd\uff0c\u6d77\u91cf\u53c2\u8003\u3002<\/li>\n<li><strong>Behance<\/strong>\uff1a\u56fd\u9645\u9876\u7ea7\u8bbe\u8ba1\u5e08\u4f5c\u54c1\u96c6\u3002<\/li>\n<li><strong>B \u7ad9\u8bbe\u8ba1\u6559\u7a0b<\/strong>\uff1a\u8f6f\u4ef6\u64cd\u4f5c\u7c7b\u6559\u7a0b\u975e\u5e38\u5168\u3002<\/li>\n<\/ul>\n<p>\u63d0\u5347\u5ba1\u7f8e\u6700\u5feb\u7684\u65b9\u5f0f\u5c31\u662f\u591a\u770b\u4f18\u79c0\u4f5c\u54c1\uff0c\u6bcf\u5929\u82b1 10 \u5206\u949f\u5237\u4e00\u5237\uff0c\u534a\u5e74\u540e\u5ba1\u7f8e\u4f1a\u660e\u663e\u63d0\u5347\u3002<\/p>\n<h2>\u7248\u6743\u4e0e\u5546\u7528\u6ce8\u610f\u4e8b\u9879<\/h2>\n<p>\u4f7f\u7528\u8bbe\u8ba1\u7d20\u6750\u65f6\uff0c\u7248\u6743\u662f\u6700\u5bb9\u6613\u51fa\u95ee\u9898\u7684\u73af\u8282\uff0c\u4e00\u5b9a\u8981\u7559\u610f\u3002<\/p>\n<ul>\n<li><strong>\u770b\u6e05\u695a\u6388\u6743\u534f\u8bae<\/strong>\uff1a\u514d\u8d39\u7d20\u6750\u4e5f\u5206&#8221;\u53ef\u5546\u7528&#8221;\u548c&#8221;\u4ec5\u9650\u4e2a\u4eba&#8221;\uff0c\u5546\u7528\u524d\u786e\u8ba4\u3002<\/li>\n<li><strong>\u7f72\u540d\u8981\u6c42<\/strong>\uff1a\u6709\u4e9b\u514d\u8d39\u7d20\u6750\u8981\u6c42\u7f72\u540d\u4f5c\u8005\uff0c\u4f7f\u7528\u65f6\u6309\u8981\u6c42\u6807\u6ce8\u3002<\/li>\n<li><strong>\u4e0d\u8981\u76f4\u63a5\u5356\u7d20\u6750<\/strong>\uff1a\u514d\u8d39\u7d20\u6750\u53ef\u4ee5\u7528\u6765\u505a\u8bbe\u8ba1\u4f5c\u54c1\uff0c\u4f46\u4e0d\u80fd\u6253\u5305\u8f6c\u5356\u3002<\/li>\n<li><strong>\u5b57\u4f53\u7248\u6743<\/strong>\uff1a\u5546\u7528\u5b57\u4f53\u4e00\u5b9a\u8981\u4e70\u6388\u6743\u6216\u7528\u514d\u8d39\u5546\u7528\u5b57\u4f53\u3002<\/li>\n<\/ul>\n<h2>\u65b0\u624b\u5e38\u89c1\u9519\u8bef<\/h2>\n<p>\u521a\u505a\u8bbe\u8ba1\u65f6\u5bb9\u6613\u72af\u7684\u51e0\u4e2a\u9519\uff0c\u63d0\u524d\u77e5\u9053\u80fd\u5c11\u8d70\u5f2f\u8def\u3002<\/p>\n<ul>\n<li><strong>\u989c\u8272\u592a\u591a<\/strong>\uff1a\u4e00\u5f20\u8bbe\u8ba1\u4e0d\u8981\u8d85\u8fc7 3 \u79cd\u4e3b\u8272\uff0c\u5426\u5219\u6742\u4e71\u3002<\/li>\n<li><strong>\u5b57\u4f53\u592a\u591a<\/strong>\uff1a\u6574\u5957\u8bbe\u8ba1\u7528 1-2 \u79cd\u5b57\u4f53\u5c31\u591f\u4e86\u3002<\/li>\n<li><strong>\u5bf9\u9f50\u6df7\u4e71<\/strong>\uff1a\u6240\u6709\u5143\u7d20\u7edf\u4e00\u5bf9\u9f50\uff0c\u89c6\u89c9\u624d\u6574\u9f50\u3002<\/li>\n<li><strong>\u4e0d\u7559\u767d<\/strong>\uff1a\u5185\u5bb9\u585e\u6ee1\u6574\u4e2a\u753b\u5e03\u4f1a\u5f88\u62e5\u6324\uff0c\u9002\u5f53\u7559\u767d\u66f4\u9ad8\u7ea7\u3002<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>\u505a\u8bbe\u8ba1\u627e\u56fe\u6807\u662f\u5bb6\u5e38\u4fbf\u996d\u3002\u9664\u4e86\u963f\u91cc Iconfont\uff0c\u8fd8\u6709\u51e0\u4e2a\u66f4\u597d\u7528\u7684\u56fe\u6807\u7ad9\uff0c\u672c\u7bc7\u4e00\u6b21\u5217\u6e05\u3002 \u4e00\u3001Iconfon [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-266","post","type-post","status-publish","format-standard","hentry","category-sheji-sucai"],"_links":{"self":[{"href":"https:\/\/ziyuan.nuyun.cn\/index.php\/wp-json\/wp\/v2\/posts\/266","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ziyuan.nuyun.cn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ziyuan.nuyun.cn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ziyuan.nuyun.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ziyuan.nuyun.cn\/index.php\/wp-json\/wp\/v2\/comments?post=266"}],"version-history":[{"count":2,"href":"https:\/\/ziyuan.nuyun.cn\/index.php\/wp-json\/wp\/v2\/posts\/266\/revisions"}],"predecessor-version":[{"id":397,"href":"https:\/\/ziyuan.nuyun.cn\/index.php\/wp-json\/wp\/v2\/posts\/266\/revisions\/397"}],"wp:attachment":[{"href":"https:\/\/ziyuan.nuyun.cn\/index.php\/wp-json\/wp\/v2\/media?parent=266"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ziyuan.nuyun.cn\/index.php\/wp-json\/wp\/v2\/categories?post=266"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ziyuan.nuyun.cn\/index.php\/wp-json\/wp\/v2\/tags?post=266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}