@ evicons/ svg

网站: {\fn黑体\fs22\bord1\shad0\3ahbe\4ah00\fscx67\fscy66\2chffffff\3ch808080}我很高兴见到你

Raw SVG 文件、 SVG 示意图和元数据 电子图像,用于电子移动和EV充电的麻省理工学院许可图标库.

所有文件都来源于 icons/ 数据库。 不要用手编辑它们.

使用量

<img src="node_modules/@evicons/svg/svg/<name>.svg" alt="" />

图标使用 currentColor 没有固定的颜色。 内置 SVG( 或使用图示) 使其与 CSS 相配 .

斯匹林:

<svg width="24" height="24"><use href="sprite.svg#evicon-<name>" /></svg>

地图标记( E)marker-*.svg)可以被绘制,因为它们的第一个 <path> 是针头。 Page CSS 无法到达到图示中, 因此对于在 SVG 内嵌已填入的标记, 或者在您使用 SVG 字符串作为图像前填入; 见 地图标记 在存储器 README 中.

元数据(名称、类别、含义、标记、别名)在 icons.json数字 :

import icons from '@evicons/svg/icons.json' with { type: 'json' }

OpenStreetMap 标签 (amenity=charging_station, (中文(简体) ), socket:<type>=<count>,...) 映射到图标 osm.json,从标签到图标名称的对象;在 osm 领域 icons.json空钥,例如 socket:type2 代表任何价值, key=value 只有这个价值。 见 OpenStreet地图 用于完整表格和示例的 README 存储库中:

import osm from '@evicons/svg/osm.json' with { type: 'json' }

osm['socket:type2_combo'] // 'plug-ccs2'

OCPI值(OCPI 2.2.1和2.3.0,位置模块)映射到图标 ocpi.json,对象来自 <Object>.<field>=<VALUE> 图标名称;在 ocpi 领域 icons.json。见 OCPI 组织 用于完整表格和示例的 README 存储器中:

import ocpi from '@evicons/svg/ocpi.json' with { type: 'json' }

ocpi['Connector.standard=IEC_62196_T2_COMBO'] // 'plug-ccs2'
ocpi['EVSE.status=CHARGING'] // 'status-occupied'

许可证

麻省理工学院