UnoCSS logo
The UnoCSS logo as clean SVG, in brand color and mono, with a dark-mode variant. Copy it, download it, or install it as a typed React component.
- Brand color
- #333333
- Categories
- UI & CSS
- Variants
- 3 SVG files
- Website
- unocss.antfu.me
- Source
- gilbarbara/logos · CC0
Use the UnoCSS logo
shadcn CLI
npx shadcn@latest add @logoforge/unocssFirst time? Add the @logoforge registry to components.json, or use the MCP server.
React
import { UnocssLogo } from "@/components/logos/unocss";
<UnocssLogo className="size-8" />
<UnocssLogo variant="mono" /> {/* currentColor */}icon.svg
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 256"><title>unocss</title><path fill="#858585" d="M137.176 195.927c0-32.813 26.6-59.412 59.412-59.412S256 163.114 256 195.927c0 32.812-26.6 59.412-59.412 59.412s-59.412-26.6-59.412-59.412"/><path fill="#ccc" d="M137.176 59.412C137.176 26.6 163.776 0 196.588 0S256 26.6 256 59.412v53.471c0 3.28-2.66 5.941-5.941 5.941H143.117a5.94 5.94 0 0 1-5.941-5.94z"/><path fill="#4d4d4d" d="M118.824 195.927c0 32.812-26.6 59.412-59.412 59.412S0 228.74 0 195.927v-53.47a5.94 5.94 0 0 1 5.941-5.942h106.942a5.94 5.94 0 0 1 5.941 5.941z"/></svg>Download
Related logos
UnoCSS and the UnoCSS logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by UnoCSS; the logo is provided to refer to the product. Follow the brand's own guidelines. Own this brand and want it removed? Contact us — handled within 72 hours.