How to use @fortawesome/fontawesome-free - 5 common examples
To help you get started, we’ve selected a few @fortawesome/fontawesome-free examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
s-panferov / tygen / packages / tygen-html / src / breadcrumb.tsx View on Github 
if (!id) {
return null
}
const links = [] as React.ReactNode[]
links.push(
<svg style="{{" height="{15}" width="{15}" viewBox="{homeIcon.viewBox}">
</svg>
<span> </span>
)
id.forEach(id => {
if (id.kind === ReflectionKind.Namespace) {
// FIXME ignore namespaces for now
return
}
links.push(
{({ name }) => {
return (
{name}render() {
const { reflection } = this.props
const { id } = reflection
if (!id) {
return null
}
const links = [] as React.ReactNode[]
links.push(
<svg style="{{" height="{15}" width="{15}" viewBox="{homeIcon.viewBox}">
</svg>
<span> </span>
)
id.forEach(id => {
if (id.kind === ReflectionKind.Namespace) {
// FIXME ignore namespaces for now
return
}
links.push(import txt from "@fortawesome/fontawesome-free/sprites/brands.svg"
const iconset = document.createElement("ha-iconset-svg");
iconset.name="fab";
iconset.size="1024";
iconset.innerHTML = txt.replace(/\import txt from "@fortawesome/fontawesome-free/sprites/regular.svg"
const iconset = document.createElement("ha-iconset-svg");
iconset.name="far";
iconset.size="1024";
iconset.innerHTML = txt.replace(/\import txt from "@fortawesome/fontawesome-free/sprites/solid.svg"
const iconset = document.createElement("ha-iconset-svg");
iconset.name="fas";
iconset.size="1024";
iconset.innerHTML = txt.replace(/\@fortawesome/fontawesome-free
The iconic font, CSS, and SVG framework
