The logo graphics available for download on this page are provided under CC BY 4.0.
   Black and white are the default color variations and should be used in most circumstances. A gradient version of the icon and lockup is available in both static and animated formats and can be used in cases where a color icon is required.  Our brand guidelines folders contain the design files, guidance and community examples for how the brand can be adapted. Read more about adapting the logo in the section below.  Angie is the official mascot of the Angular framework. The mascot folders contain different file formats and poses of our friendly companion for use in your community assets and presentations.For inquiries regarding press and media please contact us at press@angular.io. For developer inquiries contact devrel@angular.io.
Angular’s success is deeply connected to our community. We know many communities, meetups, conferences, blogs, websites, YouTube channels and developers have built their brand on top of ours. This logo is for us and our community, and it’s important that you can join us in updating your brand as well.
Angular has long valued creative expression through customized shield icons. The new Angular icon allows customization in several ways. The icon shape can be used as a container for simple colors and patterns. Alternatively, a custom backplate can be used for more intricate designs. We recommend keeping your compositions simple and clear, since busy and complex patterns can be difficult to read. We appreciate your cooperation in keeping our community a safe and welcoming space. Please keep designs respectful and be mindful of our community guidelines when creating your icons.
We have provided a template to get you started.
If you have any questions on adapting the new logo, or updating your own, please email devrel@angular.io for additional help – we can’t wait to see what you create!
Lean into the shape of Angular’s new logo by changing the logo colors to match your brand colors, flag, cause, etc.In this example, we’ve adapted the colors to create an Angular Pride logo variation:
In this example, we’ve adapted the shield to create an Angular Signals logo variation:
When representing Angular with the original logo, please follow these guidelines:
In 2023 , we announced a modernized logo with v17. We advise against using the former Angular logo to prevent confusion. You can view the old press kit on our old docs site.
AngularJS is the v1.x predecessor of modern Angular. We advise against using this logo to prevent confusion. Read more about the discontinued LTS (Long Term Support) for AngularJS on our blog.