@ asinative/ icons( 秒数)

BaseNative UI 组件最小 SVG 图标集

部分 基础 生态系统——一个基于信号的网络运行时间超过本土的HTML.

安装

npm install @basenative/icons

快速启动

// Inline an SVG icon in a server-rendered template
import { readFileSync } from 'node:fs';
import { fileURLToPath } from 'node:url';
import { join, dirname } from 'node:path';

const __dirname = dirname(fileURLToPath(import.meta.url));

function icon(name) {
  return readFileSync(
    join(__dirname, 'node_modules/@basenative/icons/src', `${name}.svg`),
    'utf-8'
  );
}

const html = `
  <button type="button">
    ${icon('plus')} Add item
  </button>
`;

带有 @ aslative/ server

import { render } from '@basenative/server';
import { readFileSync } from 'node:fs';

const plusIcon = readFileSync('./node_modules/@basenative/icons/src/plus.svg', 'utf-8');

const html = render('<button>{{ icon }} Add</button>', { icon: plusIcon });

可用图标

图标居住于 src/ 简单 .svg 文档。 每个 SVG 大小为内置使用并继承 currentColor。 。 。 .

样式

图标继承 color 从母元素通过 currentColor 缩放 em编号 :font-size。应用类或内置宽度/高度来控制大小 :

.icon { width: 1em; height: 1em; vertical-align: middle; }

许可证

阿帕奇 - 2.0