Refine logo

The Refine 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: #14141f
Categories: Frameworks
Variants: 3 SVG files
Brand guidelines: Read before use
Source: Simple Icons · CC0

Sponsor

CVMalinThe clever CV, built to land interviews

Use the Refine logo

shadcn CLI

npx shadcn@latest add @logoforge/refine

Works out of the box — @logoforge is in the official shadcn directory. Prefer your AI editor? Use the MCP server.

React

import { RefineLogo } from "@/components/logos/refine";

<RefineLogo className="size-8" />
<RefineLogo variant="mono" />          {/* currentColor */}

icon.svg

<svg xmlns="http://www.w3.org/2000/svg" fill="#14141f" viewBox="0 0 24 24"><path d="M13.789.422a4 4 0 0 0-3.578 0l-8 4A4 4 0 0 0 0 8v8c0 1.515.856 2.9 2.211 3.578l8 4a4 4 0 0 0 3.578 0l8-4A4 4 0 0 0 24 16V8c0-1.515-.856-2.9-2.211-3.578zM8 8a4 4 0 0 1 8 0v8a4 4 0 0 1-8 0zm6 0a2 2 0 1 1-3.999.001A2 2 0 0 1 14 8"/></svg>

Download

Related logos

Refine and the Refine logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by Refine; 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.