react-icons
Home
Ant Design Icons
Bootstrap Icons
BoxIcons
Circum Icons
Devicons
Feather
Devicons
Font Awesome
Game Icons
Github Octicons icons
Grommet-Icons
Heroicons
Heroicons 2
IcoMoon Free
Ionicons 4
Ionicons 5
Lucide icons
Material Design icons
Remix Icon
Radix Icons
Simple Icons
Simple Line Icons
Tabler Icons
Themify Icons
Typicons
VS Code Icons
Weather Icons
css.gg

React icon for deno

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

First update your import_map.json with:

Import map

{
  "react-icons/ai": "https://cdn.jsdelivr.net/gh/urielch/react-icons-ai@1.0.9/mod.ts", 
  "react-icons/ai/": "https://cdn.jsdelivr.net/gh/urielch/react-icons-ai@1.0.9/ico/", 
  "react-icons/bs": "https://cdn.jsdelivr.net/gh/urielch/react-icons-bs@1.0.9/mod.ts", 
  "react-icons/bs/": "https://cdn.jsdelivr.net/gh/urielch/react-icons-bs@1.0.9/ico/", 
  "react-icons/bi": "https://cdn.jsdelivr.net/gh/urielch/react-icons-bi@1.0.9/mod.ts", 
  "react-icons/bi/": "https://cdn.jsdelivr.net/gh/urielch/react-icons-bi@1.0.9/ico/", 
  "react-icons/ci": "https://cdn.jsdelivr.net/gh/urielch/react-icons-ci@1.0.9/mod.ts", 
  "react-icons/ci/": "https://cdn.jsdelivr.net/gh/urielch/react-icons-ci@1.0.9/ico/", 
  "react-icons/di": "https://cdn.jsdelivr.net/gh/urielch/react-icons-di@1.0.9/mod.ts", 
  "react-icons/di/": "https://cdn.jsdelivr.net/gh/urielch/react-icons-di@1.0.9/ico/", 
  "react-icons/fi": "https://cdn.jsdelivr.net/gh/urielch/react-icons-fi@1.0.9/mod.ts", 
  "react-icons/fi/": "https://cdn.jsdelivr.net/gh/urielch/react-icons-fi@1.0.9/ico/", 
  "react-icons/fc": "https://cdn.jsdelivr.net/gh/urielch/react-icons-fc@1.0.9/mod.ts", 
  "react-icons/fc/": "https://cdn.jsdelivr.net/gh/urielch/react-icons-fc@1.0.9/ico/", 
  "react-icons/fa": "https://cdn.jsdelivr.net/gh/urielch/react-icons-fa@1.0.9/mod.ts", 
  "react-icons/fa/": "https://cdn.jsdelivr.net/gh/urielch/react-icons-fa@1.0.9/ico/", 
  "react-icons/gi": "https://cdn.jsdelivr.net/gh/urielch/react-icons-gi@1.0.9/mod.ts", 
  "react-icons/gi/": "https://cdn.jsdelivr.net/gh/urielch/react-icons-gi@1.0.9/ico/", 
  "react-icons/go": "https://cdn.jsdelivr.net/gh/urielch/react-icons-go@1.0.9/mod.ts", 
  "react-icons/go/": "https://cdn.jsdelivr.net/gh/urielch/react-icons-go@1.0.9/ico/", 
  "react-icons/gr": "https://cdn.jsdelivr.net/gh/urielch/react-icons-gr@1.0.9/mod.ts", 
  "react-icons/gr/": "https://cdn.jsdelivr.net/gh/urielch/react-icons-gr@1.0.9/ico/", 
  "react-icons/hi": "https://cdn.jsdelivr.net/gh/urielch/react-icons-hi@1.0.9/mod.ts", 
  "react-icons/hi/": "https://cdn.jsdelivr.net/gh/urielch/react-icons-hi@1.0.9/ico/", 
  "react-icons/hi2": "https://cdn.jsdelivr.net/gh/urielch/react-icons-hi2@1.0.9/mod.ts", 
  "react-icons/hi2/": "https://cdn.jsdelivr.net/gh/urielch/react-icons-hi2@1.0.9/ico/", 
  "react-icons/im": "https://cdn.jsdelivr.net/gh/urielch/react-icons-im@1.0.9/mod.ts", 
  "react-icons/im/": "https://cdn.jsdelivr.net/gh/urielch/react-icons-im@1.0.9/ico/", 
  "react-icons/io": "https://cdn.jsdelivr.net/gh/urielch/react-icons-io@1.0.9/mod.ts", 
  "react-icons/io/": "https://cdn.jsdelivr.net/gh/urielch/react-icons-io@1.0.9/ico/", 
  "react-icons/io5": "https://cdn.jsdelivr.net/gh/urielch/react-icons-io5@1.0.9/mod.ts", 
  "react-icons/io5/": "https://cdn.jsdelivr.net/gh/urielch/react-icons-io5@1.0.9/ico/", 
  "react-icons/lu": "https://cdn.jsdelivr.net/gh/urielch/react-icons-lu@1.0.9/mod.ts", 
  "react-icons/lu/": "https://cdn.jsdelivr.net/gh/urielch/react-icons-lu@1.0.9/ico/", 
  "react-icons/md": "https://cdn.jsdelivr.net/gh/urielch/react-icons-md@1.0.9/mod.ts", 
  "react-icons/md/": "https://cdn.jsdelivr.net/gh/urielch/react-icons-md@1.0.9/ico/", 
  "react-icons/ri": "https://cdn.jsdelivr.net/gh/urielch/react-icons-ri@1.0.9/mod.ts", 
  "react-icons/ri/": "https://cdn.jsdelivr.net/gh/urielch/react-icons-ri@1.0.9/ico/", 
  "react-icons/rx": "https://cdn.jsdelivr.net/gh/urielch/react-icons-rx@1.0.9/mod.ts", 
  "react-icons/rx/": "https://cdn.jsdelivr.net/gh/urielch/react-icons-rx@1.0.9/ico/", 
  "react-icons/si": "https://cdn.jsdelivr.net/gh/urielch/react-icons-si@1.0.9/mod.ts", 
  "react-icons/si/": "https://cdn.jsdelivr.net/gh/urielch/react-icons-si@1.0.9/ico/", 
  "react-icons/sl": "https://cdn.jsdelivr.net/gh/urielch/react-icons-sl@1.0.9/mod.ts", 
  "react-icons/sl/": "https://cdn.jsdelivr.net/gh/urielch/react-icons-sl@1.0.9/ico/", 
  "react-icons/tb": "https://cdn.jsdelivr.net/gh/urielch/react-icons-tb@1.0.9/mod.ts", 
  "react-icons/tb/": "https://cdn.jsdelivr.net/gh/urielch/react-icons-tb@1.0.9/ico/", 
  "react-icons/tfi": "https://cdn.jsdelivr.net/gh/urielch/react-icons-tfi@1.0.9/mod.ts", 
  "react-icons/tfi/": "https://cdn.jsdelivr.net/gh/urielch/react-icons-tfi@1.0.9/ico/", 
  "react-icons/ti": "https://cdn.jsdelivr.net/gh/urielch/react-icons-ti@1.0.9/mod.ts", 
  "react-icons/ti/": "https://cdn.jsdelivr.net/gh/urielch/react-icons-ti@1.0.9/ico/", 
  "react-icons/vsc": "https://cdn.jsdelivr.net/gh/urielch/react-icons-vsc@1.0.9/mod.ts", 
  "react-icons/vsc/": "https://cdn.jsdelivr.net/gh/urielch/react-icons-vsc@1.0.9/ico/", 
  "react-icons/wi": "https://cdn.jsdelivr.net/gh/urielch/react-icons-wi@1.0.9/mod.ts", 
  "react-icons/wi/": "https://cdn.jsdelivr.net/gh/urielch/react-icons-wi@1.0.9/ico/", 
  "react-icons/cg": "https://cdn.jsdelivr.net/gh/urielch/react-icons-cg@1.0.9/mod.ts", 
  "react-icons/cg/": "https://cdn.jsdelivr.net/gh/urielch/react-icons-cg@1.0.9/ico/", 
}

Usage

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

optimal Usage

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