solidjs logo
solidjs-dark from Skill Icons by tandpfun · Dark · MIT Free for personal and commercial use.
- Name
- solidjs-dark
- Set
- Skill Icons
- Style
- Dark
- Viewbox
- 256×256
- License
- MIT
1 other variant in Skill Icons
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 256 256"><g fill="none"><rect width="256" height="256" fill="#242938" rx="60"/><path fill="#76b3e1" d="M224 76.855S160 29.76 110.491 40.628l-3.623 1.208c-7.245 2.415-13.283 6.038-16.906 10.868l-2.415 3.622l-18.113 31.397l31.396 6.037c13.283 8.453 30.189 12.076 45.887 8.453l55.547 10.868z"/><path fill="url(#SVGF8ZYYd5i)" d="M224 76.855S160 29.76 110.491 40.628l-3.623 1.208c-7.245 2.415-13.283 6.038-16.906 10.868l-2.415 3.622l-18.113 31.397l31.396 6.037c13.283 8.453 30.189 12.076 45.887 8.453l55.547 10.868z" opacity=".3"/><path fill="#518ac8" d="m89.962 76.854l-4.83 1.208C64.604 84.1 58.566 103.42 69.434 120.326c12.075 15.698 37.434 24.151 57.962 18.113l74.868-25.358s-64-47.095-112.302-36.227"/><path fill="url(#SVGt8Oh8dzV)" d="m89.962 76.854l-4.83 1.208C64.604 84.1 58.566 103.42 69.434 120.326c12.075 15.698 37.434 24.151 57.962 18.113l74.868-25.358s-64-47.095-112.302-36.227" opacity=".3"/><path fill="url(#SVG38Lbedwf)" d="M188.981 131.194a54.34 54.34 0 0 0-57.962-18.113l-74.868 24.151L32 179.496l135.245 22.943l24.151-43.471c4.83-8.453 3.623-18.114-2.415-27.774"/><path fill="url(#SVGQaqPVbsS)" d="M164.83 173.458a54.335 54.335 0 0 0-57.962-18.113L32 179.496s64 48.302 113.509 36.226l3.623-1.207c20.528-6.038 27.774-25.359 15.698-41.057"/><defs><linearGradient id="SVGF8ZYYd5i" x1="60.377" x2="210.717" y1="38.213" y2="111.27" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#76b3e1"/><stop offset=".3" stop-color="#dcf2fd"/><stop offset="1" stop-color="#76b3e1"/></linearGradient><linearGradient id="SVGt8Oh8dzV" x1="142.853" x2="116.528" y1="73.956" y2="161.624" gradientUnits="userSpaceOnUse"><stop stop-color="#76b3e1"/><stop offset=".5" stop-color="#4377bb"/><stop offset="1" stop-color="#1f3b77"/></linearGradient><linearGradient id="SVG38Lbedwf" x1="49.389" x2="201.419" y1="112.115" y2="215.481" gradientUnits="userSpaceOnUse"><stop stop-color="#315aa9"/><stop offset=".5" stop-color="#518ac8"/><stop offset="1" stop-color="#315aa9"/></linearGradient><linearGradient id="SVGQaqPVbsS" x1="117.977" x2="56.634" y1="124.552" y2="349.519" gradientUnits="userSpaceOnUse"><stop stop-color="#4377bb"/><stop offset=".5" stop-color="#1a336b"/><stop offset="1" stop-color="#1a336b"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function SkillIconsSolidjsDark(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#242938" rx="60"/><path fill="#76b3e1" d="M224 76.855S160 29.76 110.491 40.628l-3.623 1.208c-7.245 2.415-13.283 6.038-16.906 10.868l-2.415 3.622l-18.113 31.397l31.396 6.037c13.283 8.453 30.189 12.076 45.887 8.453l55.547 10.868z"/><path fill="url(#SVGF8ZYYd5i)" d="M224 76.855S160 29.76 110.491 40.628l-3.623 1.208c-7.245 2.415-13.283 6.038-16.906 10.868l-2.415 3.622l-18.113 31.397l31.396 6.037c13.283 8.453 30.189 12.076 45.887 8.453l55.547 10.868z" opacity=".3"/><path fill="#518ac8" d="m89.962 76.854l-4.83 1.208C64.604 84.1 58.566 103.42 69.434 120.326c12.075 15.698 37.434 24.151 57.962 18.113l74.868-25.358s-64-47.095-112.302-36.227"/><path fill="url(#SVGt8Oh8dzV)" d="m89.962 76.854l-4.83 1.208C64.604 84.1 58.566 103.42 69.434 120.326c12.075 15.698 37.434 24.151 57.962 18.113l74.868-25.358s-64-47.095-112.302-36.227" opacity=".3"/><path fill="url(#SVG38Lbedwf)" d="M188.981 131.194a54.34 54.34 0 0 0-57.962-18.113l-74.868 24.151L32 179.496l135.245 22.943l24.151-43.471c4.83-8.453 3.623-18.114-2.415-27.774"/><path fill="url(#SVGQaqPVbsS)" d="M164.83 173.458a54.335 54.335 0 0 0-57.962-18.113L32 179.496s64 48.302 113.509 36.226l3.623-1.207c20.528-6.038 27.774-25.359 15.698-41.057"/><defs><linearGradient id="SVGF8ZYYd5i" x1="60.377" x2="210.717" y1="38.213" y2="111.27" gradientUnits="userSpaceOnUse"><stop offset=".1" stopColor="#76b3e1"/><stop offset=".3" stopColor="#dcf2fd"/><stop offset="1" stopColor="#76b3e1"/></linearGradient><linearGradient id="SVGt8Oh8dzV" x1="142.853" x2="116.528" y1="73.956" y2="161.624" gradientUnits="userSpaceOnUse"><stop stopColor="#76b3e1"/><stop offset=".5" stopColor="#4377bb"/><stop offset="1" stopColor="#1f3b77"/></linearGradient><linearGradient id="SVG38Lbedwf" x1="49.389" x2="201.419" y1="112.115" y2="215.481" gradientUnits="userSpaceOnUse"><stop stopColor="#315aa9"/><stop offset=".5" stopColor="#518ac8"/><stop offset="1" stopColor="#315aa9"/></linearGradient><linearGradient id="SVGQaqPVbsS" x1="117.977" x2="56.634" y1="124.552" y2="349.519" gradientUnits="userSpaceOnUse"><stop stopColor="#4377bb"/><stop offset=".5" stopColor="#1a336b"/><stop offset="1" stopColor="#1a336b"/></linearGradient></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#242938" rx="60"/><path fill="#76b3e1" d="M224 76.855S160 29.76 110.491 40.628l-3.623 1.208c-7.245 2.415-13.283 6.038-16.906 10.868l-2.415 3.622l-18.113 31.397l31.396 6.037c13.283 8.453 30.189 12.076 45.887 8.453l55.547 10.868z"/><path fill="url(#SVGF8ZYYd5i)" d="M224 76.855S160 29.76 110.491 40.628l-3.623 1.208c-7.245 2.415-13.283 6.038-16.906 10.868l-2.415 3.622l-18.113 31.397l31.396 6.037c13.283 8.453 30.189 12.076 45.887 8.453l55.547 10.868z" opacity=".3"/><path fill="#518ac8" d="m89.962 76.854l-4.83 1.208C64.604 84.1 58.566 103.42 69.434 120.326c12.075 15.698 37.434 24.151 57.962 18.113l74.868-25.358s-64-47.095-112.302-36.227"/><path fill="url(#SVGt8Oh8dzV)" d="m89.962 76.854l-4.83 1.208C64.604 84.1 58.566 103.42 69.434 120.326c12.075 15.698 37.434 24.151 57.962 18.113l74.868-25.358s-64-47.095-112.302-36.227" opacity=".3"/><path fill="url(#SVG38Lbedwf)" d="M188.981 131.194a54.34 54.34 0 0 0-57.962-18.113l-74.868 24.151L32 179.496l135.245 22.943l24.151-43.471c4.83-8.453 3.623-18.114-2.415-27.774"/><path fill="url(#SVGQaqPVbsS)" d="M164.83 173.458a54.335 54.335 0 0 0-57.962-18.113L32 179.496s64 48.302 113.509 36.226l3.623-1.207c20.528-6.038 27.774-25.359 15.698-41.057"/><defs><linearGradient id="SVGF8ZYYd5i" x1="60.377" x2="210.717" y1="38.213" y2="111.27" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#76b3e1"/><stop offset=".3" stop-color="#dcf2fd"/><stop offset="1" stop-color="#76b3e1"/></linearGradient><linearGradient id="SVGt8Oh8dzV" x1="142.853" x2="116.528" y1="73.956" y2="161.624" gradientUnits="userSpaceOnUse"><stop stop-color="#76b3e1"/><stop offset=".5" stop-color="#4377bb"/><stop offset="1" stop-color="#1f3b77"/></linearGradient><linearGradient id="SVG38Lbedwf" x1="49.389" x2="201.419" y1="112.115" y2="215.481" gradientUnits="userSpaceOnUse"><stop stop-color="#315aa9"/><stop offset=".5" stop-color="#518ac8"/><stop offset="1" stop-color="#315aa9"/></linearGradient><linearGradient id="SVGQaqPVbsS" x1="117.977" x2="56.634" y1="124.552" y2="349.519" gradientUnits="userSpaceOnUse"><stop stop-color="#4377bb"/><stop offset=".5" stop-color="#1a336b"/><stop offset="1" stop-color="#1a336b"/></linearGradient></defs></g></svg> </template>
CSS
.icon-solidjs-dark {
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%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23242938%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%2376b3e1%22%20d%3D%22M224%2076.855S160%2029.76%20110.491%2040.628l-3.623%201.208c-7.245%202.415-13.283%206.038-16.906%2010.868l-2.415%203.622l-18.113%2031.397l31.396%206.037c13.283%208.453%2030.189%2012.076%2045.887%208.453l55.547%2010.868z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGF8ZYYd5i)%22%20d%3D%22M224%2076.855S160%2029.76%20110.491%2040.628l-3.623%201.208c-7.245%202.415-13.283%206.038-16.906%2010.868l-2.415%203.622l-18.113%2031.397l31.396%206.037c13.283%208.453%2030.189%2012.076%2045.887%208.453l55.547%2010.868z%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22%23518ac8%22%20d%3D%22m89.962%2076.854l-4.83%201.208C64.604%2084.1%2058.566%20103.42%2069.434%20120.326c12.075%2015.698%2037.434%2024.151%2057.962%2018.113l74.868-25.358s-64-47.095-112.302-36.227%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGt8Oh8dzV)%22%20d%3D%22m89.962%2076.854l-4.83%201.208C64.604%2084.1%2058.566%20103.42%2069.434%20120.326c12.075%2015.698%2037.434%2024.151%2057.962%2018.113l74.868-25.358s-64-47.095-112.302-36.227%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG38Lbedwf)%22%20d%3D%22M188.981%20131.194a54.34%2054.34%200%200%200-57.962-18.113l-74.868%2024.151L32%20179.496l135.245%2022.943l24.151-43.471c4.83-8.453%203.623-18.114-2.415-27.774%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGQaqPVbsS)%22%20d%3D%22M164.83%20173.458a54.335%2054.335%200%200%200-57.962-18.113L32%20179.496s64%2048.302%20113.509%2036.226l3.623-1.207c20.528-6.038%2027.774-25.359%2015.698-41.057%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGF8ZYYd5i%22%20x1%3D%2260.377%22%20x2%3D%22210.717%22%20y1%3D%2238.213%22%20y2%3D%22111.27%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%22SVGt8Oh8dzV%22%20x1%3D%22142.853%22%20x2%3D%22116.528%22%20y1%3D%2273.956%22%20y2%3D%22161.624%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%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%22SVG38Lbedwf%22%20x1%3D%2249.389%22%20x2%3D%22201.419%22%20y1%3D%22112.115%22%20y2%3D%22215.481%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%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%22SVGQaqPVbsS%22%20x1%3D%22117.977%22%20x2%3D%2256.634%22%20y1%3D%22124.552%22%20y2%3D%22349.519%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%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%3C%2Fg%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%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23242938%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%2376b3e1%22%20d%3D%22M224%2076.855S160%2029.76%20110.491%2040.628l-3.623%201.208c-7.245%202.415-13.283%206.038-16.906%2010.868l-2.415%203.622l-18.113%2031.397l31.396%206.037c13.283%208.453%2030.189%2012.076%2045.887%208.453l55.547%2010.868z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGF8ZYYd5i)%22%20d%3D%22M224%2076.855S160%2029.76%20110.491%2040.628l-3.623%201.208c-7.245%202.415-13.283%206.038-16.906%2010.868l-2.415%203.622l-18.113%2031.397l31.396%206.037c13.283%208.453%2030.189%2012.076%2045.887%208.453l55.547%2010.868z%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22%23518ac8%22%20d%3D%22m89.962%2076.854l-4.83%201.208C64.604%2084.1%2058.566%20103.42%2069.434%20120.326c12.075%2015.698%2037.434%2024.151%2057.962%2018.113l74.868-25.358s-64-47.095-112.302-36.227%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGt8Oh8dzV)%22%20d%3D%22m89.962%2076.854l-4.83%201.208C64.604%2084.1%2058.566%20103.42%2069.434%20120.326c12.075%2015.698%2037.434%2024.151%2057.962%2018.113l74.868-25.358s-64-47.095-112.302-36.227%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG38Lbedwf)%22%20d%3D%22M188.981%20131.194a54.34%2054.34%200%200%200-57.962-18.113l-74.868%2024.151L32%20179.496l135.245%2022.943l24.151-43.471c4.83-8.453%203.623-18.114-2.415-27.774%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGQaqPVbsS)%22%20d%3D%22M164.83%20173.458a54.335%2054.335%200%200%200-57.962-18.113L32%20179.496s64%2048.302%20113.509%2036.226l3.623-1.207c20.528-6.038%2027.774-25.359%2015.698-41.057%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGF8ZYYd5i%22%20x1%3D%2260.377%22%20x2%3D%22210.717%22%20y1%3D%2238.213%22%20y2%3D%22111.27%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%22SVGt8Oh8dzV%22%20x1%3D%22142.853%22%20x2%3D%22116.528%22%20y1%3D%2273.956%22%20y2%3D%22161.624%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%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%22SVG38Lbedwf%22%20x1%3D%2249.389%22%20x2%3D%22201.419%22%20y1%3D%22112.115%22%20y2%3D%22215.481%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%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%22SVGQaqPVbsS%22%20x1%3D%22117.977%22%20x2%3D%2256.634%22%20y1%3D%22124.552%22%20y2%3D%22349.519%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%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%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/skill-icons/solidjs-dark.svg?color=%231a73e8&size=48
