Logoforge
Back

Grommet logo

Grommet provides a React component library for building accessible, responsive user interfaces with customizable themes and layout primitives. The Grommet logo as clean SVG, in brand color and mono. Copy it, download it, or install it as a typed React component.

Grommet logo
Brand color
#7d4cdb
Categories
UI & CSS
Variants
2 SVG files
Website
v2.grommet.io
Source
gilbarbara/logos · CC0
Sponsor

Use the Grommet logo

shadcn CLI
npx shadcn@latest add @logoforge/grommet

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

React
import { GrommetLogo } from "@/components/logos/grommet";

<GrommetLogo className="size-8" />
<GrommetLogo variant="mono" />          {/* currentColor */}
icon.svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 150"><path fill="#7d4cdb" d="M206.979 64.521a13.8 13.8 0 0 1 5.26.84 12.85 12.85 0 0 1 6.225 5.914v-5.913h10.364v38.532a21.8 21.8 0 0 1-2.677 11.858q-4.422 6.664-16.589 6.93l-1.027.011a24.1 24.1 0 0 1-12.699-3.112 11.3 11.3 0 0 1-5.447-9.15h11.579a4.8 4.8 0 0 0 1.431 2.676 9.06 9.06 0 0 0 5.79 1.463 7.78 7.78 0 0 0 7.687-3.829 19.3 19.3 0 0 0 1.401-8.03v-2.614a12.8 12.8 0 0 1-3.3 3.89 12.9 12.9 0 0 1-8.216 2.397 15.56 15.56 0 0 1-12.45-5.51 22.32 22.32 0 0 1-4.638-14.908 24.9 24.9 0 0 1 4.545-15.22 14.82 14.82 0 0 1 12.76-6.225m260.606.405a23 23 0 0 1 8.709 1.451l1.033.416a16.53 16.53 0 0 1 7.003 6.039 19.95 19.95 0 0 1 3.113 8.403 52 52 0 0 1 .31 8.062h-29.567a9.74 9.74 0 0 0 4.232 8.59 10.65 10.65 0 0 0 5.852 1.525 8.72 8.72 0 0 0 5.882-1.836 9 9 0 0 0 2.21-2.802h10.832a13.17 13.17 0 0 1-3.403 6.797l-.55.549a19.83 19.83 0 0 1-15.282 5.882 22.04 22.04 0 0 1-14.318-5.042q-6.225-5.01-6.225-16.278a22 22 0 0 1 5.634-16.154 19.45 19.45 0 0 1 14.535-5.602m-180.803-.56a18.68 18.68 0 0 1 15.563 6.474 23.7 23.7 0 0 1 5.135 14.248v.972a23.53 23.53 0 0 1-5.198 15.22 18.68 18.68 0 0 1-15.562 6.224 18.9 18.9 0 0 1-15.562-6.224 23.56 23.56 0 0 1-5.14-14.307l.004-.976a23.75 23.75 0 0 1 5.198-15.25 18.68 18.68 0 0 1 15.562-6.381m218.62-9.307v11.33H512v7.563h-6.598v21.476a5 5 0 0 0 .622 3.113 7.07 7.07 0 0 0 3.89.622H512v7.906l-5.011.155c-5.042 0-8.466-.716-10.302-2.614a7.9 7.9 0 0 1-1.806-5.634v-24.9l-5.758-.124V66.39h5.758V55.06zm-92.939 12.077a12.2 12.2 0 0 1 3.486 4.886 13.4 13.4 0 0 1 5.198-5.26 16.1 16.1 0 0 1 7.315-1.65c1.775-.017 3.539.3 5.197.934a11.6 11.6 0 0 1 4.731 3.673 11.2 11.2 0 0 1 2.303 5.198c.233 1.59.36 3.195.38 4.802l-.006 26.82h-10.894V80.676a8.5 8.5 0 0 0-.747-3.797 5.26 5.26 0 0 0-5.197-2.833 6.04 6.04 0 0 0-6.225 3.642 11.5 11.5 0 0 0-.872 4.638v24.183h-10.707V82.293c.1-1.775-.154-3.552-.747-5.228a5.17 5.17 0 0 0-5.26-2.957 6.23 6.23 0 0 0-6.225 2.925 11 11 0 0 0-.871 4.98v24.464h-10.49V66.015h10.334v5.914a17.2 17.2 0 0 1 3.735-4.482 14.66 14.66 0 0 1 15.562-.311m-68.131-.374a12.14 12.14 0 0 1 3.486 4.887 13.7 13.7 0 0 1 5.197-5.23 15.56 15.56 0 0 1 7.315-1.649c1.613.01 3.21.292 4.727.83l.75.29a11.92 11.92 0 0 1 7.035 8.81c.205 1.546.32 3.104.346 4.664l-.004 27.144H362.29V80.644a8.56 8.56 0 0 0-.747-3.828 5.29 5.29 0 0 0-5.198-2.833 6.225 6.225 0 0 0-6.225 3.642 11.2 11.2 0 0 0-.867 3.87l-.005 24.982h-10.707V82.293a13.6 13.6 0 0 0-.746-5.26 5.17 5.17 0 0 0-5.23-2.956 6.23 6.23 0 0 0-6.224 2.925 11.6 11.6 0 0 0-.872 5.011v24.433H314.7V65.984h10.333v5.603a16.7 16.7 0 0 1 3.735-4.513 14.78 14.78 0 0 1 15.563-.312m-83.539-2.21.654.032h.902v10.893c-.653 0-1.245 0-1.774-.155H259.3a8.81 8.81 0 0 0-8.621 4.14 16.8 16.8 0 0 0-1.245 7.22v19.453H238.57V65.486h10.147v7.097a23 23 0 0 1 4.295-5.572 11.6 11.6 0 0 1 7.781-2.459m25.88 8.81a9.34 9.34 0 0 0-7.174 3.36 15.22 15.22 0 0 0-2.521 9.338c-.2 3.3.674 6.575 2.49 9.337a9.337 9.337 0 0 0 14.348 0c1.8-2.77 2.672-6.04 2.49-9.337a15.3 15.3 0 0 0-2.458-9.338 9.34 9.34 0 0 0-7.175-3.36M201.781 78.9a19.1 19.1 0 0 0-1.152 6.878 16.1 16.1 0 0 0 1.183 6.225 7.81 7.81 0 0 0 7.15 5.173l.569-.006a8.25 8.25 0 0 0 6.287-2.614v-.032a13.14 13.14 0 0 0 2.552-8.963 13.63 13.63 0 0 0-2.396-8.809 8.03 8.03 0 0 0-5.922-3.102l-.583-.01a7.66 7.66 0 0 0-7.688 5.26m259.641-2.957a11 11 0 0 0-2.832 6.225h18.301a8.9 8.9 0 0 0-2.832-6.412 9.34 9.34 0 0 0-5.545-2.199l-.68-.01a8.5 8.5 0 0 0-6.412 2.396M74.7 24.9c27.503 0 49.798 22.296 49.798 49.8s-22.295 49.798-49.799 49.798S24.9 102.203 24.9 74.7s22.297-49.8 49.8-49.8m0-24.9C33.444 0 0 33.444 0 74.7c0 41.254 33.444 74.698 74.7 74.698 41.254 0 74.698-33.444 74.698-74.699A74.7 74.7 0 0 0 74.7 0"/></svg>

Download

Related logos

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