TheManFromEarth1 / hkt-icons

hkt-icons

This is the package for HKT icons, for installing it:

npm install github:TheManFromEarth1/hkt-icons

Icons

Here is our current list of icons:

hkt-icons/lib/solid/index.d.ts

Lines 5 to 61 in 33e0547

    
           export const App: Icon 
        
           export const Art: Icon 
        
           export const BookmarkDefault: Icon 
        
           export const BookmarkSaved: Icon 
        
           export const Design: Icon 
        
           export const Dev: Icon 
        
           export const Discord: Icon 
        
           export const DownArrow: Icon 
        
           export const Drag: Icon 
        
           export const Dropdown: Icon 
        
           export const Email: Icon 
        
           export const Europe: Icon 
        
           export const Favorite: Icon 
        
           export const FolderFilled: Icon 
        
           export const FolderUnfilled: Icon 
        
           export const Gaming: Icon 
        
           export const Home: Icon 
        
           export const Hookito: Icon 
        
           export const HookitoFull: Icon 
        
           export const Images: Icon 
        
           export const Insight: Icon 
        
           export const Learn: Icon 
        
           export const Liked: Icon 
        
           export const Link: Icon 
        
           export const Live: Icon 
        
           export const Loading: Icon 
        
           export const Lock: Icon 
        
           export const Maps: Icon 
        
           export const Marketing: Icon 
        
           export const Moon: Icon 
        
           export const Move: Icon 
        
           export const Music: Icon 
        
           export const News: Icon 
        
           export const Next: Icon 
        
           export const Pause: Icon 
        
           export const Play: Icon 
        
           export const Podcast: Icon 
        
           export const Present: Icon 
        
           export const Previous: Icon 
        
           export const Question: Icon 
        
           export const Radio: Icon 
        
           export const Rain: Icon 
        
           export const RSS: Icon 
        
           export const Search: Icon 
        
           export const Seat: Icon 
        
           export const Share: Icon 
        
           export const Shopping: Icon 
        
           export const Startpage: Icon 
        
           export const Stocks: Icon 
        
           export const Sun: Icon 
        
           export const Throw: Icon 
        
           export const Thunder: Icon 
        
           export const Tree: Icon 
        
           export const Unlock: Icon 
        
           export const Uparrow: Icon 
        
           export const Volume: Icon 
        
           export const WWW: Icon

hkt-icons/lib/solid/settings.d.ts

Lines 5 to 11 in 33e0547

    
           export const Add: Icon 
        
           export const Copy: Icon 
        
           export const Delete: Icon 
        
           export const Grid: Icon 
        
           export const List: Icon 
        
           export const OpenAll: Icon 
        
           export const Settings: Icon

hkt-icons/lib/solid/widgets.d.ts

Lines 5 to 12 in 33e0547

    
           export const Crypto: Icon 
        
           export const MysteryCube: Icon 
        
           export const Overview: Icon 
        
           export const Quote: Icon 
        
           export const Radio: Icon 
        
           export const Til: Icon 
        
           export const Timer: Icon 
        
           export const Tv: Icon

Getting started with React

To use any icon you just need to do the following:

import { IconName } from "hkt-icons/react"

const App = () => {
  return <IconName />
}

Getting started with SolidJS

To use any icon you just need to do the following:

import { IconName } from "hkt-icons/solid"

const App = () => {
  return <IconName />
}

For developers

If you are adding a new icon don't forget to export it in its respective React and SolidJS files files.

// In the React file:
import IconNameContent from "/icons/path/IconName.svg"
export const IconName = icon(IconNameContent)
// In the SolidJS file:
import IconNameContent from "/icons/path/IconName.svg"
export const IconName = icon(IconNameContent)
// In the React .d.ts file:
export const IconName: Icon
// In the SolidJS .d.ts file:
export const IconName: Icon