Stylelint アイコン
simple-icons:stylelint
Stylelint アイコン(simple-icons:stylelint)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3.415.549L0 3.712L2.242 5.65L.547 7.483l11.176 15.909h.114c-2.625-9.386-2.55-9.428-4.446-16.12l-.456.263c-.248.143-.451.026-.451-.26V4.084C5.98 2.321 5.586.958 5.47.549zm15.115 0c-.116.41-.51 1.772-1.014 3.535v3.191c0 .286-.203.403-.45.26l-.457-.264c-1.897 6.693-1.821 6.735-4.446 16.12c-.017.07.06.09.114 0L23.453 7.484L21.757 5.65L24 3.712L20.585.549zm-11.496.75c-.118.007-.2.105-.2.271v5.127c0 .242.172.34.38.22l3.068-1.772a.34.34 0 0 1-.086-.222V3.287q.002-.101.056-.182L7.215 1.35a.33.33 0 0 0-.18-.051zm9.939 0a.33.33 0 0 0-.18.052l-3.038 1.753a.33.33 0 0 1 .057.183v1.636a.34.34 0 0 1-.088.223l3.068 1.77c.21.122.38.023.38-.218V1.57c0-.166-.08-.264-.199-.27zm-6.35 1.863c-.101 0-.183.056-.183.125v1.636c0 .069.082.125.183.125h2.761c.101 0 .184-.056.184-.125V3.287c0-.07-.083-.125-.184-.125zm1.294 3.642a.83.83 0 0 0-.83.83a.83.83 0 0 0 .83.828a.83.83 0 0 0 .829-.829a.83.83 0 0 0-.83-.829zm-.01 4.93a.83.83 0 0 0-.82.829a.83.83 0 0 0 .83.829a.83.83 0 0 0 .828-.83a.83.83 0 0 0-.829-.828zm.01 4.93a.83.83 0 0 0-.83.828a.83.83 0 0 0 .83.83a.83.83 0 0 0 .829-.83a.83.83 0 0 0-.83-.829z"/></svg>Stylelint アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:stylelint" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:stylelint" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:stylelint" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--stylelint]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:stylelint"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:stylelint"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/stylelint.svg" alt="Stylelint アイコン" width="24" height="24">他のアイコンセットの Stylelint アイコン
Stylelint アイコン のよくある質問
Stylelint アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Stylelint アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:stylelint" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Stylelint アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/stylelint.svg" alt="Stylelint アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。