Иконка File Type Csslint

vscode-icons:file-type-csslint

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#eee" d="M2 2h28v28H2z"/><path fill="#414141" d="m9.413 11.5l1.859.589A4.17 4.17 0 0 1 9.85 14.4a4.06 4.06 0 0 1-2.523.755a4.08 4.08 0 0 1-3.109-1.295A4.95 4.95 0 0 1 3 10.327a5.2 5.2 0 0 1 1.224-3.682a4.2 4.2 0 0 1 3.219-1.312a3.95 3.95 0 0 1 2.831 1.03a3.75 3.75 0 0 1 .972 1.749l-1.9.453a1.96 1.96 0 0 0-2-1.593a2.16 2.16 0 0 0-1.713.758a3.7 3.7 0 0 0-.657 2.455a3.98 3.98 0 0 0 .648 2.565a2.1 2.1 0 0 0 1.684.764a1.92 1.92 0 0 0 1.315-.486a2.82 2.82 0 0 0 .79-1.528m3.018.4l1.869-.18a2.28 2.28 0 0 0 .683 1.38a2.07 2.07 0 0 0 1.389.44a2.13 2.13 0 0 0 1.4-.392a1.17 1.17 0 0 0 .47-.917a.86.86 0 0 0-.2-.573a1.6 1.6 0 0 0-.69-.411q-.337-.117-1.535-.415a5.2 5.2 0 0 1-2.163-.939a2.47 2.47 0 0 1-.874-1.911a2.44 2.44 0 0 1 .411-1.357a2.6 2.6 0 0 1 1.185-.962a4.8 4.8 0 0 1 1.869-.33a4 4 0 0 1 2.691.784a2.77 2.77 0 0 1 .949 2.092l-1.917.084a1.63 1.63 0 0 0-.528-1.053a1.93 1.93 0 0 0-1.22-.32a2.2 2.2 0 0 0-1.308.343a.69.69 0 0 0-.3.589a.73.73 0 0 0 .285.576a5 5 0 0 0 1.762.635a9.3 9.3 0 0 1 2.07.683a2.67 2.67 0 0 1 1.049.965a2.99 2.99 0 0 1-.074 3.041a2.7 2.7 0 0 1-1.283 1.059a5.4 5.4 0 0 1-2.066.347a4.1 4.1 0 0 1-2.766-.832a3.62 3.62 0 0 1-1.158-2.426m8.848 0l1.865-.181a2.28 2.28 0 0 0 .683 1.38a2.07 2.07 0 0 0 1.389.44a2.13 2.13 0 0 0 1.4-.392a1.17 1.17 0 0 0 .47-.917a.86.86 0 0 0-.2-.573a1.6 1.6 0 0 0-.69-.411q-.337-.117-1.535-.415a5.2 5.2 0 0 1-2.161-.938a2.47 2.47 0 0 1-.874-1.911a2.44 2.44 0 0 1 .411-1.357a2.6 2.6 0 0 1 1.185-.962a4.8 4.8 0 0 1 1.869-.33a4 4 0 0 1 2.691.784a2.77 2.77 0 0 1 .949 2.092l-1.917.084a1.63 1.63 0 0 0-.528-1.053a1.93 1.93 0 0 0-1.214-.321a2.2 2.2 0 0 0-1.308.343a.69.69 0 0 0-.3.589a.73.73 0 0 0 .285.576a5 5 0 0 0 1.762.635a9.3 9.3 0 0 1 2.07.683a2.67 2.67 0 0 1 1.049.965a2.99 2.99 0 0 1-.074 3.041a2.7 2.7 0 0 1-1.283 1.059a5.4 5.4 0 0 1-2.066.347a4.1 4.1 0 0 1-2.766-.832a3.62 3.62 0 0 1-1.162-2.425"/><path fill="#768c1c" d="M3 26.626v-8.688h1.769v7.212h4.4v1.476Zm7.374 0v-8.76h1.769v8.76Zm3.472 0v-8.76h1.721l3.585 5.85v-5.85H20.8v8.76h-1.779l-3.532-5.713v5.713Zm10.792 0v-7.278h-2.6v-1.482H29v1.482h-2.593v7.278Z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все VSCode Icons →