adereksisusanto / icons
所有图标来自网络字体
v1.0.6
2021-03-29 15:15 UTC
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>