Иконка File Type Vala

vscode-icons:file-type-vala

Иконка File Type Vala (vscode-icons:file-type-vala) — бесплатная SVG-иконка из набора VSCode Icons от Roberto Huertas. Она нарисована на сетке 32 × 32. VSCode Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: VSCode Icons
Автор: Roberto Huertas
Лицензия: MIT
Размер: 32 × 32
Теги: filetype, typevala, filetypevala

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#403757" d="M12.509 17.193c-.165-6.836-.325-12.455-.357-12.487a7.9 7.9 0 0 0-2.273 1.168a7.6 7.6 0 0 0-2.555 3.314a8.4 8.4 0 0 0-.587 3.543a4.7 4.7 0 0 0 .2 1.962a3.4 3.4 0 0 1 .182.56c-.012.009-.338-.018-.724-.061c-1.868-.207-2.786-1.05-3-2.757A6.3 6.3 0 0 1 4.85 7.719a15.13 15.13 0 0 1 8.414-5.163a13 13 0 0 1 2.542-.235l1.748-.05l.059 2.506c.032 1.378.1 6.358.161 11.067s-.252 8.29-.219 8.4C19.5 17.879 22 13.073 24.367 6.253l1.427-3.983h2.746c-.022.063-2.751 6.5-5.514 13.916l-5.473 13.55h-4.577c0-1.83-.441-11.25-.467-12.543"/><path fill="#c8c8c8" d="M17.732 30h-5.019v-.263c0-1.137-.17-5.192-.307-8.452c-.081-1.929-.15-3.6-.161-4.087c-.156-6.479-.286-11-.336-12.163a11.7 11.7 0 0 0-1.874 1.049a7.35 7.35 0 0 0-2.466 3.2A8.15 8.15 0 0 0 7 12.731a4.4 4.4 0 0 0 .185 1.869c.215.569.273.723.1.859c-.093.073-.107.084-.916-.007c-1.976-.219-3-1.167-3.234-2.986A6.57 6.57 0 0 1 4.64 7.561A15.44 15.44 0 0 1 13.2 2.3a13 13 0 0 1 2.6-.242L17.811 2l.065 2.77c.032 1.392.106 6.461.161 11.07c.031 2.616-.052 4.915-.124 6.43c.931-2.763 1.958-5.27 3.033-7.9c1.043-2.547 2.122-5.18 3.173-8.207l1.491-4.16h3.3l-.125.351c0 .007-.031.076-.084.2a382 382 0 0 0-5.43 13.717Zm-4.495-.526h4.14l5.407-13.386a390 390 0 0 1 5.362-13.555h-2.167l-1.365 3.809c-1.055 3.038-2.137 5.678-3.183 8.231c-1.311 3.2-2.55 6.226-3.626 9.747l-.255.831l-.248-.833a3.3 3.3 0 0 1 .021-.839c.074-1.35.229-4.158.188-7.633c-.055-4.607-.129-9.674-.161-11.064l-.05-2.241l-1.484.043a12.7 12.7 0 0 0-2.49.228A14.9 14.9 0 0 0 5.06 7.877a6.07 6.07 0 0 0-1.4 4.524c.2 1.58 1.028 2.336 2.77 2.529l.333.035l-.066-.179a4.9 4.9 0 0 1-.219-2.055a8.7 8.7 0 0 1 .6-3.638a7.9 7.9 0 0 1 2.644-3.43c.022-.016 2.232-1.525 2.615-1.142c.092.092.131.131.433 12.666c.01.485.08 2.149.16 4.076c.13 3.05.287 6.797.307 8.211"/></svg>

Как использовать иконку File Type Vala

React

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

<Icon icon="vscode-icons:file-type-vala" width="24" />

Vue

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

<template>
  <Icon icon="vscode-icons:file-type-vala" width="24" />
</template>

Svelte

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

<Icon icon="vscode-icons:file-type-vala" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-vala]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-vala"></div>

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

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

<iconify-icon icon="vscode-icons:file-type-vala"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-vala.svg" alt="Иконка File Type Vala" width="24" height="24">

Вопросы и ответы: Иконка File Type Vala

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

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

Как использовать иконку File Type Vala в React?

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

Как добавить иконку File Type Vala на веб-страницу?

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

Все VSCode Icons →