Sketch logo
Sketch is a vector graphics editor for macOS, used by designers to create UI mockups, icons, and interactive prototypes. The Sketch logo as clean SVG, in brand color and mono. Copy it, download it, or install it as a typed React component.
- Brand color
- #f7b500
- Categories
- Design
- Variants
- 2 SVG files
- Website
- bohemiancoding.com
- Brand guidelines
- Read before use
- Source
- gilbarbara/logos · CC0
Use the Sketch logo
shadcn CLI
npx shadcn@latest add @logoforge/sketchWorks out of the box — @logoforge is in the official shadcn directory. Prefer your AI editor? Use the MCP server.
React
import { SketchLogo } from "@/components/logos/sketch";
<SketchLogo className="size-8" />
<SketchLogo variant="mono" /> {/* currentColor */}icon.svg
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 232"><path fill="#fdb300" d="M128 0 55.855 7.628 0 82.608l128 149.054L256 82.607 200.146 7.628z"/><path fill="#eb6c00" d="m0 82.608 128 149.054L51.846 82.608zm204.153 0L128 231.662 256 82.608z"/><path fill="#fdad00" d="M51.846 82.608 128 231.662l76.154-149.054z"/><path fill="#fdd231" d="m55.855 7.628-4.01 74.98L128 0zm148.298 74.98-4.008-74.98L128 0z"/><path fill="#fdad00" d="M204.154 82.608H256l-55.854-74.98zM0 82.608h51.846l4.009-74.98z"/><path fill="#feeeb7" d="M128 0 51.846 82.607h152.308z"/></svg>Download
Related logos
Sketch and the Sketch logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by Sketch; 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.