@lzk-lib/icons
v0.7.0
Published
Individually importable Tabler SVG data for LZK React and Vue Icon components
Readme
@lzk-lib/icons
6,220 个 Tabler 3.48.0 SVG 图标:5,166 个线框、1,054 个实心。原始路径、目录和 MIT 许可随包保留。该包独立于动画与组件包,使用图标时再安装。
import search from '@lzk-lib/icons/outline/search';
import { Icon } from '@lzk-lib/react';
<Icon icon={search} size={24} strokeWidth={1.5} title="搜索" /><script setup>
import heart from '@lzk-lib/icons/filled/heart';
import { Icon } from '@lzk-lib/vue';
</script>
<template><Icon :icon="heart" :size="24" title="收藏" /></template>单图路径只导出该图标数据,不导入整个图标目录。默认颜色为 currentColor,可继承业务 CSS,也可传 color。没有 title 或 aria 标签时为装饰图标;有标签时可被辅助技术识别。
import search from '@lzk-lib/icons/outline/search';
import { iconToSvg } from '@lzk-lib/icons';
const svg = iconToSvg(search, { size: 32, color: '#222', title: '搜索' });仅在制作图标选择器时导入 @lzk-lib/icons/catalog,其中包含名称、样式、类别和关键词,不包含 SVG 路径。所有图标均可离线打包,不依赖 CDN。预览页在 /icons/、/vue/icons/。
源版本和原始 JSON SHA256 在 SOURCE.json;版权与许可见 LICENSE。此许可仅涵盖本图标包,不改变其他 LZK 包的许可。重新导入固定官方包可运行 node scripts/import-icons.mjs /path/to/extracted/@tabler/icons/package。
