Stylelint アイコン
file-icons:stylelint
Stylelint アイコン(file-icons:stylelint)は、File Icons セットの無料 SVG アイコンです（作者: John Gardner）。 525 × 512 のグリッドで描かれています。 File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- File Icons
- 作者
- John Gardner
- ライセンス
- ISC
- サイズ
- 525 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="525" height="512" viewBox="0 0 525 512"><path fill="currentColor" d="M266.135 500.973c57.436-205.351 55.769-206.284 97.28-352.702l9.978 5.776c5.435 3.112 9.873.552 9.873-5.697V78.508c11.027-38.571 19.64-68.398 22.187-77.325h44.964l74.713 69.186l-49.073 42.404l37.114 40.133l-244.565 348.068c-1.182 1.969-2.849 1.523-2.468 0z"/><path fill="currentColor" d="M292.851 58.342c2.232 0 4.017 1.221 4.017 2.757v35.775c0 1.496-1.798 2.718-4.017 2.718h-60.389c-2.232 0-4.03-1.221-4.03-2.731V61.073c0-1.51 1.798-2.757 4.017-2.757zm74.568-39.621l-66.455 38.361c.762 1.181 1.234 2.534 1.234 4.004v35.8c0 1.838-.735 3.519-1.916 4.858l67.125 38.754c4.569 2.652 8.324.486 8.324-4.792V23.526c0-5.291-3.728-7.444-8.31-4.805zM223.088 96.886V61.073c0-1.471.472-2.822 1.234-3.991l-66.455-38.387c-4.569-2.625-8.323-.473-8.323 4.805v112.181c0 5.278 3.755 7.444 8.337 4.792l67.112-38.755c-1.181-1.352-1.891-3.019-1.891-4.858l-.013.026z"/><path fill="currentColor" d="M256.525 500.973h2.468c-57.423-205.351-55.769-206.284-97.28-352.702l-9.977 5.776c-5.422 3.112-9.873.552-9.873-5.697V78.508c-11.028-38.557-19.64-68.398-22.186-77.325H74.726L.001 70.369l49.06 42.404l-37.114 40.146zm22.357-344.787c0 10.02-8.123 18.143-18.143 18.143s-18.143-8.123-18.143-18.143s8.123-18.143 18.143-18.143s18.143 8.123 18.143 18.143m0 107.848c0 10.02-8.123 18.143-18.143 18.143s-18.143-8.123-18.143-18.143s8.123-18.143 18.143-18.143s18.143 8.123 18.143 18.143m0 107.875c0 10.02-8.123 18.143-18.143 18.143s-18.143-8.123-18.143-18.143s8.123-18.143 18.143-18.143s18.143 8.123 18.143 18.143"/></svg>Stylelint アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:stylelint" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:stylelint" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:stylelint" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--stylelint]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:stylelint"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:stylelint"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/file-icons/stylelint.svg" alt="Stylelint アイコン" width="24" height="24">他のアイコンセットの Stylelint アイコン
Stylelint アイコン のよくある質問
Stylelint アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Stylelint アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:stylelint" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Stylelint アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/stylelint.svg" alt="Stylelint アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。