Vscodium icon
thesvg-color:vscodium
The Vscodium icon (thesvg-color:vscodium) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 100 × 100 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 100 × 100
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><defs><linearGradient id="SVGUFVlnbzA" x1="199.997" x2="296.665" y1="214.302" y2="307.573" gradientTransform="translate(-200 -213)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#62a0ea"/><stop offset="1" stop-color="#1a5fb4"/></linearGradient></defs><path fill="url(#SVGUFVlnbzA)" d="M48.26 2.274a6.113 6.113 0 0 0-1.838 8.468c10.109 15.655 12.495 27.463 11.46 37.811c-4.184 19.816-13.279 23.836-21.227 23.836c-7.76 0-5.682-12.771.151-16.509c3.482-2.174 7.942-3.587 11.365-3.587c3.392 0 6.142-2.741 6.142-6.123s-2.75-6.124-6.142-6.124c-3.998 0-7.92.84-11.581 2.27c.748-3.529 1.024-7.343.057-11.397c-1.468-6.156-5.694-12.036-13.032-17.736a6.15 6.15 0 0 0-8.621 1.065a6.114 6.114 0 0 0 1.078 8.595c5.978 4.643 7.952 8.08 8.627 10.909s.132 5.864-1.224 10.034c-1.733 5.62-3.745 10.637-4.627 15.448c-.434 2.368-.471 4.945-.583 7.004c-4.305-4.196-5.99-9.736-5.99-17.831c-.001-3.382-2.751-6.124-6.142-6.123c-3.389.003-6.135 2.743-6.136 6.123c0 11.056 3.233 21.576 11.898 28.594c7.844 7.473 27.791 4.711 27.791 16.708c0 3.386 4.956 5.034 8.347 5.034c3.478 0 7.855-2.325 7.855-5.034c0-13.612 14.345-21.885 37.96-21.849c3.392.005 6.144-2.734 6.149-6.116c.006-3.383-2.738-6.13-6.13-6.136a78 78 0 0 0-4.741.145c2.64-6.209 3.811-13.045 3.569-20.429c-.112-3.381-2.95-6.031-6.339-5.921c-3.393.11-6.051 2.943-5.94 6.326c.32 9.668-.042 18.301-7.245 22.852c-2.048 1.293-4.429 2.415-6.687 2.415c1.753-4.768 3.077-9.801 3.619-15.226c.346-3.462.383-7.575-.012-10.77c-.613-4.95-1.353-10.564.526-14.793c1.688-3.642 5.47-5.167 11.023-5.167c3.389-.003 6.135-2.744 6.136-6.123c.002-3.383-2.745-6.127-6.136-6.13c-8.252 0-14.507 4.343-18.053 9.59c-1.854-3.96-4.112-8.041-6.84-12.265a6.14 6.14 0 0 0-3.86-2.669a6.16 6.16 0 0 0-4.627.831"/></svg>How to use the Vscodium icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:vscodium" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:vscodium" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:vscodium" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--vscodium]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:vscodium"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:vscodium"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/vscodium.svg" alt="Vscodium icon" width="24" height="24">Vscodium icon in other icon sets
Vscodium icon FAQ
Is the Vscodium icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Vscodium icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:vscodium" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Vscodium icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/vscodium.svg" alt="Vscodium icon">, or paste the SVG code inline to style it with CSS.