Иконка File Type Glitter

vscode-icons:file-type-glitter

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M29.7 18.775C29.552 14.634 27.222 9.9 22.774 4.7a2.5 2.5 0 0 0-3.515-.272a3 3 0 0 0-.24.234a16.83 16.83 0 0 0-8.5-2.66a8.45 8.45 0 0 0-6.153 2.342a8.7 8.7 0 0 0-2.3 7.009a18.65 18.65 0 0 0 2.226 9.3a24.5 24.5 0 0 0 4.764 6.3l.022.021l.037.035a2.49 2.49 0 0 0 3.473.059a17.1 17.1 0 0 0 8.928 2.926a8.45 8.45 0 0 0 6.149-2.338c2.085-2.09 2.805-5.239 2.035-8.881"/><ellipse cx="16.007" cy="16.009" fill="#0078d7" rx="9.022" ry="14.666" transform="rotate(-44.968 16.007 16.008)"/><path fill="#0078d7" d="M11.022 26a.74.74 0 0 1-.506-.215l-.09-.087a22.7 22.7 0 0 1-4.511-5.926A15.47 15.47 0 0 1 4.837 7.1a.723.723 0 0 1 .905-.429a.674.674 0 0 1 .463.834l-.005.029c-2.9 8.287 2.7 14.8 5.245 17.206c.057.054.1.093.12.117a.653.653 0 0 1 .008.925l-.036.035a.74.74 0 0 1-.515.183"/><path fill="#3a96dd" d="M21.113 25.836a14.46 14.46 0 0 1-10.627-4.891a5 5 0 0 1-.427-.571C4.927 12.317 6.347 8.868 8.445 7.393a4.66 4.66 0 0 1 3.346-.755c9.35 1.3 10.521 8.753 10.531 8.828a.68.68 0 0 1-1.346.2C20.937 15.4 19.91 9.147 11.6 7.99a3.3 3.3 0 0 0-2.376.51c-2.28 1.6-1.578 5.558 1.978 11.138a3 3 0 0 0 .3.4A12.93 12.93 0 0 0 23.2 24.3a3.4 3.4 0 0 0 2.289-1.449c1.414-2.112 2.627-7.009-5.138-16.083a.68.68 0 1 1 1-.924q.018.019.034.039c8.348 9.756 6.862 15.294 5.234 17.725a4.76 4.76 0 0 1-3.2 2.035a14.5 14.5 0 0 1-2.306.193"/><path fill="#b4a0ff" d="M12.955 9.244h-.176a1.97 1.97 0 0 0-1.937 1.7a8 8 0 0 0-.061 1a8.83 8.83 0 0 0 3.389 6.626A10.15 10.15 0 0 0 20.835 21h.178a1.97 1.97 0 0 0 1.937-1.7a8 8 0 0 0 .062-1a8.6 8.6 0 0 0-3.056-6.5a10.63 10.63 0 0 0-7.001-2.556"/><path fill="#fff" d="M14.719 11.8h-.1a1.11 1.11 0 0 0-1.073.982a5 5 0 0 0-.034.577a5.4 5.4 0 0 0 5.57 5.217h.1a1.11 1.11 0 0 0 1.073-.982a5 5 0 0 0 .034-.576a5.4 5.4 0 0 0-5.57-5.218"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все VSCode Icons →