solidjs icon logo
solidjs-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- solidjs-icon
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×239
- License
- CC0
Use the solidjs icon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="256 239 256 239"><defs><linearGradient id="SVGzqueV6fZ" 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="SVGuCz8Ub4Y" 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="SVGgHpuIdPS" 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="SVGBIJUtckh" 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.829l-24.152 41.862l41.863 8.051c17.71 11.27 40.251 16.101 61.182 11.27l74.063 14.491z"/><path fill="url(#SVGzqueV6fZ)" 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.829l-24.152 41.862l41.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.472l-6.439 1.611c-27.371 8.05-35.421 33.811-20.932 56.352c16.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(#SVGuCz8Ub4Y)" d="m333.282 289.472l-6.439 1.611c-27.371 8.05-35.421 33.811-20.932 56.352c16.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(#SVGgHpuIdPS)" 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.592l32.201-57.963c6.441-11.271 4.831-24.15-3.22-37.032"/><path fill="url(#SVGBIJUtckh)" 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>
React
import type { SVGProps } from "react";
export function LogosSolidjsIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="256 239 256 239"><defs><linearGradient id="SVGzqueV6fZ" x1="27.5" x2="152" y1="3" y2="63.5" gradientTransform="translate(249.56 233.12)scale(1.61006)" gradientUnits="userSpaceOnUse"><stop offset=".1" stopColor="#76b3e1"/><stop offset=".3" stopColor="#dcf2fd"/><stop offset="1" stopColor="#76b3e1"/></linearGradient><linearGradient id="SVGuCz8Ub4Y" 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" stopColor="#76b3e1"/><stop offset=".5" stopColor="#4377bb"/><stop offset="1" stopColor="#1f3b77"/></linearGradient><linearGradient id="SVGgHpuIdPS" 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" stopColor="#315aa9"/><stop offset=".5" stopColor="#518ac8"/><stop offset="1" stopColor="#315aa9"/></linearGradient><linearGradient id="SVGBIJUtckh" 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" stopColor="#4377bb"/><stop offset=".5" stopColor="#1a336b"/><stop offset="1" stopColor="#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.829l-24.152 41.862l41.863 8.051c17.71 11.27 40.251 16.101 61.182 11.27l74.063 14.491z"/><path fill="url(#SVGzqueV6fZ)" 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.829l-24.152 41.862l41.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.472l-6.439 1.611c-27.371 8.05-35.421 33.811-20.932 56.352c16.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(#SVGuCz8Ub4Y)" d="m333.282 289.472l-6.439 1.611c-27.371 8.05-35.421 33.811-20.932 56.352c16.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(#SVGgHpuIdPS)" 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.592l32.201-57.963c6.441-11.271 4.831-24.15-3.22-37.032"/><path fill="url(#SVGBIJUtckh)" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="256 239 256 239"><defs><linearGradient id="SVGzqueV6fZ" 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="SVGuCz8Ub4Y" 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="SVGgHpuIdPS" 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="SVGBIJUtckh" 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.829l-24.152 41.862l41.863 8.051c17.71 11.27 40.251 16.101 61.182 11.27l74.063 14.491z"/><path fill="url(#SVGzqueV6fZ)" 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.829l-24.152 41.862l41.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.472l-6.439 1.611c-27.371 8.05-35.421 33.811-20.932 56.352c16.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(#SVGuCz8Ub4Y)" d="m333.282 289.472l-6.439 1.611c-27.371 8.05-35.421 33.811-20.932 56.352c16.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(#SVGgHpuIdPS)" 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.592l32.201-57.963c6.441-11.271 4.831-24.15-3.22-37.032"/><path fill="url(#SVGBIJUtckh)" 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> </template>
CSS
.icon-solidjs-icon {
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%22256%20239%20256%20239%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGzqueV6fZ%22%20x1%3D%2227.5%22%20x2%3D%22152%22%20y1%3D%223%22%20y2%3D%2263.5%22%20gradientTransform%3D%22translate(249.56%20233.12)scale(1.61006)%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%22SVGuCz8Ub4Y%22%20x1%3D%2295.8%22%20x2%3D%2274%22%20y1%3D%2232.6%22%20y2%3D%22105.2%22%20gradientTransform%3D%22translate(249.56%20233.12)scale(1.61006)%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%22SVGgHpuIdPS%22%20x1%3D%2218.4%22%20x2%3D%22144.3%22%20y1%3D%2264.2%22%20y2%3D%22149.8%22%20gradientTransform%3D%22translate(249.56%20233.12)scale(1.61006)%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%22SVGBIJUtckh%22%20x1%3D%2275.2%22%20x2%3D%2224.4%22%20y1%3D%2274.5%22%20y2%3D%22260.8%22%20gradientTransform%3D%22translate(249.56%20233.12)scale(1.61006)%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%22M512%20289.472s-85.333-62.791-151.347-48.301l-4.829%201.61c-9.66%203.221-17.711%208.05-22.542%2014.491l-3.219%204.829l-24.152%2041.862l41.863%208.051c17.71%2011.27%2040.251%2016.101%2061.182%2011.27l74.063%2014.491z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGzqueV6fZ)%22%20d%3D%22M512%20289.472s-85.333-62.791-151.347-48.301l-4.829%201.61c-9.66%203.221-17.711%208.05-22.542%2014.491l-3.219%204.829l-24.152%2041.862l41.863%208.051c17.71%2011.27%2040.251%2016.101%2061.182%2011.27l74.063%2014.491z%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22%23518ac8%22%20d%3D%22m333.282%20289.472l-6.439%201.611c-27.371%208.05-35.421%2033.811-20.932%2056.352c16.101%2020.931%2049.913%2032.201%2077.284%2024.151l99.824-33.811s-85.334-62.792-149.737-48.303%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGuCz8Ub4Y)%22%20d%3D%22m333.282%20289.472l-6.439%201.611c-27.371%208.05-35.421%2033.811-20.932%2056.352c16.101%2020.931%2049.913%2032.201%2077.284%2024.151l99.824-33.811s-85.334-62.792-149.737-48.303%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGgHpuIdPS)%22%20d%3D%22M465.308%20361.925c-18.439-23.036-49.008-32.588-77.283-24.15l-99.823%2032.201L256%20426.328l180.327%2030.592l32.201-57.963c6.441-11.271%204.831-24.15-3.22-37.032%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGBIJUtckh)%22%20d%3D%22M433.106%20418.277c-18.439-23.036-49.006-32.588-77.282-24.15L256%20426.328s85.333%2064.402%20151.346%2048.303l4.83-1.612c27.371-8.049%2037.031-33.81%2020.93-54.742%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%22256%20239%20256%20239%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGzqueV6fZ%22%20x1%3D%2227.5%22%20x2%3D%22152%22%20y1%3D%223%22%20y2%3D%2263.5%22%20gradientTransform%3D%22translate(249.56%20233.12)scale(1.61006)%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%22SVGuCz8Ub4Y%22%20x1%3D%2295.8%22%20x2%3D%2274%22%20y1%3D%2232.6%22%20y2%3D%22105.2%22%20gradientTransform%3D%22translate(249.56%20233.12)scale(1.61006)%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%22SVGgHpuIdPS%22%20x1%3D%2218.4%22%20x2%3D%22144.3%22%20y1%3D%2264.2%22%20y2%3D%22149.8%22%20gradientTransform%3D%22translate(249.56%20233.12)scale(1.61006)%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%22SVGBIJUtckh%22%20x1%3D%2275.2%22%20x2%3D%2224.4%22%20y1%3D%2274.5%22%20y2%3D%22260.8%22%20gradientTransform%3D%22translate(249.56%20233.12)scale(1.61006)%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%22M512%20289.472s-85.333-62.791-151.347-48.301l-4.829%201.61c-9.66%203.221-17.711%208.05-22.542%2014.491l-3.219%204.829l-24.152%2041.862l41.863%208.051c17.71%2011.27%2040.251%2016.101%2061.182%2011.27l74.063%2014.491z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGzqueV6fZ)%22%20d%3D%22M512%20289.472s-85.333-62.791-151.347-48.301l-4.829%201.61c-9.66%203.221-17.711%208.05-22.542%2014.491l-3.219%204.829l-24.152%2041.862l41.863%208.051c17.71%2011.27%2040.251%2016.101%2061.182%2011.27l74.063%2014.491z%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22%23518ac8%22%20d%3D%22m333.282%20289.472l-6.439%201.611c-27.371%208.05-35.421%2033.811-20.932%2056.352c16.101%2020.931%2049.913%2032.201%2077.284%2024.151l99.824-33.811s-85.334-62.792-149.737-48.303%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGuCz8Ub4Y)%22%20d%3D%22m333.282%20289.472l-6.439%201.611c-27.371%208.05-35.421%2033.811-20.932%2056.352c16.101%2020.931%2049.913%2032.201%2077.284%2024.151l99.824-33.811s-85.334-62.792-149.737-48.303%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGgHpuIdPS)%22%20d%3D%22M465.308%20361.925c-18.439-23.036-49.008-32.588-77.283-24.15l-99.823%2032.201L256%20426.328l180.327%2030.592l32.201-57.963c6.441-11.271%204.831-24.15-3.22-37.032%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGBIJUtckh)%22%20d%3D%22M433.106%20418.277c-18.439-23.036-49.006-32.588-77.282-24.15L256%20426.328s85.333%2064.402%20151.346%2048.303l4.83-1.612c27.371-8.049%2037.031-33.81%2020.93-54.742%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/solidjs-icon.svg?color=%231a73e8&size=48
