vscodium logo
vscodium from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- vscodium
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
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 128 128"><defs><linearGradient id="SVGMt2BCx9i" x1="199.997" x2="296.665" y1="214.302" y2="307.573" gradientTransform="translate(-256 -272.64)scale(1.28)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#62a0ea"/><stop offset="1" stop-color="#1a5fb4"/></linearGradient></defs><path fill="url(#SVGMt2BCx9i)" d="M61.773 2.91c-3.652 2.344-4.707 7.2-2.351 10.84C72.359 33.79 75.414 48.902 74.09 62.148c-5.356 25.364-16.996 30.508-27.172 30.508c-9.934 0-7.273-16.344.195-21.129c4.457-2.785 10.164-4.593 14.547-4.593c4.34 0 7.86-3.508 7.86-7.836c0-4.332-3.52-7.84-7.86-7.84c-5.117 0-10.14 1.078-14.824 2.906c.957-4.516 1.309-9.398.07-14.586c-1.879-7.883-7.285-15.406-16.68-22.703a7.86 7.86 0 0 0-5.8-1.598a7.86 7.86 0 0 0-5.235 2.961a7.826 7.826 0 0 0 1.38 11c7.652 5.946 10.179 10.344 11.042 13.965c.867 3.621.172 7.504-1.566 12.844c-2.219 7.191-4.793 13.613-5.922 19.773c-.555 3.032-.602 6.328-.746 8.965c-5.512-5.37-7.668-12.46-7.668-22.824c0-4.328-3.52-7.84-7.86-7.836s-7.855 3.508-7.855 7.836c0 14.152 4.137 27.617 15.23 36.602c10.04 9.562 35.57 6.027 35.57 21.386c0 4.332 6.345 6.442 10.684 6.442c4.454 0 10.055-2.977 10.055-6.442c0-17.426 18.363-28.015 48.59-27.969c4.344.008 7.863-3.5 7.871-7.828c.008-4.332-3.504-7.847-7.848-7.855c-2.066 0-4.082.07-6.066.187c3.379-7.949 4.879-16.699 4.566-26.148c-.14-4.328-3.773-7.723-8.113-7.582c-4.344.144-7.746 3.77-7.601 8.098c.41 12.375-.055 23.425-9.274 29.253c-2.62 1.653-5.672 3.09-8.562 3.09c2.246-6.101 3.941-12.547 4.632-19.488c.446-4.434.493-9.7-.015-13.785c-.781-6.336-1.73-13.524.676-18.938c2.16-4.66 7-6.613 14.109-6.613c4.336-.004 7.852-3.512 7.852-7.836c.003-4.332-3.512-7.844-7.852-7.848c-10.563 0-18.57 5.56-23.11 12.274c-2.37-5.066-5.261-10.29-8.753-15.7a7.87 7.87 0 0 0-4.942-3.413a7.9 7.9 0 0 0-3.066-.059a7.9 7.9 0 0 0-2.856 1.121m0 0"/></svg>
React
import type { SVGProps } from "react";
export function DeviconVscodium(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="SVGMt2BCx9i" x1="199.997" x2="296.665" y1="214.302" y2="307.573" gradientTransform="translate(-256 -272.64)scale(1.28)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#62a0ea"/><stop offset="1" stopColor="#1a5fb4"/></linearGradient></defs><path fill="url(#SVGMt2BCx9i)" d="M61.773 2.91c-3.652 2.344-4.707 7.2-2.351 10.84C72.359 33.79 75.414 48.902 74.09 62.148c-5.356 25.364-16.996 30.508-27.172 30.508c-9.934 0-7.273-16.344.195-21.129c4.457-2.785 10.164-4.593 14.547-4.593c4.34 0 7.86-3.508 7.86-7.836c0-4.332-3.52-7.84-7.86-7.84c-5.117 0-10.14 1.078-14.824 2.906c.957-4.516 1.309-9.398.07-14.586c-1.879-7.883-7.285-15.406-16.68-22.703a7.86 7.86 0 0 0-5.8-1.598a7.86 7.86 0 0 0-5.235 2.961a7.826 7.826 0 0 0 1.38 11c7.652 5.946 10.179 10.344 11.042 13.965c.867 3.621.172 7.504-1.566 12.844c-2.219 7.191-4.793 13.613-5.922 19.773c-.555 3.032-.602 6.328-.746 8.965c-5.512-5.37-7.668-12.46-7.668-22.824c0-4.328-3.52-7.84-7.86-7.836s-7.855 3.508-7.855 7.836c0 14.152 4.137 27.617 15.23 36.602c10.04 9.562 35.57 6.027 35.57 21.386c0 4.332 6.345 6.442 10.684 6.442c4.454 0 10.055-2.977 10.055-6.442c0-17.426 18.363-28.015 48.59-27.969c4.344.008 7.863-3.5 7.871-7.828c.008-4.332-3.504-7.847-7.848-7.855c-2.066 0-4.082.07-6.066.187c3.379-7.949 4.879-16.699 4.566-26.148c-.14-4.328-3.773-7.723-8.113-7.582c-4.344.144-7.746 3.77-7.601 8.098c.41 12.375-.055 23.425-9.274 29.253c-2.62 1.653-5.672 3.09-8.562 3.09c2.246-6.101 3.941-12.547 4.632-19.488c.446-4.434.493-9.7-.015-13.785c-.781-6.336-1.73-13.524.676-18.938c2.16-4.66 7-6.613 14.109-6.613c4.336-.004 7.852-3.512 7.852-7.836c.003-4.332-3.512-7.844-7.852-7.848c-10.563 0-18.57 5.56-23.11 12.274c-2.37-5.066-5.261-10.29-8.753-15.7a7.87 7.87 0 0 0-4.942-3.413a7.9 7.9 0 0 0-3.066-.059a7.9 7.9 0 0 0-2.856 1.121m0 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGMt2BCx9i" x1="199.997" x2="296.665" y1="214.302" y2="307.573" gradientTransform="translate(-256 -272.64)scale(1.28)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#62a0ea"/><stop offset="1" stop-color="#1a5fb4"/></linearGradient></defs><path fill="url(#SVGMt2BCx9i)" d="M61.773 2.91c-3.652 2.344-4.707 7.2-2.351 10.84C72.359 33.79 75.414 48.902 74.09 62.148c-5.356 25.364-16.996 30.508-27.172 30.508c-9.934 0-7.273-16.344.195-21.129c4.457-2.785 10.164-4.593 14.547-4.593c4.34 0 7.86-3.508 7.86-7.836c0-4.332-3.52-7.84-7.86-7.84c-5.117 0-10.14 1.078-14.824 2.906c.957-4.516 1.309-9.398.07-14.586c-1.879-7.883-7.285-15.406-16.68-22.703a7.86 7.86 0 0 0-5.8-1.598a7.86 7.86 0 0 0-5.235 2.961a7.826 7.826 0 0 0 1.38 11c7.652 5.946 10.179 10.344 11.042 13.965c.867 3.621.172 7.504-1.566 12.844c-2.219 7.191-4.793 13.613-5.922 19.773c-.555 3.032-.602 6.328-.746 8.965c-5.512-5.37-7.668-12.46-7.668-22.824c0-4.328-3.52-7.84-7.86-7.836s-7.855 3.508-7.855 7.836c0 14.152 4.137 27.617 15.23 36.602c10.04 9.562 35.57 6.027 35.57 21.386c0 4.332 6.345 6.442 10.684 6.442c4.454 0 10.055-2.977 10.055-6.442c0-17.426 18.363-28.015 48.59-27.969c4.344.008 7.863-3.5 7.871-7.828c.008-4.332-3.504-7.847-7.848-7.855c-2.066 0-4.082.07-6.066.187c3.379-7.949 4.879-16.699 4.566-26.148c-.14-4.328-3.773-7.723-8.113-7.582c-4.344.144-7.746 3.77-7.601 8.098c.41 12.375-.055 23.425-9.274 29.253c-2.62 1.653-5.672 3.09-8.562 3.09c2.246-6.101 3.941-12.547 4.632-19.488c.446-4.434.493-9.7-.015-13.785c-.781-6.336-1.73-13.524.676-18.938c2.16-4.66 7-6.613 14.109-6.613c4.336-.004 7.852-3.512 7.852-7.836c.003-4.332-3.512-7.844-7.852-7.848c-10.563 0-18.57 5.56-23.11 12.274c-2.37-5.066-5.261-10.29-8.753-15.7a7.87 7.87 0 0 0-4.942-3.413a7.9 7.9 0 0 0-3.066-.059a7.9 7.9 0 0 0-2.856 1.121m0 0"/></svg> </template>
CSS
.icon-vscodium {
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%22SVGMt2BCx9i%22%20x1%3D%22199.997%22%20x2%3D%22296.665%22%20y1%3D%22214.302%22%20y2%3D%22307.573%22%20gradientTransform%3D%22translate(-256%20-272.64)scale(1.28)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%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%3Cpath%20fill%3D%22url(%23SVGMt2BCx9i)%22%20d%3D%22M61.773%202.91c-3.652%202.344-4.707%207.2-2.351%2010.84C72.359%2033.79%2075.414%2048.902%2074.09%2062.148c-5.356%2025.364-16.996%2030.508-27.172%2030.508c-9.934%200-7.273-16.344.195-21.129c4.457-2.785%2010.164-4.593%2014.547-4.593c4.34%200%207.86-3.508%207.86-7.836c0-4.332-3.52-7.84-7.86-7.84c-5.117%200-10.14%201.078-14.824%202.906c.957-4.516%201.309-9.398.07-14.586c-1.879-7.883-7.285-15.406-16.68-22.703a7.86%207.86%200%200%200-5.8-1.598a7.86%207.86%200%200%200-5.235%202.961a7.826%207.826%200%200%200%201.38%2011c7.652%205.946%2010.179%2010.344%2011.042%2013.965c.867%203.621.172%207.504-1.566%2012.844c-2.219%207.191-4.793%2013.613-5.922%2019.773c-.555%203.032-.602%206.328-.746%208.965c-5.512-5.37-7.668-12.46-7.668-22.824c0-4.328-3.52-7.84-7.86-7.836s-7.855%203.508-7.855%207.836c0%2014.152%204.137%2027.617%2015.23%2036.602c10.04%209.562%2035.57%206.027%2035.57%2021.386c0%204.332%206.345%206.442%2010.684%206.442c4.454%200%2010.055-2.977%2010.055-6.442c0-17.426%2018.363-28.015%2048.59-27.969c4.344.008%207.863-3.5%207.871-7.828c.008-4.332-3.504-7.847-7.848-7.855c-2.066%200-4.082.07-6.066.187c3.379-7.949%204.879-16.699%204.566-26.148c-.14-4.328-3.773-7.723-8.113-7.582c-4.344.144-7.746%203.77-7.601%208.098c.41%2012.375-.055%2023.425-9.274%2029.253c-2.62%201.653-5.672%203.09-8.562%203.09c2.246-6.101%203.941-12.547%204.632-19.488c.446-4.434.493-9.7-.015-13.785c-.781-6.336-1.73-13.524.676-18.938c2.16-4.66%207-6.613%2014.109-6.613c4.336-.004%207.852-3.512%207.852-7.836c.003-4.332-3.512-7.844-7.852-7.848c-10.563%200-18.57%205.56-23.11%2012.274c-2.37-5.066-5.261-10.29-8.753-15.7a7.87%207.87%200%200%200-4.942-3.413a7.9%207.9%200%200%200-3.066-.059a7.9%207.9%200%200%200-2.856%201.121m0%200%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%22SVGMt2BCx9i%22%20x1%3D%22199.997%22%20x2%3D%22296.665%22%20y1%3D%22214.302%22%20y2%3D%22307.573%22%20gradientTransform%3D%22translate(-256%20-272.64)scale(1.28)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%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%3Cpath%20fill%3D%22url(%23SVGMt2BCx9i)%22%20d%3D%22M61.773%202.91c-3.652%202.344-4.707%207.2-2.351%2010.84C72.359%2033.79%2075.414%2048.902%2074.09%2062.148c-5.356%2025.364-16.996%2030.508-27.172%2030.508c-9.934%200-7.273-16.344.195-21.129c4.457-2.785%2010.164-4.593%2014.547-4.593c4.34%200%207.86-3.508%207.86-7.836c0-4.332-3.52-7.84-7.86-7.84c-5.117%200-10.14%201.078-14.824%202.906c.957-4.516%201.309-9.398.07-14.586c-1.879-7.883-7.285-15.406-16.68-22.703a7.86%207.86%200%200%200-5.8-1.598a7.86%207.86%200%200%200-5.235%202.961a7.826%207.826%200%200%200%201.38%2011c7.652%205.946%2010.179%2010.344%2011.042%2013.965c.867%203.621.172%207.504-1.566%2012.844c-2.219%207.191-4.793%2013.613-5.922%2019.773c-.555%203.032-.602%206.328-.746%208.965c-5.512-5.37-7.668-12.46-7.668-22.824c0-4.328-3.52-7.84-7.86-7.836s-7.855%203.508-7.855%207.836c0%2014.152%204.137%2027.617%2015.23%2036.602c10.04%209.562%2035.57%206.027%2035.57%2021.386c0%204.332%206.345%206.442%2010.684%206.442c4.454%200%2010.055-2.977%2010.055-6.442c0-17.426%2018.363-28.015%2048.59-27.969c4.344.008%207.863-3.5%207.871-7.828c.008-4.332-3.504-7.847-7.848-7.855c-2.066%200-4.082.07-6.066.187c3.379-7.949%204.879-16.699%204.566-26.148c-.14-4.328-3.773-7.723-8.113-7.582c-4.344.144-7.746%203.77-7.601%208.098c.41%2012.375-.055%2023.425-9.274%2029.253c-2.62%201.653-5.672%203.09-8.562%203.09c2.246-6.101%203.941-12.547%204.632-19.488c.446-4.434.493-9.7-.015-13.785c-.781-6.336-1.73-13.524.676-18.938c2.16-4.66%207-6.613%2014.109-6.613c4.336-.004%207.852-3.512%207.852-7.836c.003-4.332-3.512-7.844-7.852-7.848c-10.563%200-18.57%205.56-23.11%2012.274c-2.37-5.066-5.261-10.29-8.753-15.7a7.87%207.87%200%200%200-4.942-3.413a7.9%207.9%200%200%200-3.066-.059a7.9%207.9%200%200%200-2.856%201.121m0%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/vscodium.svg?color=%231a73e8&size=48
