File Type Csslint アイコン

Q: File Type Csslint アイコンは商用利用でも無料ですか?

はい。VSCode Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

vscode-icons:file-type-csslint

File Type Csslint アイコン(vscode-icons:file-type-csslint)は、VSCode Icons セットの無料 SVG アイコンです（作者: 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>

Web コンポーネント

<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">

VSCode Icons の関連アイコン

File Type Csslint アイコンのよくある質問

File Type Csslint アイコンは商用利用でも無料ですか?

はい。VSCode Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で File Type Csslint アイコンを使うには?

@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

VSCode Icons をすべて見る →