Less logo
Less extends CSS with variables, mixins, and functions, allowing developers to write more maintainable stylesheets that compile into standard CSS. The Less 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
- #1d365d
- Categories
- UI & CSS
- Variants
- 5 SVG files
- Website
- lesscss.org
- Source
- Simple Icons · CC0
Use the Less logo
shadcn CLI
npx shadcn@latest add @logoforge/lessWorks out of the box — @logoforge is in the official shadcn directory. Prefer your AI editor? Use the MCP server.
React
import { LessLogo } from "@/components/logos/less";
<LessLogo className="size-8" />
<LessLogo variant="mono" /> {/* currentColor */}
<LessLogo type="wordmark" className="h-6 w-auto" />icon.svg
<svg xmlns="http://www.w3.org/2000/svg" fill="#1d365d" viewBox="0 0 24 24"><path d="M3.598 7.15a8 8 0 0 0-1.054.068q-.421.062-.717.249a1.2 1.2 0 0 0-.45.497c-.098.208-.14.47-.14.802V10.3c0 .428-.084.732-.253.884-.169.166-.492.25-.984.25v1.16c.478 0 .815.083.984.249q.253.249.253.912v1.548c0 .594.183 1.009.548 1.23.38.207.984.318 1.813.318v-1.078c-.393 0-.646-.07-.773-.194-.126-.124-.183-.373-.183-.746v-1.465c0-.373-.098-.663-.28-.87-.184-.208-.479-.374-.886-.484.393-.125.688-.29.871-.512.183-.22.281-.511.281-.87V9.167c0-.36.057-.608.183-.733.122-.12.412-.195.787-.2v4.547q0 .624.09 1.044.089.419.314.724.226.304.616.443.39.14.984.14.147 0 .32-.02a5 5 0 0 0 .65-.107l-.036-.98q-.405.057-.667.057-.529 0-.713-.276-.183-.275-.183-1.051V7.149H3.598zm16.818-.001v1.092c.393 0 .647.069.773.193.127.125.183.373.183.733v1.465c0 .359.098.65.28.87.184.222.479.387.872.512-.407.11-.702.276-.885.483-.183.208-.281.498-.281.871v1.465c0 .373-.057.622-.183.746-.126.125-.38.194-.773.194v1.078c.83 0 1.434-.11 1.813-.318.365-.221.548-.636.548-1.23v-1.548q0-.663.253-.912c.169-.166.506-.249.984-.249v-1.16c-.492 0-.815-.084-.984-.25-.168-.151-.253-.456-.253-.884V8.766c0-.332-.042-.594-.14-.801a1.2 1.2 0 0 0-.45-.498 1.8 1.8 0 0 0-.717-.249 7 7 0 0 0-1.04-.069m-6.479 1.975c-.675 0-1.209.14-1.588.421-.38.281-.576.689-.576 1.209 0 .422.112.773.351 1.026s.618.478 1.152.688c.043.015.14.057.296.113.45.183.758.31.913.436a.6.6 0 0 1 .239.478q0 .336-.253.506-.254.168-.717.168c-.295 0-.632-.056-.984-.155a4 4 0 0 1-.885-.337l-.14 1.04c.505.296 1.18.436 2.037.436.717 0 1.265-.155 1.659-.464.393-.309.59-.759.59-1.335q0-.654-.38-1.054c-.252-.267-.632-.492-1.166-.689-.382-.15-.84-.277-1.209-.506a.47.47 0 0 1-.224-.421c0-.183.084-.324.239-.422s.365-.14.646-.14c.506 0 1.026.126 1.574.379l.365-.956q-.843-.42-1.939-.421m4.512 0c-.675 0-1.21.14-1.589.421-.38.281-.576.689-.576 1.209 0 .422.112.773.351 1.026.24.253.619.478 1.153.688.042.015.14.057.295.113.45.183.759.31.914.436a.6.6 0 0 1 .238.478q0 .336-.253.506-.252.168-.716.168a3.7 3.7 0 0 1-.984-.155 4 4 0 0 1-.886-.337l-.14 1.04c.506.296 1.18.436 2.038.436q1.054 0 1.686-.464c.394-.309.59-.759.59-1.335q0-.654-.379-1.054c-.379-.4-.632-.492-1.166-.689-.392-.153-.842-.277-1.209-.506a.47.47 0 0 1-.225-.421c0-.183.085-.324.24-.422s.364-.14.646-.14c.506 0 1.026.126 1.574.379l.337-.956q-.843-.42-1.94-.421zm-9.46.014c-.842 0-1.503.267-1.995.815s-.73 1.279-.73 2.192c0 .956.252 1.687.772 2.22.52.535 1.237.802 2.165.802.8 0 1.49-.183 2.08-.52l-.197-.984a3.66 3.66 0 0 1-1.813.492c-.492 0-.886-.155-1.167-.45-.28-.295-.435-.716-.45-1.25h3.852v-.591c0-.829-.225-1.49-.661-1.982-.45-.491-1.054-.744-1.855-.744zm-.013.983q.57 0 .885.38c.211.253.323.618.323 1.082H7.67c.042-.492.182-.857.407-1.096.253-.239.548-.366.9-.366Z"/></svg>Download
Related logos
Less and the Less logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by Less; 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.