solidjs logo
solidjs from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- solidjs
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
The same logo in other sets
Use the solidjs logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGUlDDmcSi" x1="27.5" x2="152" y1="3" y2="63.5" gradientTransform="translate(-3.22 1.507)scale(.80503)" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#76b3e1"/><stop offset=".3" stop-color="#dcf2fd"/><stop offset="1" stop-color="#76b3e1"/></linearGradient><linearGradient id="SVGN6xYIcgs" x1="95.8" x2="74" y1="32.6" y2="105.2" gradientTransform="translate(-3.22 1.507)scale(.80503)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#76b3e1"/><stop offset=".5" stop-color="#4377bb"/><stop offset="1" stop-color="#1f3b77"/></linearGradient><linearGradient id="SVG50enQebW" x1="18.4" x2="144.3" y1="64.2" y2="149.8" gradientTransform="translate(-3.22 1.507)scale(.80503)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#315aa9"/><stop offset=".5" stop-color="#518ac8"/><stop offset="1" stop-color="#315aa9"/></linearGradient><linearGradient id="SVGhNTqjeci" x1="75.2" x2="24.4" y1="74.5" y2="260.8" gradientTransform="translate(-3.22 1.507)scale(.80503)" 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="M128 29.683S85.333-1.713 52.327 5.532l-2.415.805c-4.83 1.61-8.855 4.025-11.27 7.245l-1.61 2.415l-12.076 20.931l20.93 4.025c8.856 5.636 20.127 8.05 30.592 5.636l37.031 7.245z"/><path fill="url(#SVGUlDDmcSi)" d="M128 29.683S85.333-1.713 52.327 5.532l-2.415.805c-4.83 1.61-8.855 4.025-11.27 7.245l-1.61 2.415l-12.076 20.931l20.93 4.025c8.856 5.636 20.127 8.05 30.592 5.636l37.031 7.245z" opacity=".3"/><path fill="#518ac8" d="m38.642 29.683l-3.22.805C21.735 34.513 17.71 47.394 24.955 58.664c8.05 10.465 24.956 16.1 38.641 12.076l49.912-16.906S70.843 22.438 38.642 29.683"/><path fill="url(#SVGN6xYIcgs)" d="m38.642 29.683l-3.22.805C21.735 34.513 17.71 47.394 24.955 58.664c8.05 10.465 24.956 16.1 38.641 12.076l49.912-16.906S70.843 22.438 38.642 29.683" opacity=".3"/><path fill="url(#SVG50enQebW)" d="M104.654 65.91a36.23 36.23 0 0 0-38.641-12.076L16.1 69.934L0 98.111l90.164 15.295l16.1-28.981c3.22-5.635 2.415-12.075-1.61-18.516z"/><path fill="url(#SVGhNTqjeci)" d="M88.553 94.085A36.23 36.23 0 0 0 49.912 82.01L0 98.11s42.667 32.202 75.673 24.152l2.415-.806c13.686-4.025 18.516-16.905 10.465-27.37z"/></svg>
React
import type { SVGProps } from "react";
export function DeviconSolidjs(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGUlDDmcSi" x1="27.5" x2="152" y1="3" y2="63.5" gradientTransform="translate(-3.22 1.507)scale(.80503)" gradientUnits="userSpaceOnUse"><stop offset=".1" stopColor="#76b3e1"/><stop offset=".3" stopColor="#dcf2fd"/><stop offset="1" stopColor="#76b3e1"/></linearGradient><linearGradient id="SVGN6xYIcgs" x1="95.8" x2="74" y1="32.6" y2="105.2" gradientTransform="translate(-3.22 1.507)scale(.80503)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#76b3e1"/><stop offset=".5" stopColor="#4377bb"/><stop offset="1" stopColor="#1f3b77"/></linearGradient><linearGradient id="SVG50enQebW" x1="18.4" x2="144.3" y1="64.2" y2="149.8" gradientTransform="translate(-3.22 1.507)scale(.80503)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#315aa9"/><stop offset=".5" stopColor="#518ac8"/><stop offset="1" stopColor="#315aa9"/></linearGradient><linearGradient id="SVGhNTqjeci" x1="75.2" x2="24.4" y1="74.5" y2="260.8" gradientTransform="translate(-3.22 1.507)scale(.80503)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#4377bb"/><stop offset=".5" stopColor="#1a336b"/><stop offset="1" stopColor="#1a336b"/></linearGradient></defs><path fill="#76b3e1" d="M128 29.683S85.333-1.713 52.327 5.532l-2.415.805c-4.83 1.61-8.855 4.025-11.27 7.245l-1.61 2.415l-12.076 20.931l20.93 4.025c8.856 5.636 20.127 8.05 30.592 5.636l37.031 7.245z"/><path fill="url(#SVGUlDDmcSi)" d="M128 29.683S85.333-1.713 52.327 5.532l-2.415.805c-4.83 1.61-8.855 4.025-11.27 7.245l-1.61 2.415l-12.076 20.931l20.93 4.025c8.856 5.636 20.127 8.05 30.592 5.636l37.031 7.245z" opacity=".3"/><path fill="#518ac8" d="m38.642 29.683l-3.22.805C21.735 34.513 17.71 47.394 24.955 58.664c8.05 10.465 24.956 16.1 38.641 12.076l49.912-16.906S70.843 22.438 38.642 29.683"/><path fill="url(#SVGN6xYIcgs)" d="m38.642 29.683l-3.22.805C21.735 34.513 17.71 47.394 24.955 58.664c8.05 10.465 24.956 16.1 38.641 12.076l49.912-16.906S70.843 22.438 38.642 29.683" opacity=".3"/><path fill="url(#SVG50enQebW)" d="M104.654 65.91a36.23 36.23 0 0 0-38.641-12.076L16.1 69.934L0 98.111l90.164 15.295l16.1-28.981c3.22-5.635 2.415-12.075-1.61-18.516z"/><path fill="url(#SVGhNTqjeci)" d="M88.553 94.085A36.23 36.23 0 0 0 49.912 82.01L0 98.11s42.667 32.202 75.673 24.152l2.415-.806c13.686-4.025 18.516-16.905 10.465-27.37z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGUlDDmcSi" x1="27.5" x2="152" y1="3" y2="63.5" gradientTransform="translate(-3.22 1.507)scale(.80503)" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#76b3e1"/><stop offset=".3" stop-color="#dcf2fd"/><stop offset="1" stop-color="#76b3e1"/></linearGradient><linearGradient id="SVGN6xYIcgs" x1="95.8" x2="74" y1="32.6" y2="105.2" gradientTransform="translate(-3.22 1.507)scale(.80503)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#76b3e1"/><stop offset=".5" stop-color="#4377bb"/><stop offset="1" stop-color="#1f3b77"/></linearGradient><linearGradient id="SVG50enQebW" x1="18.4" x2="144.3" y1="64.2" y2="149.8" gradientTransform="translate(-3.22 1.507)scale(.80503)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#315aa9"/><stop offset=".5" stop-color="#518ac8"/><stop offset="1" stop-color="#315aa9"/></linearGradient><linearGradient id="SVGhNTqjeci" x1="75.2" x2="24.4" y1="74.5" y2="260.8" gradientTransform="translate(-3.22 1.507)scale(.80503)" 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="M128 29.683S85.333-1.713 52.327 5.532l-2.415.805c-4.83 1.61-8.855 4.025-11.27 7.245l-1.61 2.415l-12.076 20.931l20.93 4.025c8.856 5.636 20.127 8.05 30.592 5.636l37.031 7.245z"/><path fill="url(#SVGUlDDmcSi)" d="M128 29.683S85.333-1.713 52.327 5.532l-2.415.805c-4.83 1.61-8.855 4.025-11.27 7.245l-1.61 2.415l-12.076 20.931l20.93 4.025c8.856 5.636 20.127 8.05 30.592 5.636l37.031 7.245z" opacity=".3"/><path fill="#518ac8" d="m38.642 29.683l-3.22.805C21.735 34.513 17.71 47.394 24.955 58.664c8.05 10.465 24.956 16.1 38.641 12.076l49.912-16.906S70.843 22.438 38.642 29.683"/><path fill="url(#SVGN6xYIcgs)" d="m38.642 29.683l-3.22.805C21.735 34.513 17.71 47.394 24.955 58.664c8.05 10.465 24.956 16.1 38.641 12.076l49.912-16.906S70.843 22.438 38.642 29.683" opacity=".3"/><path fill="url(#SVG50enQebW)" d="M104.654 65.91a36.23 36.23 0 0 0-38.641-12.076L16.1 69.934L0 98.111l90.164 15.295l16.1-28.981c3.22-5.635 2.415-12.075-1.61-18.516z"/><path fill="url(#SVGhNTqjeci)" d="M88.553 94.085A36.23 36.23 0 0 0 49.912 82.01L0 98.11s42.667 32.202 75.673 24.152l2.415-.806c13.686-4.025 18.516-16.905 10.465-27.37z"/></svg> </template>
CSS
.icon-solidjs {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGUlDDmcSi%22%20x1%3D%2227.5%22%20x2%3D%22152%22%20y1%3D%223%22%20y2%3D%2263.5%22%20gradientTransform%3D%22translate(-3.22%201.507)scale(.80503)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.1%22%20stop-color%3D%22%2376b3e1%22%2F%3E%3Cstop%20offset%3D%22.3%22%20stop-color%3D%22%23dcf2fd%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2376b3e1%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGN6xYIcgs%22%20x1%3D%2295.8%22%20x2%3D%2274%22%20y1%3D%2232.6%22%20y2%3D%22105.2%22%20gradientTransform%3D%22translate(-3.22%201.507)scale(.80503)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2376b3e1%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%234377bb%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231f3b77%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG50enQebW%22%20x1%3D%2218.4%22%20x2%3D%22144.3%22%20y1%3D%2264.2%22%20y2%3D%22149.8%22%20gradientTransform%3D%22translate(-3.22%201.507)scale(.80503)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23315aa9%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23518ac8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23315aa9%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGhNTqjeci%22%20x1%3D%2275.2%22%20x2%3D%2224.4%22%20y1%3D%2274.5%22%20y2%3D%22260.8%22%20gradientTransform%3D%22translate(-3.22%201.507)scale(.80503)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%234377bb%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%231a336b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231a336b%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%2376b3e1%22%20d%3D%22M128%2029.683S85.333-1.713%2052.327%205.532l-2.415.805c-4.83%201.61-8.855%204.025-11.27%207.245l-1.61%202.415l-12.076%2020.931l20.93%204.025c8.856%205.636%2020.127%208.05%2030.592%205.636l37.031%207.245z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGUlDDmcSi)%22%20d%3D%22M128%2029.683S85.333-1.713%2052.327%205.532l-2.415.805c-4.83%201.61-8.855%204.025-11.27%207.245l-1.61%202.415l-12.076%2020.931l20.93%204.025c8.856%205.636%2020.127%208.05%2030.592%205.636l37.031%207.245z%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22%23518ac8%22%20d%3D%22m38.642%2029.683l-3.22.805C21.735%2034.513%2017.71%2047.394%2024.955%2058.664c8.05%2010.465%2024.956%2016.1%2038.641%2012.076l49.912-16.906S70.843%2022.438%2038.642%2029.683%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGN6xYIcgs)%22%20d%3D%22m38.642%2029.683l-3.22.805C21.735%2034.513%2017.71%2047.394%2024.955%2058.664c8.05%2010.465%2024.956%2016.1%2038.641%2012.076l49.912-16.906S70.843%2022.438%2038.642%2029.683%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG50enQebW)%22%20d%3D%22M104.654%2065.91a36.23%2036.23%200%200%200-38.641-12.076L16.1%2069.934L0%2098.111l90.164%2015.295l16.1-28.981c3.22-5.635%202.415-12.075-1.61-18.516z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGhNTqjeci)%22%20d%3D%22M88.553%2094.085A36.23%2036.23%200%200%200%2049.912%2082.01L0%2098.11s42.667%2032.202%2075.673%2024.152l2.415-.806c13.686-4.025%2018.516-16.905%2010.465-27.37z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGUlDDmcSi%22%20x1%3D%2227.5%22%20x2%3D%22152%22%20y1%3D%223%22%20y2%3D%2263.5%22%20gradientTransform%3D%22translate(-3.22%201.507)scale(.80503)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.1%22%20stop-color%3D%22%2376b3e1%22%2F%3E%3Cstop%20offset%3D%22.3%22%20stop-color%3D%22%23dcf2fd%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2376b3e1%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGN6xYIcgs%22%20x1%3D%2295.8%22%20x2%3D%2274%22%20y1%3D%2232.6%22%20y2%3D%22105.2%22%20gradientTransform%3D%22translate(-3.22%201.507)scale(.80503)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2376b3e1%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%234377bb%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231f3b77%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG50enQebW%22%20x1%3D%2218.4%22%20x2%3D%22144.3%22%20y1%3D%2264.2%22%20y2%3D%22149.8%22%20gradientTransform%3D%22translate(-3.22%201.507)scale(.80503)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23315aa9%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23518ac8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23315aa9%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGhNTqjeci%22%20x1%3D%2275.2%22%20x2%3D%2224.4%22%20y1%3D%2274.5%22%20y2%3D%22260.8%22%20gradientTransform%3D%22translate(-3.22%201.507)scale(.80503)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%234377bb%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%231a336b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231a336b%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%2376b3e1%22%20d%3D%22M128%2029.683S85.333-1.713%2052.327%205.532l-2.415.805c-4.83%201.61-8.855%204.025-11.27%207.245l-1.61%202.415l-12.076%2020.931l20.93%204.025c8.856%205.636%2020.127%208.05%2030.592%205.636l37.031%207.245z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGUlDDmcSi)%22%20d%3D%22M128%2029.683S85.333-1.713%2052.327%205.532l-2.415.805c-4.83%201.61-8.855%204.025-11.27%207.245l-1.61%202.415l-12.076%2020.931l20.93%204.025c8.856%205.636%2020.127%208.05%2030.592%205.636l37.031%207.245z%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22%23518ac8%22%20d%3D%22m38.642%2029.683l-3.22.805C21.735%2034.513%2017.71%2047.394%2024.955%2058.664c8.05%2010.465%2024.956%2016.1%2038.641%2012.076l49.912-16.906S70.843%2022.438%2038.642%2029.683%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGN6xYIcgs)%22%20d%3D%22m38.642%2029.683l-3.22.805C21.735%2034.513%2017.71%2047.394%2024.955%2058.664c8.05%2010.465%2024.956%2016.1%2038.641%2012.076l49.912-16.906S70.843%2022.438%2038.642%2029.683%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG50enQebW)%22%20d%3D%22M104.654%2065.91a36.23%2036.23%200%200%200-38.641-12.076L16.1%2069.934L0%2098.111l90.164%2015.295l16.1-28.981c3.22-5.635%202.415-12.075-1.61-18.516z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGhNTqjeci)%22%20d%3D%22M88.553%2094.085A36.23%2036.23%200%200%200%2049.912%2082.01L0%2098.11s42.667%2032.202%2075.673%2024.152l2.415-.806c13.686-4.025%2018.516-16.905%2010.465-27.37z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/solidjs.svg?color=%231a73e8&size=48
