1.0.0
react-icons ported for deno / preact
Attributes
Includes Deno configuration
Repository
Current version released
2 years ago
Dependencies
esm.sh
Preact + deno convertion of react-icons
This library is a simple port from react-icons compatible with deno fresh project.
The React Icons doc The for fresh version is here if you have time to help the project is here
setup
To use it simply fill your import_map.json
{
"imports": {
"preact": "https://esm.sh/preact@10.15.1",
"preact/": "https://esm.sh/preact@10.15.1/",
"react-icons/ai": "https://deno.land/x/react_icons_ai/mod.ts",
"react-icons/bs": "https://deno.land/x/react_icons_bs/mod.ts",
"react-icons/bi": "https://deno.land/x/react_icons_bi/mod.ts",
"react-icons/ci": "https://deno.land/x/react_icons_ci/mod.ts",
"react-icons/di": "https://deno.land/x/react_icons_di/mod.ts",
"react-icons/fi": "https://deno.land/x/react_icons_fi/mod.ts",
"react-icons/fc": "https://deno.land/x/react_icons_fc/mod.ts",
"react-icons/fa": "https://deno.land/x/react_icons_fa/mod.ts",
"react-icons/gi": "https://deno.land/x/react_icons_gi/mod.ts",
"react-icons/go": "https://deno.land/x/react_icons_go/mod.ts",
"react-icons/gr": "https://deno.land/x/react_icons_gr/mod.ts",
"react-icons/hi": "https://deno.land/x/react_icons_hi/mod.ts",
"react-icons/im": "https://deno.land/x/react_icons_im/mod.ts",
"react-icons/md": "https://deno.land/x/react_icons_md/mod.ts",
"react-icons/ri": "https://deno.land/x/react_icons_ri/mod.ts",
"react-icons/si": "https://deno.land/x/react_icons_si/mod.ts",
"react-icons/sl": "https://deno.land/x/react_icons_sl/mod.ts",
"react-icons/tb": "https://deno.land/x/react_icons_tb/mod.ts",
"react-icons/ti": "https://deno.land/x/react_icons_ti/mod.ts",
"react-icons/wi": "https://deno.land/x/react_icons_wi/mod.ts",
"react-icons/cg": "https://deno.land/x/react_icons_cg/mod.ts",
"react-icons/tfi": "https://deno.land/x/react_icons_tfi/mod.ts",
"react-icons/vsc": "https://deno.land/x/react_icons_vsc/mod.ts"
}
}
Now just use it like in a regular React
app, bur with Preact
sample
import { AiFillAccountBook } from "react-icons/ai";
export default function TesSvg() {
return (<AiFillAccountBook />)
}
Check the full documetation in: here
the first sample:
import { FaBeer } from 'react-icons/fa';
class Question extends React.Component {
render() {
return <h3> Lets go for a <FaBeer />? </h3>
}
}
can be convert as:
import { FaBeer } from 'react-icons/fa';
import { Component } from 'preact'
class Question extends Component {
render() {
return <h3> Lets go for a <FaBeer />? </h3>
}
}