Solid logo

The Solid 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: #2c4f7c
Categories: Frameworks
Variants: 5 SVG files
Website: solidjs.com
Source: gilbarbara/logos · CC0

Your brand here$40 / 30 days

Use the Solid logo

shadcn CLI

npx shadcn@latest add @logoforge/solidjs

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

React

import { SolidjsLogo } from "@/components/logos/solidjs";

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

icon.svg

<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="256 239 256 239"><title>SolidJS</title><defs><linearGradient id="solidjs-a" x1="27.5" x2="152" y1="3" y2="63.5" gradientTransform="translate(249.56 233.12)scale(1.61006)" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#76b3e1"/><stop offset=".3" stop-color="#dcf2fd"/><stop offset="1" stop-color="#76b3e1"/></linearGradient><linearGradient id="solidjs-b" x1="95.8" x2="74" y1="32.6" y2="105.2" gradientTransform="translate(249.56 233.12)scale(1.61006)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#76b3e1"/><stop offset=".5" stop-color="#4377bb"/><stop offset="1" stop-color="#1f3b77"/></linearGradient><linearGradient id="solidjs-c" x1="18.4" x2="144.3" y1="64.2" y2="149.8" gradientTransform="translate(249.56 233.12)scale(1.61006)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#315aa9"/><stop offset=".5" stop-color="#518ac8"/><stop offset="1" stop-color="#315aa9"/></linearGradient><linearGradient id="solidjs-d" x1="75.2" x2="24.4" y1="74.5" y2="260.8" gradientTransform="translate(249.56 233.12)scale(1.61006)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4377bb"/><stop offset=".5" stop-color="#1a336b"/><stop offset="1" stop-color="#1a336b"/></linearGradient></defs><path fill="#76b3e1" d="M512 289.472s-85.333-62.791-151.347-48.301l-4.829 1.61c-9.66 3.221-17.711 8.05-22.542 14.491l-3.219 4.829-24.152 41.862 41.863 8.051c17.71 11.27 40.251 16.101 61.182 11.27l74.063 14.491z"/><path fill="url(#solidjs-a)" d="M512 289.472s-85.333-62.791-151.347-48.301l-4.829 1.61c-9.66 3.221-17.711 8.05-22.542 14.491l-3.219 4.829-24.152 41.862 41.863 8.051c17.71 11.27 40.251 16.101 61.182 11.27l74.063 14.491z" opacity=".3"/><path fill="#518ac8" d="m333.282 289.472-6.439 1.611c-27.371 8.05-35.421 33.811-20.932 56.352 16.101 20.931 49.913 32.201 77.284 24.151l99.824-33.811s-85.334-62.792-149.737-48.303"/><path fill="url(#solidjs-b)" d="m333.282 289.472-6.439 1.611c-27.371 8.05-35.421 33.811-20.932 56.352 16.101 20.931 49.913 32.201 77.284 24.151l99.824-33.811s-85.334-62.792-149.737-48.303" opacity=".3"/><path fill="url(#solidjs-c)" d="M465.308 361.925c-18.439-23.036-49.008-32.588-77.283-24.15l-99.823 32.201L256 426.328l180.327 30.592 32.201-57.963c6.441-11.271 4.831-24.15-3.22-37.032"/><path fill="url(#solidjs-d)" d="M433.106 418.277c-18.439-23.036-49.006-32.588-77.282-24.15L256 426.328s85.333 64.402 151.346 48.303l4.83-1.612c27.371-8.049 37.031-33.81 20.93-54.742"/></svg>

Download

Related logos

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