Stylelint アイコン
logos:stylelint
Stylelint アイコン(logos:stylelint)は、SVG Logos セットの無料 SVG アイコンです(作者: Gil Barbara)。 256 × 245 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 245
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="245" viewBox="0 0 256 245"><path d="M129.74 243.648c28-100.109 27.188-100.563 47.425-171.942l4.864 2.816c2.65 1.516 4.813.268 4.813-2.778V37.696C192.218 18.893 196.416 4.352 197.658 0h21.92L256 33.728L232.077 54.4l18.093 19.565l-119.226 169.683c-.576.96-1.389.742-1.203 0m13.025-215.782c1.088 0 1.958.595 1.958 1.344v17.44c0 .73-.877 1.324-1.958 1.324h-29.44c-1.088 0-1.965-.595-1.965-1.33V29.196c0-.736.877-1.344 1.958-1.344h29.44zM179.117 8.55L146.72 27.251c.371.576.602 1.235.602 1.952v17.453c0 .896-.359 1.715-.935 2.368l32.723 18.893c2.228 1.293 4.058.237 4.058-2.336V10.893c0-2.58-1.818-3.629-4.051-2.343m-70.362 38.106v-17.46c0-.716.23-1.375.602-1.945L76.96 8.538c-2.227-1.28-4.058-.23-4.058 2.342v54.688c0 2.573 1.83 3.629 4.064 2.336l32.717-18.893c-.576-.659-.921-1.472-.921-2.368zm16.301 196.992h1.203C98.266 143.539 99.072 143.085 78.835 71.706l-4.864 2.816c-2.643 1.516-4.813.268-4.813-2.778V37.696C63.782 18.899 59.584 4.352 58.342 0H36.43L0 33.728L23.917 54.4L5.824 73.971zM127.11 84.41a8.845 8.845 0 1 0 0-17.69a8.845 8.845 0 0 0 0 17.69m0 52.576a8.845 8.845 0 1 0 0-17.69a8.845 8.845 0 0 0 0 17.69m0 52.588a8.845 8.845 0 1 0 0-17.69a8.845 8.845 0 0 0 0 17.69"/></svg>Stylelint アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:stylelint" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:stylelint" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:stylelint" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--stylelint]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:stylelint"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:stylelint"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/stylelint.svg" alt="Stylelint アイコン" width="24" height="24">他のアイコンセットの Stylelint アイコン
Stylelint アイコン のよくある質問
Stylelint アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Stylelint アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:stylelint" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Stylelint アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/stylelint.svg" alt="Stylelint アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。