react-icon for preact

Include popular icons in your preact projects easily with @preact-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using.

@preact-icons is a preact port of react-icons.

Installation (for deno project)

  deno add "@preact-icons/ai"
  deno add "@preact-icons/bs"
  deno add "@preact-icons/bi"
  deno add "@preact-icons/ci"
  deno add "@preact-icons/di"
  deno add "@preact-icons/fi"
  deno add "@preact-icons/fc"
  deno add "@preact-icons/fa"
  deno add "@preact-icons/gi"
  deno add "@preact-icons/go"
  deno add "@preact-icons/gr"
  deno add "@preact-icons/hi"
  deno add "@preact-icons/hi2"
  deno add "@preact-icons/im"
  deno add "@preact-icons/io"
  deno add "@preact-icons/io5"
  deno add "@preact-icons/lu"
  deno add "@preact-icons/md"
  deno add "@preact-icons/ri"
  deno add "@preact-icons/rx"
  deno add "@preact-icons/si"
  deno add "@preact-icons/sl"
  deno add "@preact-icons/tb"
  deno add "@preact-icons/tfi"
  deno add "@preact-icons/ti"
  deno add "@preact-icons/vsc"
  deno add "@preact-icons/wi"
  deno add "@preact-icons/cg"

Usage

import { FaBeer } from "@preact-icons/fa";
export default function comp() {
  return <h3>Lets go for a <FaBeer/>?</h3>
}

If you only need a single icon

import FaBeer from "@preact-icons/fa/FaBeer";
export default function comp() {
  return <h3>Lets go for a <FaBeer/>?</h3>
}