Guide
Icons
Use exported icons, raw SVG files, and NmorphIcon color behavior.
NmorphIcon wrapper
`NmorphIcon` normalizes icon size and color through props so exported icons and most raw SVG icons follow the same theme tokens.
<script setup lang="ts">
import { NmorphIcon, NmorphIconSearch } from "@nmorph/nmorph-ui-kit";
</script>
<template>
<NmorphIcon color="var(--nmorph-accent-color)" size="large">
<NmorphIconSearch />
</NmorphIcon>
</template>Raw SVG
The docs use raw SVG imports for GitHub and translation icons. Wrap raw SVG in `NmorphIcon` when it needs size and color behavior consistent with exported icons.