DatoCMS logo

The DatoCMS logo as clean SVG, in brand color and mono. Copy it, download it, or install it as a typed React component.

Brand color: #ff7751
Categories: CMS & e-commerce
Variants: 3 SVG files
Website: datocms.com
Brand guidelines: Read before use
Source: gilbarbara/logos · CC0

Use the DatoCMS logo

shadcn CLI

npx shadcn@latest add @logoforge/datocms

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

React

import { DatocmsLogo } from "@/components/logos/datocms";

<DatocmsLogo className="size-8" />
<DatocmsLogo variant="mono" />          {/* currentColor */}
<DatocmsLogo type="wordmark" className="h-6 w-auto" />

icon.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 259"><title>Shape</title><defs><linearGradient id="datocms-a" x1="0%" x2="100%" y1="49.999%" y2="49.999%"><stop offset="0%" stop-color="#ff593d"/><stop offset="100%" stop-color="#ff7751"/></linearGradient></defs><path fill="url(#datocms-a)" d="M128.002.653H0v257.646h128.002c64.017 0 127.998-57.68 127.998-128.805C256 58.368 192.019.653 128.002.653m0 187.36c-32.33-.013-58.528-26.231-58.516-58.56s26.23-58.529 58.559-58.517c32.33.011 58.529 26.228 58.518 58.558a58.52 58.52 0 0 1-58.561 58.518"/></svg>

Download

Related logos

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