Иконка File Type Jss

vscode-icons:file-type-jss

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M2 5h22.4v22H2z"/><path fill="#f7df1e" d="M2.421 5.416h21.558v21.168H2.421z"/><path fill="#f7df1e" d="M26.3 25.48a4.24 4.24 0 0 1-3.724-2.24l-.114-.214l2.12-1.22l.119.236a2.02 2.02 0 0 0 1.8 1.108h.023c.7 0 1.16-.307 1.16-.765c0-.5-.352-.7-1.358-1.134l-.516-.222c-1.37-.579-2.64-1.383-2.64-3.329a3 3 0 0 1 .9-2.121a3.12 3.12 0 0 1 2.139-.858q.131.001.266.014a3.29 3.29 0 0 1 3.142 1.78l.106.2l-2.063 1.316l-.112-.279a1.19 1.19 0 0 0-1.1-.725a.65.65 0 0 0-.743.578c0 .49.206.68 1.118 1.073l.518.218c1.794.764 2.906 1.61 2.906 3.461c0 1.892-1.445 3.115-3.683 3.115a4 4 0 0 1-.264.008m-3.161-2.266a3.77 3.77 0 0 0 3.417 1.759c1.979 0 3.2-1 3.2-2.616c0-1.591-.914-2.282-2.6-3l-.518-.219c-.861-.37-1.426-.673-1.426-1.48a1 1 0 0 1 .007-.105a1.15 1.15 0 0 1 1.261-1.025a1.71 1.71 0 0 1 1.4.773l1.182-.754a2.81 2.81 0 0 0-2.592-1.314c-.13-.008-.2-.012-.293-.012a2.51 2.51 0 0 0-2.51 2.482c0 1.56.934 2.275 2.336 2.866l.519.223c.927.4 1.659.718 1.659 1.593c0 .752-.677 1.286-1.685 1.265a2.53 2.53 0 0 1-2.116-1.15Z"/><path d="M24.473 22.154a2.26 2.26 0 0 0 2.046 1.246c.859 0 1.407-.426 1.407-1.015c0-.7-.563-.954-1.508-1.364L25.9 20.8c-1.495-.632-2.488-1.424-2.488-3.1a2.76 2.76 0 0 1 2.79-2.729q.123 0 .244.013a3.07 3.07 0 0 1 2.946 1.646l-1.613 1.028a1.41 1.41 0 0 0-1.333-.881a.9.9 0 0 0-.987.8v.078c0 .617.385.867 1.274 1.249l.518.22c1.76.749 2.754 1.513 2.754 3.23c0 1.851-1.465 2.865-3.433 2.865a3.99 3.99 0 0 1-3.775-2.1Zm-7.473 0a2.26 2.26 0 0 0 2.046 1.246c.858 0 1.406-.426 1.406-1.015c0-.7-.563-.954-1.508-1.364l-.518-.221c-1.495-.632-2.488-1.424-2.488-3.1a2.76 2.76 0 0 1 2.79-2.729q.123 0 .244.013a3.07 3.07 0 0 1 2.947 1.646l-1.613 1.028a1.41 1.41 0 0 0-1.334-.881a.9.9 0 0 0-.986.8v.077c0 .617.385.867 1.274 1.249l.518.22c1.76.749 2.754 1.513 2.754 3.23c0 1.851-1.465 2.866-3.433 2.866a3.99 3.99 0 0 1-3.776-2.1Zm-7.318.178c.325.573.621 1.058 1.333 1.058c.681 0 1.11-.264 1.11-1.292v-6.992H14.2v7.019a2.8 2.8 0 0 1-3.093 3.1A3.22 3.22 0 0 1 8 23.345l1.687-1.013Z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все VSCode Icons →