Solidjs icon

logos:solidjs

The Solidjs icon (logos:solidjs) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 179 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 179
Tags: solidj

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="179" viewBox="0 0 512 179"><defs><linearGradient id="SVGsoTyQE6B" x1="27.5" x2="152" y1="3" y2="63.5" gradientTransform="translate(-4.833 -4.412)scale(1.20818)" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#76b3e1"/><stop offset=".3" stop-color="#dcf2fd"/><stop offset="1" stop-color="#76b3e1"/></linearGradient><linearGradient id="SVGh3e8Cbrj" x1="95.8" x2="74" y1="32.6" y2="105.2" gradientTransform="translate(-4.833 -4.412)scale(1.20818)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#76b3e1"/><stop offset=".5" stop-color="#4377bb"/><stop offset="1" stop-color="#1f3b77"/></linearGradient><linearGradient id="SVGXiufcbHQ" x1="18.4" x2="144.3" y1="64.2" y2="149.8" gradientTransform="translate(-4.833 -4.412)scale(1.20818)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#315aa9"/><stop offset=".5" stop-color="#518ac8"/><stop offset="1" stop-color="#315aa9"/></linearGradient><linearGradient id="SVGpbmQtbty" x1="75.2" x2="24.4" y1="74.5" y2="260.8" gradientTransform="translate(-4.833 -4.412)scale(1.20818)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4377bb"/><stop offset=".5" stop-color="#1a336b"/><stop offset="1" stop-color="#1a336b"/></linearGradient></defs><path fill="#58595b" d="M249.363 100.363a13.12 13.12 0 0 0 8.853 3.716c3.716 0 6.776-2.185 6.776-5.901c0-8.525-16.94-6.449-16.94-16.94c0-4.92 4.371-9.072 10.601-9.072c3.33-.1 6.574 1.073 9.072 3.279l-1.64 2.841a11.35 11.35 0 0 0-7.432-2.95c-4.372 0-7.104 2.84-7.213 5.792c0 8.088 16.94 5.792 16.94 16.94c0 5.028-3.934 9.18-10.273 9.18a14.6 14.6 0 0 1-10.711-4.37zm53.663-27.979a17.19 17.19 0 0 1 17.268 17.378a17.487 17.487 0 0 1-17.268 17.705h-.11a17.487 17.487 0 0 1-17.267-17.705v-.11a17.19 17.19 0 0 1 17.377-17.268m-.11 32.023c7.844-.179 14.058-6.681 13.881-14.525v-.12c0-8.088-6.12-14.317-13.77-14.317a13.9 13.9 0 0 0-13.881 14.208c0 8.306 6.12 14.645 13.77 14.754m37.051-31.367h3.279l-.11 30.93h15.739v2.951h-19.126zm37.05.11h3.28l-.11 33.99h-3.279zm25.357 0h10.929c10.164 0 17.05 6.23 17.05 17.05s-6.886 16.94-17.05 16.94h-10.93zm10.492 31.039c8.306 0 13.88-4.919 13.99-13.99c.108-9.071-5.575-13.99-13.881-13.99h-7.323l-.109 27.98zm45.753 2.947l.336.004a11.22 11.22 0 0 0 7.716-2.755a9.84 9.84 0 0 0 3.125-7.76v-23.07h-6.83v22.569a4.6 4.6 0 0 1-1.093 3.279a3.95 3.95 0 0 1-2.786 1.175l-.242-.006q-3.213 0-4.688-3.77l-5.771 3.224q2.775 6.95 10.233 7.11m40.809.084l.468-.004c3.792 0 6.765-.94 8.896-2.83a9.43 9.43 0 0 0 3.202-7.422a7.75 7.75 0 0 0-2.732-6.197c-1.836-1.573-4.776-2.929-8.82-4.087a12.9 12.9 0 0 1-4.11-1.716a2.81 2.81 0 0 1-1.201-2.35a2.95 2.95 0 0 1 1.202-2.459a5.03 5.03 0 0 1 3.18-.929a6.2 6.2 0 0 1 6.24 4.066l5.651-3.093a11.06 11.06 0 0 0-4.448-5.3a13.4 13.4 0 0 0-7.148-1.859a12.14 12.14 0 0 0-7.842 2.598l-.3.244a8.86 8.86 0 0 0-3.379 6.85l.002.308a8.2 8.2 0 0 0 2.312 5.91l.223.222q2.284 2.295 8.055 4.033a18 18 0 0 1 4.94 1.989a2.55 2.55 0 0 1 1.3 2.284a3 3 0 0 1-1.409 2.525a6.16 6.16 0 0 1-3.607.994a7.65 7.65 0 0 1-7.213-4.623l-5.902 3.05a11.86 11.86 0 0 0 4.907 5.716a15 15 0 0 0 7.533 2.08"/><path fill="#76b3e1" d="M192.1 37.874S128.067-9.244 78.531 1.629l-3.624 1.208c-7.249 2.417-13.29 6.041-16.915 10.874l-2.416 3.624l-18.123 31.413l31.413 6.041c13.29 8.457 30.204 12.082 45.911 8.457l55.576 10.874z"/><path fill="url(#SVGsoTyQE6B)" d="M192.1 37.874S128.067-9.244 78.531 1.629l-3.624 1.208c-7.249 2.417-13.29 6.041-16.915 10.874l-2.416 3.624l-18.123 31.413l31.413 6.041c13.29 8.457 30.204 12.082 45.911 8.457l55.576 10.874z" opacity=".3"/><path fill="#518ac8" d="m57.992 37.874l-4.832 1.209c-20.539 6.04-26.58 25.371-15.707 42.286c12.082 15.706 37.454 24.163 57.993 18.122l74.907-25.371S106.319 27.001 57.992 37.874"/><path fill="url(#SVGh3e8Cbrj)" d="m57.992 37.874l-4.832 1.209c-20.539 6.04-26.58 25.371-15.707 42.286c12.082 15.706 37.454 24.163 57.993 18.122l74.907-25.371S106.319 27.001 57.992 37.874" opacity=".3"/><path fill="url(#SVGXiufcbHQ)" d="M157.063 92.242C143.226 74.956 120.288 67.788 99.07 74.12L24.164 98.283L0 140.569l135.316 22.956l24.163-43.495c4.833-8.457 3.625-18.122-2.416-27.788"/><path fill="url(#SVGpbmQtbty)" d="M132.899 134.528c-13.837-17.286-36.774-24.454-57.992-18.122L0 140.569s64.033 48.327 113.569 36.246l3.624-1.209c20.539-6.04 27.788-25.371 15.706-41.078"/></svg>

How to use the Solidjs icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:solidjs" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:solidjs" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:solidjs" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--solidjs]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:solidjs"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:solidjs"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/solidjs.svg" alt="Solidjs icon" width="24" height="24">

Related icons in SVG Logos

Solidjs icon in other icon sets

Solidjs icon FAQ

Is the Solidjs icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Solidjs icon in React?

Install @iconify/react and render <Icon icon="logos:solidjs" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Solidjs icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/solidjs.svg" alt="Solidjs icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →