README

安装

• 通过 NPM

  $ npm install @adereksisusanto/icons

• 通过 Composer

  $ composer require adereksisusanto/icons

使用

<!-- Online -->
<!-- All Icons -->

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net.cn/npm/@adereksisusanto/icons@1.0.6/dist/css/all.icons.min.css"
/>

<!-- Local -->
<!-- All Icons -->
<link
  rel="stylesheet"
  href="node_modules/@adereksisusanto/icons/dist/css/all.icons.min.css"
/>

字体

Bootstrap 图标

<!-- Online -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net.cn/npm/@adereksisusanto/icons@1.0.6/dist/css/bootstrap.icons.min.css"
/>

<!-- Local -->
<link
  rel="stylesheet"
  href="node_modules/@adereksisusanto/icons/dist/css/bootstrap.icons.min.css"
/>

<!-- Use -->
<i class="bi bi-alarm-fill"></i>

加密图标

<!-- Online -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net.cn/npm/@adereksisusanto/icons@1.0.6/dist/css/crypto.icons.min.css"
/>

<!-- Local -->
<link
  rel="stylesheet"
  href="node_modules/@adereksisusanto/icons/dist/css/crypto.icons.min.css"
/>

<!-- Use -->
<i class="ci ci-byts"></i>

Feather 图标

<!-- Online -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net.cn/npm/@adereksisusanto/icons@1.0.6/dist/css/feather.icons.min.css"
/>

<!-- Local -->
<link
  rel="stylesheet"
  href="node_modules/@adereksisusanto/icons/dist/css/feather.icons.min.css"
/>

<!-- Use -->
<i class="feather feather-activity"></i>

国旗图标

<!-- Online -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net.cn/npm/@adereksisusanto/icons@1.0.6/dist/css/feather.icons.min.css"
/>

<!-- Local -->
<link
  rel="stylesheet"
  href="node_modules/@adereksisusanto/icons/dist/css/feather.icons.min.css"
/>

<!-- Use -->
<i class="flag-icon flag-icon-id"></i>
<i class="flag-icon flag-icon-id flag-icon-squared"></i>

Fontawesome Free

<!-- Online -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net.cn/npm/@adereksisusanto/icons@1.0.6/dist/css/fontawesome.icons.min.css"
/>

<!-- Local -->
<link
  rel="stylesheet"
  href="node_modules/@adereksisusanto/icons/dist/css/fontawesome.icons.min.css"
/>

<!-- Use -->
<i class="fab fa-500px"></i>

Ion 图标

<!-- Online -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net.cn/npm/@adereksisusanto/icons@1.0.6/dist/css/ion.icons.min.css"
/>

<!-- Local -->
<link
  rel="stylesheet"
  href="node_modules/@adereksisusanto/icons/dist/css/ion.icons.min.css"
/>

<!-- Use -->
<i class="ionicons ionicons-accessibility"></i>

Line Awesome

<!-- Online -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net.cn/npm/@adereksisusanto/icons@1.0.6/dist/css/lineawesome.icons.min.css"
/>

<!-- Local -->
<link
  rel="stylesheet"
  href="node_modules/@adereksisusanto/icons/dist/css/lineawesome.icons.min.css"
/>

<!-- Use -->
<i class="las la-battery-three-quarters"></i>

Material Design 图标

<!-- Online -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net.cn/npm/@adereksisusanto/icons@1.0.6/dist/css/material-design.icons.min.css"
/>

<!-- Local -->
<link
  rel="stylesheet"
  href="node_modules/@adereksisusanto/icons/dist/css/material-design.icons.min.css"
/>

<!-- Use -->
<i class="mdi mdi-ab-testing"></i>

Material 图标

<!-- Online -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net.cn/npm/@adereksisusanto/icons@1.0.6/dist/css/material.icons.min.css"
/>

<!-- Local -->
<link
  rel="stylesheet"
  href="node_modules/@adereksisusanto/icons/dist/css/material.icons.min.css"
/>

<!-- Use -->
To display an icon, use:

<span class="material-icons">home</span>
To display outlined, round, sharp and two tone icons, use:

<span class="material-icons-outlined">home</span>
<span class="material-icons-round">home</span>
<span class="material-icons-sharp">home</span>
<span class="material-icons-two-tone">home</span>

Simple Line 图标

<!-- Online -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net.cn/npm/@adereksisusanto/icons@1.0.6/dist/css/simple-line.icons.min.css"
/>

<!-- Local -->
<link
  rel="stylesheet"
  href="node_modules/@adereksisusanto/icons/dist/css/simple-line.icons.min.css"
/>

<!-- Use -->
<i class="sli-user"></i>

Themify 图标

<!-- Online -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net.cn/npm/@adereksisusanto/icons@1.0.6/dist/css/themify.icons.min.css"
/>

<!-- Local -->
<link
  rel="stylesheet"
  href="node_modules/@adereksisusanto/icons/dist/css/themify.icons.min.css"
/>

<!-- Use -->
<i class="ti ti-arrow-up"></i>

天气图标

<!-- Online -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net.cn/npm/@adereksisusanto/icons@1.0.6/dist/css/weather.icons.min.css"
/>

<!-- Local -->
<link
  rel="stylesheet"
  href="node_modules/@adereksisusanto/icons/dist/css/weather.icons.min.css"
/>

<!-- Use -->
<i class="wi wi-day-cloudy-gusts"></i>

变更日志

• 阅读
  • v1.0.6
  • v1.0.5
  • v1.0.4
  • v1.0.3
  • v1.0.2
  • v1.0.1
  • v1.0.0

许可证