Grunnmuren's icon set as React components.
If you want the raw SVG files for the icons, see @obosbbl/grunnmuren-icons-svg
instead.
# npm
npm install @obosbbl/grunnmuren-icons-react@canary
# pnpm
pnpm add @obosbbl/grunnmuren-icons-react@canary
import { House } from '@obosbbl/grunnmuren-icons-react';
export function Page() {
return <House />;
}
The SVG markup has role="img"
set to indicate to screen readers that the element should be interpreted as an image.
Since icons mostly are used as a visual decoration, they will also render with aria-hidden="true"
by default, unless you specify an accessible label using aria-label
.
<House />
// <svg role="img" aria-hidden="true">...</svg>
<House aria-label="Ikon som illustrerer et hus" />
// <svg role="img" aria-label="Hus">...</svg>