adereksisusanto/icons

All Icon From Web Fonts

Maintainers

Details

github.com/adereksisusanto/icons

Source

Issues

Installs: 15

Dependents: 0

Suggesters: 0

Security: 0

Stars: 0

Watchers: 2

Forks: 0

Open Issues: 0

Language:JavaScript

v1.0.6 2021-03-29 15:15 UTC

MIT dad0558f5e7868c203b55d3d938cc3cf81bd18f9

  • Ade Reksi Susanto <adereksisusanto.woop@gmail.com>

cssscssiconsFontAwesomeioniconsflag iconsmaterial iconsBootstrap IconsFeather Iconsmaterial design iconsCrypto IconsSimple Line IconsThemify IconsWeather IconsLine Awesome

This package is auto-updated.

Last update: 2024-10-29 06:30:56 UTC

README

GitHub package.json version

Instalation

  • Via NPM

    $ npm install @adereksisusanto/icons

  • Via Composer

    $ composer require adereksisusanto/icons

Use

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

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/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"
/>

Fonts

Bootstrap Icons

<!-- Online -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/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>

Crypto Icons

<!-- Online -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/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 Icons

<!-- Online -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/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>

Flag Icons

<!-- Online -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/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/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 Icons

<!-- Online -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/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/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 Icons

<!-- Online -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/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 Icons

<!-- Online -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/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 Icons

<!-- Online -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/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 Icons

<!-- Online -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/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>

Weather Icons

<!-- Online -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/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>

Change Log

License

GitHub