CSS logo

CSS defines style rules that control the visual presentation of HTML documents, allowing developers to separate design from content across web pages. The CSS 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.

Brand color: #663399
Categories: UI & CSS
Variants: 3 SVG files
Website: github.com
Brand guidelines: Read before use
Source: gilbarbara/logos · CC0

Sponsor

CitedBySee if AI recommends your brand

Use the CSS logo

shadcn CLI

npx shadcn@latest add @logoforge/css

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

React

import { CssLogo } from "@/components/logos/css";

<CssLogo className="size-8" />
<CssLogo variant="mono" />          {/* currentColor */}

icon.svg

<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 256"><title>CSS</title><path fill="#639" d="M0 0h215.04C237.662 0 256 18.338 256 40.96v174.08c0 22.622-18.338 40.96-40.96 40.96H40.96C18.338 256 0 237.662 0 215.04z"/><path fill="#fff" d="M91.674 235.52c-16.443-.015-26.589-9.275-26.394-26.314v-43.108q0-12.958 7.588-19.702c9.085-8.752 30.164-9.285 39.063.133 5.483 4.836 7.552 14.715 7.06 23.934H100.12c.143-3.623-.049-9.109-2.179-11.175-2.767-3.745-10.076-3.305-12.008.594q-1.782 3.174-1.782 9.388v37.422q-.001 11.77 8.182 11.901 3.826 0 5.806-2.777c1.84-2.197 2.127-7.06 1.978-10.578h18.873c1.29 17.938-9.298 30.505-27.318 30.282zm59.914 0c-18.22.25-26.37-12.713-25.866-30.282h17.815c-.494 7.66 2.137 14.635 8.445 14.149q4.222.001 5.94-2.645c2.175-3.223 2.582-12.53-.528-16.133-2.174-3.469-9.992-6.53-14.121-8.594q-8.843-4.23-12.736-10.05c-5.855-8.612-5.312-27.515 2.903-35.175 7.982-9.451 28.828-9.886 36.818-.197 4.928 4.995 7.08 14.823 6.664 23.867h-17.158c.146-3.717-.204-9.715-1.648-11.901q-1.518-2.777-5.74-2.778-7.522.001-7.521 8.99c.054 6.365 2.534 8.976 8.315 11.636 7.485 2.908 17.003 7.875 20.454 13.885 10.292 18.315 3.231 46.29-22.039 45.223zm57.538 0c-18.22.25-26.37-12.713-25.866-30.282h17.815c-.494 7.66 2.138 14.635 8.446 14.149q4.221.001 5.939-2.645c2.176-3.223 2.583-12.53-.528-16.133-2.173-3.469-9.991-6.53-14.12-8.594q-8.843-4.23-12.736-10.05c-5.855-8.612-5.312-27.515 2.903-35.175 7.982-9.451 28.828-9.886 36.817-.197 4.928 4.995 7.081 14.823 6.664 23.867h-17.157c.146-3.717-.205-9.715-1.649-11.901q-1.517-2.777-5.74-2.778-7.52.001-7.52 8.99c.053 6.365 2.534 8.976 8.314 11.636 7.486 2.908 17.004 7.875 20.455 13.885 10.291 18.315 3.23 46.29-22.04 45.223z"/></svg>

Download

Related logos

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