Logoforge
Back

Angular logo

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

Angular logo
Brand color
#e40035
Categories
Frameworks
Variants
4 SVG files
Website
angular.io
Source
gilbarbara/logos · CC0
Your brand here$40 / 30 days

Use the Angular logo

shadcn CLI
npx shadcn@latest add @logoforge/angular

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

React
import { AngularLogo } from "@/components/logos/angular";

<AngularLogo className="size-8" />
<AngularLogo variant="mono" />          {/* currentColor */}
<AngularLogo type="wordmark" className="h-6 w-auto" />
icon.svg
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 271"><title>Angular</title><defs><linearGradient id="angular-a" x1="25.071%" x2="96.132%" y1="90.929%" y2="55.184%"><stop offset="0%" stop-color="#e40035"/><stop offset="24%" stop-color="#f60a48"/><stop offset="35.2%" stop-color="#f20755"/><stop offset="49.4%" stop-color="#dc087d"/><stop offset="74.5%" stop-color="#9717e7"/><stop offset="100%" stop-color="#6c00f5"/></linearGradient><linearGradient id="angular-b" x1="21.863%" x2="68.367%" y1="12.058%" y2="68.21%"><stop offset="0%" stop-color="#ff31d9"/><stop offset="100%" stop-color="#ff5be1" stop-opacity="0"/></linearGradient></defs><path fill="url(#angular-a)" d="m256 45.179-9.244 145.158L158.373 0zm-61.217 187.697-66.782 38.105-66.784-38.105L74.8 199.958h106.4zM128.001 72.249l34.994 85.076h-69.99zM9.149 190.337 0 45.179 97.627 0z"/><path fill="url(#angular-b)" d="m256 45.179-9.244 145.158L158.373 0zm-61.217 187.697-66.782 38.105-66.784-38.105L74.8 199.958h106.4zM128.001 72.249l34.994 85.076h-69.99zM9.149 190.337 0 45.179 97.627 0z"/></svg>

Download

Related logos

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