Logoforge
Back

Front logo

The Front 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.

Front logo
Brand color
#ff0057
Categories
Communication
Variants
3 SVG files
Website
frontapp.com
Source
gilbarbara/logos · CC0
Your brand here$40 / 30 days

Use the Front logo

shadcn CLI
npx shadcn@latest add @logoforge/frontapp

First time? Add the @logoforge registry to components.json, or use the MCP server.

React
import { FrontappLogo } from "@/components/logos/frontapp";

<FrontappLogo className="size-8" />
<FrontappLogo variant="mono" />          {/* currentColor */}
icon.svg
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 366"><defs><linearGradient id="frontapp-a" x1="12.519%" x2="88.228%" y1="85.213%" y2="10.023%"><stop offset="0%" stop-color="#ff0057" stop-opacity=".16"/><stop offset="86.135%" stop-color="#ff0057"/></linearGradient></defs><path fill="#001b38" d="M0 60.854C0 27.245 27.245 0 60.854 0h195.143v86.6c0 16.804-13.623 30.427-30.427 30.427h-79.762c-15.805.25-28.565 13.033-28.781 28.846v189.41c0 16.804-13.622 30.427-30.427 30.427H0z"/><circle cx="147.013" cy="147.015" r="78.993" fill="url(#frontapp-a)" transform="rotate(90 147.013 147.015)"/><circle cx="147.013" cy="147.015" r="78.993" fill="url(#frontapp-a)" opacity=".5" transform="rotate(90 147.013 147.015)"/></svg>

Download

Related logos

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