2.5k stars的超强前端图标资源管理器(尤雨溪也有赞助哦)

小半 • 2022年11月3日下午8:10 • 开源速递 • 阅读 274

具有即时搜索功能的图标资源管理器

特点

即时模糊搜索全部在本地完成，无需网络查询！
选择你的图标并将它们打包成一个现成的图标字体！
支持多种前端框架
SVG 直接下载
移动端友好
收藏书签
按类别搜索过滤
暗黑模式
支持Emoji

GitHub数据

2.5k stars
18 watching
124 forks

开源地址:https://github.com/ventoy/Ventoy

在线体验

在线地址https://icones.js.org/

点击每个图标,可以进行以下操作

支持SVG,SVG Symbol,Iconify,JSX拷贝
Vue,React,ReactTS,Svelte,Unplugin Icons代码拷贝
SVG,Vue,React,ReactTS,Svelte代码和图标的下载
支持Iconify,UnoCSS对应代码的查询

Vue图标代码


<template>
  <svg width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.5 14c4.142 0 7.5 1.567 7.5 3.5V20H3v-2.5c0-1.933 3.358-3.5 7.5-3.5Zm6.5 3.5c0-1.38-2.91-2.5-6.5-2.5S4 16.12 4 17.5V19h13v-1.5ZM10.5 5a3.5 3.5 0 1 1 0 7a3.5 3.5 0 0 1 0-7Zm0 1a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5ZM20 16v-1h1v1h-1Zm0-3V7h1v6h-1Z"></path></svg>
</template>

<script>
export default {
  name: 'MdiLightAccountAlert'
}
</script>

React图标代码


export function MdiLightAccountAlert(props) {
  return (
    <svg width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M10.5 14c4.142 0 7.5 1.567 7.5 3.5V20H3v-2.5c0-1.933 3.358-3.5 7.5-3.5Zm6.5 3.5c0-1.38-2.91-2.5-6.5-2.5S4 16.12 4 17.5V19h13v-1.5ZM10.5 5a3.5 3.5 0 1 1 0 7a3.5 3.5 0 0 1 0-7Zm0 1a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5ZM20 16v-1h1v1h-1Zm0-3V7h1v6h-1Z"></path></svg>
  )
}