File Type Stylelint アイコン

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

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

vscode-icons:file-type-stylelint

File Type Stylelint アイコン(vscode-icons:file-type-stylelint)は、VSCode Icons セットの無料 SVG アイコンです（作者: Roberto Huertas）。 32 × 32 のグリッドで描かれています。 VSCode Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: VSCode Icons
作者: Roberto Huertas
ライセンス: MIT
サイズ: 32 × 32
タグ: filetype、typestylelint、filetypestylelint

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#cfcfcf" d="M16.19 29.434c3.063-10.949 2.974-11 5.187-18.806l.532.308c.29.166.526.029.526-.3V6.908c.588-2.057 1.047-3.647 1.183-4.123h2.4L30 6.474l-2.617 2.261l1.979 2.14l-13.04 18.559c-.063.105-.152.081-.132 0m1.425-23.6c.119 0 .214.065.214.147v1.906c0 .08-.1.145-.214.145h-3.22c-.119 0-.215-.065-.215-.146V5.978c0-.081.1-.147.214-.147h3.221Zm3.976-2.114l-3.543 2.046a.4.4 0 0 1 .066.213v1.909a.4.4 0 0 1-.1.259l3.579 2.066c.244.141.444.026.444-.255V3.976c-.003-.282-.202-.397-.446-.256M13.9 7.888v-1.91a.4.4 0 0 1 .066-.213l-3.549-2.046c-.244-.14-.444-.025-.444.256v5.981c0 .281.2.4.445.255L14 8.146a.4.4 0 0 1-.1-.259Zm1.783 21.546h.132c-3.062-10.949-2.974-11-5.187-18.806l-.532.308c-.289.166-.526.029-.526-.3V6.908c-.594-2.056-1.053-3.647-1.189-4.123h-2.4L2 6.474l2.616 2.261l-1.979 2.141Zm.217-17.417a.967.967 0 1 0-.967-.967a.967.967 0 0 0 .967.967m0 5.75a.967.967 0 1 0-.967-.967a.967.967 0 0 0 .967.968Zm0 5.752a.967.967 0 1 0-.967-.967a.967.967 0 0 0 .967.968Z"/></svg>

File Type Stylelint アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-stylelint"></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-stylelint"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-stylelint.svg" alt="File Type Stylelint アイコン" width="24" height="24">

VSCode Icons の関連アイコン

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

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

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

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

@iconify/react をインストールして <Icon icon="vscode-icons:file-type-stylelint" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

File Type Stylelint アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-stylelint.svg" alt="File Type Stylelint アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

VSCode Icons をすべて見る →