Stylus logo

Stylus offers a flexible CSS pre‑processor allowing developers to write concise style rules with variables, mixins, and nesting support. The Stylus logo as clean SVG, in brand color and mono. Copy it, download it, or install it as a typed React component.

Brand color: #333333
Categories: UI & CSS
Variants: 2 SVG files
Website: learnboost.github.io
Source: gilbarbara/logos · CC0

Sponsor

CertifstudioBeautiful certificates, verifiable with a scan

Use the Stylus logo

shadcn CLI

npx shadcn@latest add @logoforge/stylus

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

React

import { StylusLogo } from "@/components/logos/stylus";

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

icon.svg

<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 244"><title>Stylus</title><path fill="#606060" d="M31.768 98.347c2.908 0 5.262.397 7.05 1.194q2.68 1.19 2.68 2.979c0 1.457-.368 3.11-1.094 4.963q-1.094 2.78-2.085 4.566-.398.398-.992.1c-.398-.2-.597-.561-.597-1.092q.597-1.387.597-3.972c0-1.852-.497-3.377-1.49-4.566q-1.49-1.787-4.07-1.787-3.376 0-5.46 2.085c-1.39 1.389-2.085 3.344-2.085 5.855q-.001 3.181 1.688 6.056a70 70 0 0 0 3.772 5.76 57 57 0 0 1 3.872 6.156q1.788 3.277 1.788 7.446 0 7.146-5.758 11.116c-3.84 2.651-8.87 3.972-15.09 3.972q-6.75 0-10.622-2.184-3.873-2.18-3.872-4.764 0-.792.595-2.185a22 22 0 0 1 1.59-2.98 46 46 0 0 1 2.184-3.177q1.19-1.585 2.58-2.578.597-.4 1.094.197.494.595.1 1.191-1.192 1.19-1.788 2.483-.596 1.292-.596 3.474c0 2.381.794 4.337 2.384 5.855q2.381 2.286 6.154 2.285 5.16 0 8.042-2.88 2.877-2.876 2.878-7.049 0-3.771-1.688-7.047a77 77 0 0 0-3.672-6.355 84 84 0 0 1-3.674-6.256 14.15 14.15 0 0 1-1.687-6.75q-.002-5.161 4.368-8.635c2.908-2.311 7.21-3.476 12.904-3.476m54.202.996q.993.399.796 1.093-.201.696-1.788 1.092-2.978.002-6.85.197-3.874.2-8.24.595c-2.65 6.49-4.833 12.806-6.553 18.963q-2.582 9.232-2.58 14.991-.002 6.749 5.161 6.748 5.16 0 11.519-8.931.594-.399 1.09 0 .494.396.299 1.389a36 36 0 0 1-8.538 9.63q-5.167 4.07-10.126 4.069c-3.445 0-5.992-.822-7.645-2.482q-2.483-2.482-2.482-6.85c0-3.836.924-9.134 2.778-15.884 1.854-6.751 4.236-13.63 7.15-20.65-3.444.397-6.62.932-9.53 1.59q-.996-.194-.498-.993c.33-.527.925-1.092 1.788-1.687.857-.598 1.886-1.125 3.076-1.59q1.786-.693 3.376-.694h1.588q.795 0 1.59-.198a215 215 0 0 1 5.36-11.12c1.853-3.575 3.704-6.815 5.56-9.73q1.19-1.387 3.275-2.482 2.085-1.09 4.07-1.688 1.983-.594 3.278-.695 1.285-.095 1.093.695c-2.254 3.445-4.468 7.282-6.654 11.517A207 207 0 0 0 71.08 99.54q3.773-.197 7.644-.198z"/><path fill="#b3d107" d="M206.436 0q2.976.001 4.865 1.49 1.883 1.489 2.58 3.972.693 2.481.198 5.658-.495 3.18-2.283 6.354-.398.396-.993 0-.595-.398-.793-.993c.264-1.59-.297-2.911-1.688-3.972q-2.086-1.587-6.453-1.588-8.143 0-16.38 6.056-8.242 6.061-15.984 15.983-7.744 9.932-14.494 22.835a216 216 0 0 0-11.716 26.606c-3.308 9.133-5.925 18.2-7.842 27.202-1.919 9.003-2.877 17.207-2.877 24.622q-.002 5.953 3.375 5.955 2.382 0 4.665-1.987c1.52-1.322 3.278-3.306 5.263-5.956q.594-.392 1.09.1.495.5.3 1.29c-2.651 3.971-5.759 7.28-9.333 9.927-3.573 2.65-6.82 3.972-9.73 3.972q-3.772 0-5.26-2.186-1.489-2.18-1.49-5.557-.002-9.334 3.973-23.33c2.646-9.332 6.184-19.192 10.623-29.585q6.65-15.585 15.387-31.073 8.736-15.486 18.169-27.895 9.43-12.41 18.961-20.155Q198.094-.001 206.437 0zM30.146 243.981q-2.979 0-4.866-1.488-1.884-1.49-2.581-3.973-.693-2.483-.199-5.658.498-3.178 2.283-6.354.399-.399.993 0 .595.395.794.994-.396 2.381 1.688 3.97 2.085 1.587 6.453 1.588 8.143 0 16.38-6.057 8.242-6.054 15.985-15.98 7.744-9.93 14.494-22.835a216 216 0 0 0 11.713-26.607q4.967-13.7 7.844-27.201 2.878-13.503 2.877-24.621.002-5.957-3.375-5.956-2.384-.002-4.664 1.984c-1.521 1.32-3.278 3.31-5.264 5.958q-.594.392-1.09-.1-.493-.5-.299-1.293c2.65-3.968 5.758-7.28 9.333-9.928q5.361-3.968 9.729-3.968c2.515 0 4.268.724 5.26 2.182q1.49 2.185 1.49 5.562.002 9.33-3.972 23.33-3.968 13.996-10.622 29.584-6.651 15.585-15.388 31.073-8.736 15.486-18.168 27.895c-6.286 8.273-12.61 14.992-18.963 20.153q-9.526 7.746-17.865 7.746"/><path fill="#606060" d="M164.271 149.178q-8.34 0-8.34-9.133-.001-3.176.695-7.345c.462-2.782 1.194-5.657 2.185-8.637.993-2.98 2.148-5.988 3.473-9.037a55.6 55.6 0 0 1 4.766-8.734 66 66 0 0 0-4.168 2.88 33 33 0 0 0-3.575 3.076q-.596.401-1.092-.297-.496-.694-.1-1.29c2.25-2.385 5.461-4.83 9.631-7.349 4.168-2.51 8.171-4.499 12.013-5.955q.99.001 1.488.497.496.5.1 1.29a76.2 76.2 0 0 0-10.226 18.068q-3.87 9.733-3.871 18.863c0 3.842 1.193 5.757 3.574 5.757q2.579 0 6.353-3.473 3.773-3.474 7.944-9.135 4.167-5.658 8.438-12.805a193 193 0 0 0 7.844-14.497q.595-1.188 3.473-2.381 2.879-1.195 5.858-1.194c1.986 0 2.58.534 1.788 1.59a191 191 0 0 0-4.865 9.63 74 74 0 0 0-3.474 8.836 59 59 0 0 0-2.085 8.834c-.467 2.98-.696 6.254-.696 9.827 0 4.24 1.124 6.353 3.377 6.353q3.374.001 7.544-5.956.597-.39 1.19 0 .597.404.399 1.193-3.379 5.161-7.446 7.844-4.071 2.678-7.445 2.678-8.34 0-8.34-9.728 0-10.124 3.573-20.055-7.546 13.7-15.882 21.742c-5.562 5.365-10.264 8.043-14.1 8.043m82-50.831c2.908 0 5.262.397 7.049 1.194q2.68 1.19 2.68 2.979-.002 2.184-1.091 4.963-1.096 2.78-2.087 4.566c-.267.266-.595.298-.993.1-.396-.2-.595-.561-.595-1.092q.596-1.387.596-3.972c0-1.852-.495-3.377-1.488-4.566q-1.491-1.787-4.07-1.787-3.376 0-5.46 2.085-2.087 2.087-2.085 5.855-.002 3.181 1.687 6.056a70 70 0 0 0 3.773 5.76 57 57 0 0 1 3.872 6.156q1.787 3.277 1.787 7.446 0 7.146-5.758 11.116c-3.841 2.651-8.87 3.972-15.09 3.972q-6.753 0-10.623-2.184-3.872-2.18-3.871-4.764 0-.792.594-2.185c.398-.924.924-1.916 1.59-2.98a46 46 0 0 1 2.183-3.177q1.19-1.585 2.582-2.578.595-.4 1.091.197.496.595.1 1.191-1.19 1.19-1.787 2.483-.596 1.292-.596 3.474c0 2.381.795 4.337 2.384 5.855q2.381 2.286 6.154 2.285 5.16 0 8.043-2.88 2.876-2.876 2.878-7.049-.002-3.771-1.687-7.047a77 77 0 0 0-3.673-6.355 85 85 0 0 1-3.675-6.256 14.15 14.15 0 0 1-1.687-6.75q0-5.161 4.368-8.635c2.908-2.311 7.21-3.476 12.904-3.476"/></svg>

Download

Related logos

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