vscodium logo
vscodium-light from Skill Icons by tandpfun · Light · MIT Free for personal and commercial use.
- Name
- vscodium-light
- Set
- Skill Icons
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
1 other variant in Skill Icons
The same logo in other sets
Use the vscodium logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><g clip-path="url(#SVGv3WPqdcU)"><path fill="#f4f2ed" d="M196 0H60C26.863 0 0 26.863 0 60v136c0 33.137 26.863 60 60 60h136c33.137 0 60-26.863 60-60V60c0-33.137-26.863-60-60-60"/><g clip-path="url(#SVG5qy9KbCN)"><path fill="url(#SVGNNwHKbev)" d="M124.455 43.98c-4.995 3.204-6.435 9.842-3.217 14.819c17.691 27.396 21.867 48.06 20.055 66.169c-7.322 34.678-23.238 41.713-37.147 41.713c-13.58 0-9.943-22.349.264-28.891c6.094-3.804 13.899-6.277 19.889-6.277c5.936 0 10.749-4.797 10.749-10.715c0-5.921-4.813-10.717-10.749-10.717c-6.996 0-13.86 1.47-20.267 3.972c1.309-6.176 1.792-12.85.1-19.945c-2.569-10.773-9.964-21.063-22.806-31.038a10.76 10.76 0 0 0-7.93-2.185a10.75 10.75 0 0 0-7.157 4.049c-3.643 4.672-2.8 11.407 1.887 15.041c10.461 8.126 13.916 14.14 15.097 19.091s.231 10.262-2.142 17.56c-3.033 9.835-6.554 18.614-8.097 27.034c-.76 4.144-.824 8.653-1.02 12.257c-7.534-7.343-10.483-17.038-10.483-31.205c-.002-5.918-4.814-10.717-10.748-10.715c-5.931.005-10.737 4.8-10.738 10.715c0 19.348 5.657 37.758 20.821 50.04c13.727 13.078 48.634 8.244 48.634 29.239c0 5.925 8.673 8.809 14.608 8.809c6.086 0 13.746-4.068 13.746-8.809c0-23.821 25.104-38.299 66.43-38.236c5.936.009 10.752-4.784 10.761-10.703c.01-5.92-4.792-10.727-10.728-10.738c-2.826-.003-5.581.093-8.297.254c4.62-10.866 6.67-22.829 6.246-35.751c-.196-5.917-5.162-10.554-11.093-10.362c-5.938.193-10.589 5.151-10.395 11.071c.56 16.919-.074 32.027-12.679 39.991c-3.584 2.263-7.751 4.226-11.702 4.226c3.068-8.344 5.385-17.152 6.333-26.645c.606-6.059.67-13.257-.021-18.848c-1.073-8.662-2.368-18.487.921-25.888c2.954-6.373 9.572-9.042 19.29-9.042c5.931-.005 10.736-4.802 10.738-10.715c.003-5.92-4.804-10.722-10.738-10.728c-14.441 0-25.387 7.6-31.593 16.783c-3.244-6.93-7.196-14.072-11.97-21.464a10.75 10.75 0 0 0-6.755-4.67a10.78 10.78 0 0 0-8.097 1.454"/></g></g><defs><clipPath id="SVGv3WPqdcU"><path fill="#fff" d="M0 0h256v256H0z"/></clipPath><clipPath id="SVG5qy9KbCN"><path fill="#fff" d="M40 40h175v175H40z"/></clipPath><linearGradient id="SVGNNwHKbev" x1="39.995" x2="209.164" y1="42.279" y2="205.503" gradientUnits="userSpaceOnUse"><stop stop-color="#62a0ea"/><stop offset="1" stop-color="#1a5fb4"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function SkillIconsVscodiumLight(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"><g clipPath="url(#SVGv3WPqdcU)"><path fill="#f4f2ed" d="M196 0H60C26.863 0 0 26.863 0 60v136c0 33.137 26.863 60 60 60h136c33.137 0 60-26.863 60-60V60c0-33.137-26.863-60-60-60"/><g clipPath="url(#SVG5qy9KbCN)"><path fill="url(#SVGNNwHKbev)" d="M124.455 43.98c-4.995 3.204-6.435 9.842-3.217 14.819c17.691 27.396 21.867 48.06 20.055 66.169c-7.322 34.678-23.238 41.713-37.147 41.713c-13.58 0-9.943-22.349.264-28.891c6.094-3.804 13.899-6.277 19.889-6.277c5.936 0 10.749-4.797 10.749-10.715c0-5.921-4.813-10.717-10.749-10.717c-6.996 0-13.86 1.47-20.267 3.972c1.309-6.176 1.792-12.85.1-19.945c-2.569-10.773-9.964-21.063-22.806-31.038a10.76 10.76 0 0 0-7.93-2.185a10.75 10.75 0 0 0-7.157 4.049c-3.643 4.672-2.8 11.407 1.887 15.041c10.461 8.126 13.916 14.14 15.097 19.091s.231 10.262-2.142 17.56c-3.033 9.835-6.554 18.614-8.097 27.034c-.76 4.144-.824 8.653-1.02 12.257c-7.534-7.343-10.483-17.038-10.483-31.205c-.002-5.918-4.814-10.717-10.748-10.715c-5.931.005-10.737 4.8-10.738 10.715c0 19.348 5.657 37.758 20.821 50.04c13.727 13.078 48.634 8.244 48.634 29.239c0 5.925 8.673 8.809 14.608 8.809c6.086 0 13.746-4.068 13.746-8.809c0-23.821 25.104-38.299 66.43-38.236c5.936.009 10.752-4.784 10.761-10.703c.01-5.92-4.792-10.727-10.728-10.738c-2.826-.003-5.581.093-8.297.254c4.62-10.866 6.67-22.829 6.246-35.751c-.196-5.917-5.162-10.554-11.093-10.362c-5.938.193-10.589 5.151-10.395 11.071c.56 16.919-.074 32.027-12.679 39.991c-3.584 2.263-7.751 4.226-11.702 4.226c3.068-8.344 5.385-17.152 6.333-26.645c.606-6.059.67-13.257-.021-18.848c-1.073-8.662-2.368-18.487.921-25.888c2.954-6.373 9.572-9.042 19.29-9.042c5.931-.005 10.736-4.802 10.738-10.715c.003-5.92-4.804-10.722-10.738-10.728c-14.441 0-25.387 7.6-31.593 16.783c-3.244-6.93-7.196-14.072-11.97-21.464a10.75 10.75 0 0 0-6.755-4.67a10.78 10.78 0 0 0-8.097 1.454"/></g></g><defs><clipPath id="SVGv3WPqdcU"><path fill="#fff" d="M0 0h256v256H0z"/></clipPath><clipPath id="SVG5qy9KbCN"><path fill="#fff" d="M40 40h175v175H40z"/></clipPath><linearGradient id="SVGNNwHKbev" x1="39.995" x2="209.164" y1="42.279" y2="205.503" gradientUnits="userSpaceOnUse"><stop stopColor="#62a0ea"/><stop offset="1" stopColor="#1a5fb4"/></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"><g clip-path="url(#SVGv3WPqdcU)"><path fill="#f4f2ed" d="M196 0H60C26.863 0 0 26.863 0 60v136c0 33.137 26.863 60 60 60h136c33.137 0 60-26.863 60-60V60c0-33.137-26.863-60-60-60"/><g clip-path="url(#SVG5qy9KbCN)"><path fill="url(#SVGNNwHKbev)" d="M124.455 43.98c-4.995 3.204-6.435 9.842-3.217 14.819c17.691 27.396 21.867 48.06 20.055 66.169c-7.322 34.678-23.238 41.713-37.147 41.713c-13.58 0-9.943-22.349.264-28.891c6.094-3.804 13.899-6.277 19.889-6.277c5.936 0 10.749-4.797 10.749-10.715c0-5.921-4.813-10.717-10.749-10.717c-6.996 0-13.86 1.47-20.267 3.972c1.309-6.176 1.792-12.85.1-19.945c-2.569-10.773-9.964-21.063-22.806-31.038a10.76 10.76 0 0 0-7.93-2.185a10.75 10.75 0 0 0-7.157 4.049c-3.643 4.672-2.8 11.407 1.887 15.041c10.461 8.126 13.916 14.14 15.097 19.091s.231 10.262-2.142 17.56c-3.033 9.835-6.554 18.614-8.097 27.034c-.76 4.144-.824 8.653-1.02 12.257c-7.534-7.343-10.483-17.038-10.483-31.205c-.002-5.918-4.814-10.717-10.748-10.715c-5.931.005-10.737 4.8-10.738 10.715c0 19.348 5.657 37.758 20.821 50.04c13.727 13.078 48.634 8.244 48.634 29.239c0 5.925 8.673 8.809 14.608 8.809c6.086 0 13.746-4.068 13.746-8.809c0-23.821 25.104-38.299 66.43-38.236c5.936.009 10.752-4.784 10.761-10.703c.01-5.92-4.792-10.727-10.728-10.738c-2.826-.003-5.581.093-8.297.254c4.62-10.866 6.67-22.829 6.246-35.751c-.196-5.917-5.162-10.554-11.093-10.362c-5.938.193-10.589 5.151-10.395 11.071c.56 16.919-.074 32.027-12.679 39.991c-3.584 2.263-7.751 4.226-11.702 4.226c3.068-8.344 5.385-17.152 6.333-26.645c.606-6.059.67-13.257-.021-18.848c-1.073-8.662-2.368-18.487.921-25.888c2.954-6.373 9.572-9.042 19.29-9.042c5.931-.005 10.736-4.802 10.738-10.715c.003-5.92-4.804-10.722-10.738-10.728c-14.441 0-25.387 7.6-31.593 16.783c-3.244-6.93-7.196-14.072-11.97-21.464a10.75 10.75 0 0 0-6.755-4.67a10.78 10.78 0 0 0-8.097 1.454"/></g></g><defs><clipPath id="SVGv3WPqdcU"><path fill="#fff" d="M0 0h256v256H0z"/></clipPath><clipPath id="SVG5qy9KbCN"><path fill="#fff" d="M40 40h175v175H40z"/></clipPath><linearGradient id="SVGNNwHKbev" x1="39.995" x2="209.164" y1="42.279" y2="205.503" gradientUnits="userSpaceOnUse"><stop stop-color="#62a0ea"/><stop offset="1" stop-color="#1a5fb4"/></linearGradient></defs></g></svg> </template>
CSS
.icon-vscodium-light {
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%3Cg%20clip-path%3D%22url(%23SVGv3WPqdcU)%22%3E%3Cpath%20fill%3D%22%23f4f2ed%22%20d%3D%22M196%200H60C26.863%200%200%2026.863%200%2060v136c0%2033.137%2026.863%2060%2060%2060h136c33.137%200%2060-26.863%2060-60V60c0-33.137-26.863-60-60-60%22%2F%3E%3Cg%20clip-path%3D%22url(%23SVG5qy9KbCN)%22%3E%3Cpath%20fill%3D%22url(%23SVGNNwHKbev)%22%20d%3D%22M124.455%2043.98c-4.995%203.204-6.435%209.842-3.217%2014.819c17.691%2027.396%2021.867%2048.06%2020.055%2066.169c-7.322%2034.678-23.238%2041.713-37.147%2041.713c-13.58%200-9.943-22.349.264-28.891c6.094-3.804%2013.899-6.277%2019.889-6.277c5.936%200%2010.749-4.797%2010.749-10.715c0-5.921-4.813-10.717-10.749-10.717c-6.996%200-13.86%201.47-20.267%203.972c1.309-6.176%201.792-12.85.1-19.945c-2.569-10.773-9.964-21.063-22.806-31.038a10.76%2010.76%200%200%200-7.93-2.185a10.75%2010.75%200%200%200-7.157%204.049c-3.643%204.672-2.8%2011.407%201.887%2015.041c10.461%208.126%2013.916%2014.14%2015.097%2019.091s.231%2010.262-2.142%2017.56c-3.033%209.835-6.554%2018.614-8.097%2027.034c-.76%204.144-.824%208.653-1.02%2012.257c-7.534-7.343-10.483-17.038-10.483-31.205c-.002-5.918-4.814-10.717-10.748-10.715c-5.931.005-10.737%204.8-10.738%2010.715c0%2019.348%205.657%2037.758%2020.821%2050.04c13.727%2013.078%2048.634%208.244%2048.634%2029.239c0%205.925%208.673%208.809%2014.608%208.809c6.086%200%2013.746-4.068%2013.746-8.809c0-23.821%2025.104-38.299%2066.43-38.236c5.936.009%2010.752-4.784%2010.761-10.703c.01-5.92-4.792-10.727-10.728-10.738c-2.826-.003-5.581.093-8.297.254c4.62-10.866%206.67-22.829%206.246-35.751c-.196-5.917-5.162-10.554-11.093-10.362c-5.938.193-10.589%205.151-10.395%2011.071c.56%2016.919-.074%2032.027-12.679%2039.991c-3.584%202.263-7.751%204.226-11.702%204.226c3.068-8.344%205.385-17.152%206.333-26.645c.606-6.059.67-13.257-.021-18.848c-1.073-8.662-2.368-18.487.921-25.888c2.954-6.373%209.572-9.042%2019.29-9.042c5.931-.005%2010.736-4.802%2010.738-10.715c.003-5.92-4.804-10.722-10.738-10.728c-14.441%200-25.387%207.6-31.593%2016.783c-3.244-6.93-7.196-14.072-11.97-21.464a10.75%2010.75%200%200%200-6.755-4.67a10.78%2010.78%200%200%200-8.097%201.454%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGv3WPqdcU%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h256v256H0z%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22SVG5qy9KbCN%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M40%2040h175v175H40z%22%2F%3E%3C%2FclipPath%3E%3ClinearGradient%20id%3D%22SVGNNwHKbev%22%20x1%3D%2239.995%22%20x2%3D%22209.164%22%20y1%3D%2242.279%22%20y2%3D%22205.503%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2362a0ea%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231a5fb4%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%3Cg%20clip-path%3D%22url(%23SVGv3WPqdcU)%22%3E%3Cpath%20fill%3D%22%23f4f2ed%22%20d%3D%22M196%200H60C26.863%200%200%2026.863%200%2060v136c0%2033.137%2026.863%2060%2060%2060h136c33.137%200%2060-26.863%2060-60V60c0-33.137-26.863-60-60-60%22%2F%3E%3Cg%20clip-path%3D%22url(%23SVG5qy9KbCN)%22%3E%3Cpath%20fill%3D%22url(%23SVGNNwHKbev)%22%20d%3D%22M124.455%2043.98c-4.995%203.204-6.435%209.842-3.217%2014.819c17.691%2027.396%2021.867%2048.06%2020.055%2066.169c-7.322%2034.678-23.238%2041.713-37.147%2041.713c-13.58%200-9.943-22.349.264-28.891c6.094-3.804%2013.899-6.277%2019.889-6.277c5.936%200%2010.749-4.797%2010.749-10.715c0-5.921-4.813-10.717-10.749-10.717c-6.996%200-13.86%201.47-20.267%203.972c1.309-6.176%201.792-12.85.1-19.945c-2.569-10.773-9.964-21.063-22.806-31.038a10.76%2010.76%200%200%200-7.93-2.185a10.75%2010.75%200%200%200-7.157%204.049c-3.643%204.672-2.8%2011.407%201.887%2015.041c10.461%208.126%2013.916%2014.14%2015.097%2019.091s.231%2010.262-2.142%2017.56c-3.033%209.835-6.554%2018.614-8.097%2027.034c-.76%204.144-.824%208.653-1.02%2012.257c-7.534-7.343-10.483-17.038-10.483-31.205c-.002-5.918-4.814-10.717-10.748-10.715c-5.931.005-10.737%204.8-10.738%2010.715c0%2019.348%205.657%2037.758%2020.821%2050.04c13.727%2013.078%2048.634%208.244%2048.634%2029.239c0%205.925%208.673%208.809%2014.608%208.809c6.086%200%2013.746-4.068%2013.746-8.809c0-23.821%2025.104-38.299%2066.43-38.236c5.936.009%2010.752-4.784%2010.761-10.703c.01-5.92-4.792-10.727-10.728-10.738c-2.826-.003-5.581.093-8.297.254c4.62-10.866%206.67-22.829%206.246-35.751c-.196-5.917-5.162-10.554-11.093-10.362c-5.938.193-10.589%205.151-10.395%2011.071c.56%2016.919-.074%2032.027-12.679%2039.991c-3.584%202.263-7.751%204.226-11.702%204.226c3.068-8.344%205.385-17.152%206.333-26.645c.606-6.059.67-13.257-.021-18.848c-1.073-8.662-2.368-18.487.921-25.888c2.954-6.373%209.572-9.042%2019.29-9.042c5.931-.005%2010.736-4.802%2010.738-10.715c.003-5.92-4.804-10.722-10.738-10.728c-14.441%200-25.387%207.6-31.593%2016.783c-3.244-6.93-7.196-14.072-11.97-21.464a10.75%2010.75%200%200%200-6.755-4.67a10.78%2010.78%200%200%200-8.097%201.454%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGv3WPqdcU%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h256v256H0z%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22SVG5qy9KbCN%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M40%2040h175v175H40z%22%2F%3E%3C%2FclipPath%3E%3ClinearGradient%20id%3D%22SVGNNwHKbev%22%20x1%3D%2239.995%22%20x2%3D%22209.164%22%20y1%3D%2242.279%22%20y2%3D%22205.503%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2362a0ea%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231a5fb4%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/vscodium-light.svg?color=%231a73e8&size=48
