Иконка Vscodium Light

skill-icons:vscodium-light

Иконка Vscodium Light (skill-icons:vscodium-light) — бесплатная SVG-иконка из набора Skill Icons от tandpfun. Она нарисована на сетке 256 × 256. Skill Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Skill Icons
Автор: tandpfun
Лицензия: MIT
Размер: 256 × 256
Теги: vscodiumlight

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" 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>

Как использовать иконку Vscodium Light

React

import { Icon } from "@iconify/react";

<Icon icon="skill-icons:vscodium-light" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="skill-icons:vscodium-light" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="skill-icons:vscodium-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--vscodium-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:vscodium-light"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="skill-icons:vscodium-light"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/skill-icons/vscodium-light.svg" alt="Иконка Vscodium Light" width="24" height="24">

Иконка Vscodium Light в других наборах

Вопросы и ответы: Иконка Vscodium Light

Можно ли бесплатно использовать иконку Vscodium Light в коммерческих проектах?

Да. Skill Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Vscodium Light в React?

Установите @iconify/react и выведите <Icon icon="skill-icons:vscodium-light" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Vscodium Light на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/skill-icons/vscodium-light.svg" alt="Иконка Vscodium Light">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Skill Icons →