Иконка File Type Glsl

vscode-icons:file-type-glsl

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#4386b5" d="M7.779 18.923A2.33 2.33 0 0 1 5.4 17.16c.306 1.462 1.961 2.892 7.183 3.529a14.23 14.23 0 0 0 9.232-1.612s.733-.322.293.176c0 0-3.107 2.873-9.2 2.9S1.97 19.107 2 16c-.029-3.107 4.806-6.185 10.9-6.155s9.2 2.9 9.2 2.9c.44.5-.293.176-.293.176c-1.084-.7-4.286-2.089-9.232-1.612c-4.866.469-6.453 2.122-6.981 3.235a3.3 3.3 0 0 0-.318 1.24a2.424 2.424 0 0 1 2.5-2.316a2.507 2.507 0 0 1 2.524 2.727a2.506 2.506 0 0 1-2.521 2.725Zm19.647-1.074H30v.937h-3.656v-5.177h1.082zM23.454 16h2.163v2.791H24.9l-.108-.649a1.9 1.9 0 0 1-1.614.786a2.414 2.414 0 0 1-2.379-2.711a2.485 2.485 0 0 1 2.531-2.74a2.053 2.053 0 0 1 2.27 1.74h-1.085a1.136 1.136 0 0 0-1.132-.851c-.771 0-1.485.534-1.485 1.86c0 1.413.771 1.781 1.506 1.781a1.28 1.28 0 0 0 1.254-1.139h-1.2V16ZM7.781 14.1a1.86 1.86 0 0 0-1.8 2.105a1.86 1.86 0 0 0 1.8 2.105a1.86 1.86 0 0 0 1.8-2.105a1.86 1.86 0 0 0-1.8-2.105m2.911 1.383h.525v.468h.013a1.12 1.12 0 0 1 .987-.563a1.565 1.565 0 0 1 1.506 1.677a1.675 1.675 0 0 1-1.583 1.824a1 1 0 0 1-.88-.443h-.013V20.1h-.557v-4.621ZM12.1 18.4c.608 0 1.019-.527 1.019-1.254c0-.424-.171-1.264-1.032-1.264c-.8 0-.893.867-.893 1.406c0 .88.551 1.114.905 1.114Zm5-.652a1.38 1.38 0 0 1-1.488 1.133a1.487 1.487 0 0 1-1.482-1.658c0-1.025.494-1.842 1.588-1.842c.956 0 1.424.76 1.424 1.931h-2.421c0 .69.323 1.089.962 1.089a.84.84 0 0 0 .854-.652zm-.59-.88c-.032-.513-.247-.987-.924-.987a.97.97 0 0 0-.918.987zm3.713 1.917h-.557v-2.034c0-.576-.165-.867-.709-.867c-.317 0-.874.2-.874 1.1v1.8h-.557v-3.305h.525v.468h.013a1.2 1.2 0 0 1 1-.563a1.046 1.046 0 0 1 1.158 1.152v2.253"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все VSCode Icons →