Rolldown logo

The Rolldown 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: #ff4100
Categories: Build tools
Variants: 5 SVG files
Website: rolldown.rs
Source: gilbarbara/logos · CC0

Your brand here$40 / 30 days

Use the Rolldown logo

shadcn CLI

npx shadcn@latest add @logoforge/rolldown

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

React

import { RolldownLogo } from "@/components/logos/rolldown";

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

icon.svg

<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 157"><title>Rolldown</title><path fill="#f50" d="M187.855 2.618c3.199 0 4.956 3.741 2.896 6.212l-34.979 41.988c-4.116 4.924-.602 12.423 5.822 12.423h33.85c3.2 0 4.957 3.751 2.897 6.212l-67.697 81.241c-1.511 1.815-4.31 1.815-5.818 0l-67.7-81.241c-2.046-2.461-.3-6.212 2.911-6.212h33.828c6.425 0 9.938-7.499 5.829-12.423L64.715 8.83c-2.059-2.471-.299-6.212 2.901-6.212z" style="stroke-width:3.607"/><g mask="url(#rolldown-a)" transform="translate(-1590.885 .03)scale(10.44884)"><g filter="url(#rolldown-b)"><ellipse cx="1.73" cy="7.56" fill="#ffe7e5" rx="1.73" ry="7.56" transform="rotate(30.253 98.293 324.258)scale(-1 1)"/></g><g filter="url(#rolldown-c)"><ellipse cx="1.73" cy="7.56" fill="#ffe7e5" rx="1.73" ry="7.56" transform="rotate(30.253 84.484 327.26)scale(-1 1)"/></g><g filter="url(#rolldown-d)"><ellipse cx="157.853" cy=".464" fill="#ff19af" rx="1.192" ry="6.999" transform="rotate(-36.093 157.853 .464)"/></g><g filter="url(#rolldown-e)"><ellipse cx="159.695" cy="10.934" fill="#ff19af" rx="1.192" ry="6.999" transform="rotate(-36.093 159.695 10.934)"/></g><g filter="url(#rolldown-f)"><ellipse cx="1.192" cy="6.999" fill="#ff19af" rx="1.192" ry="6.999" transform="rotate(36.093 94.989 268.152)scale(-1 1)"/></g><g filter="url(#rolldown-g)"><ellipse cx="1.192" cy="6.999" fill="#ff19af" rx="1.192" ry="6.999" transform="rotate(36.093 77.817 269.997)scale(-1 1)"/></g><g filter="url(#rolldown-h)"><ellipse cx="1.192" cy="6.999" fill="#ff19af" rx="1.192" ry="6.999" transform="rotate(36.093 94.437 266.458)scale(-1 1)"/></g><g filter="url(#rolldown-i)"><ellipse cx="1.192" cy="6.999" fill="#ff19af" rx="1.192" ry="6.999" transform="rotate(-143.907 87.6 -25.234)scale(1 -1)"/></g><g filter="url(#rolldown-j)"><ellipse cx="158.534" cy=".97" fill="#d14b2a" rx="1.73" ry="7.56" transform="rotate(-40.91 158.534 .97)"/></g><g filter="url(#rolldown-k)"><ellipse cx="159.711" cy="9.138" fill="#d14b2a" rx="1.73" ry="7.56" transform="rotate(-35.888 159.711 9.138)"/></g></g><path fill="#08060d" d="M23.189.032c-30.816 44.102-30.993 112.473 0 156.73h20.81c-30.971-44.257-30.795-112.628 0-156.73zm209.103 0h-20.821c30.806 44.102 30.983 112.473 0 156.73h20.821c30.983-44.257 30.802-112.628 0-156.73" style="stroke-width:3.607"/><mask id="rolldown-a" width="15" height="15" x="157" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path d="M170.233.248c.307 0 .475.358.278.594l-3.348 4.018a.725.725 0 0 0 .557 1.19h3.239c.307 0 .475.359.278.595l-6.479 7.775a.362.362 0 0 1-.557 0l-6.479-7.775a.363.363 0 0 1 .279-.595h3.237a.726.726 0 0 0 .558-1.19L158.448.842a.362.362 0 0 1 .278-.594z"/></mask><defs><filter id="rolldown-b" width="12.605" height="17.598" x="165.149" y="-8.501" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20995" stdDeviation="1.105"/></filter><filter id="rolldown-c" width="12.605" height="17.598" x="164.781" y="-1.135" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20995" stdDeviation="1.105"/></filter><filter id="rolldown-d" width="12.89" height="15.819" x="151.408" y="-7.446" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20995" stdDeviation="1.105"/></filter><filter id="rolldown-e" width="12.89" height="15.819" x="153.25" y="3.024" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20995" stdDeviation="1.105"/></filter><filter id="rolldown-f" width="12.89" height="15.819" x="164.668" y="-7.446" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20995" stdDeviation="1.105"/></filter><filter id="rolldown-g" width="12.89" height="15.819" x="162.459" y="3.024" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20995" stdDeviation="1.105"/></filter><filter id="rolldown-h" width="12.89" height="15.819" x="163.564" y="-7.446" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20995" stdDeviation="1.105"/></filter><filter id="rolldown-i" width="12.89" height="15.819" x="161.722" y="3.024" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20995" stdDeviation="1.105"/></filter><filter id="rolldown-j" width="14.664" height="16.072" x="151.202" y="-7.066" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20995" stdDeviation="1.105"/></filter><filter id="rolldown-k" width="13.72" height="16.839" x="152.852" y=".718" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20995" stdDeviation="1.105"/></filter></defs></svg>

Download

Related logos

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