Иконка V Light

skill-icons:v-light

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" rx="60"/><path fill="#536b8a" d="m159.907 222.623l67.748-188.394c1.148-3.195-.662-5.524-4.042-5.199l-53.278 5.133c-3.379.326-7.03 3.193-8.146 6.399L99.482 220.606c-1.118 3.206.732 5.809 4.127 5.809h51.858c1.697 0 3.542-1.297 4.117-2.895z"/><g filter="url(#SVGOWQqPbFR)"><path fill="#000" d="m152.178 223.52l-28.207-81.485l4.029-2.519l28.711 83.107z"/></g><path fill="#5d87bf" d="m32.387 29.03l53.278 5.133c3.38.326 7.034 3.192 8.156 6.396l64.034 182.953c.56 1.602-.363 2.903-2.061 2.903h-52.185c-3.395 0-7.085-2.594-8.234-5.789L28.345 34.229c-1.148-3.195.662-5.524 4.042-5.199"/><defs><filter id="SVGOWQqPbFR" width="58.502" height="109.765" x="111.09" y="126.635" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_148_1044" stdDeviation="6.44"/></filter></defs></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Skill Icons →