lokesh-coder / lo-icon

My personal brand icon

Simple · Unique · Deep

Installation

yarn add lo-icon
npm install lo-icon
bun install lo-icon
pnpm install lo-icon

Usage

CSS Icon

import 'lo-icon/css/index.css';

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/lo-icon@1.1.0/css/index.css"
/>

<style>
  @import url('~/lo-icon/css/index.css');
</style>

<i class="lo-icon"></i>

Local Image

import SVGImg from 'lo-icon/images/svg/lo-icon.svg';

<img src={SVGImg} />;

Hosted image

<img src="https://cdn.jsdelivr.net/npm/lo-icon/images/svg/lo-icon.svg" />

CDN Image

import { svgPath } from 'lo-icon/cdn';

<img src={svgPath} />;

React Component

import LoIcon from 'lo-icon/react';

<LoIcon {...props} />;

React ESM import

<script type="module">
  import LoIcon from 'https://cdn.jsdelivr.net/npm/lo-icon@1.1.0/react/+esm';
</script>