Stylelint アイコン
material-icon-theme:stylelint
Stylelint アイコン(material-icon-theme:stylelint)は、Material Icon Theme セットの無料 SVG アイコンです（作者: Material Extensions）。 412 × 395 のグリッドで描かれています。 Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Icon Theme
- 作者
- Material Extensions
- ライセンス
- MIT
- サイズ
- 412 × 395
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="412" height="395" viewBox="0 0 412 395"><g fill="#cfd8dc" transform="translate(31.478 29.499)scale(.84775)"><path d="M208.8 393.05c45.057-161.12 43.75-161.85 76.32-276.73l7.832 4.523c4.255 2.458 7.738.448 7.738-4.455V61.602c8.643-30.27 15.416-53.66 17.4-60.693h35.287l58.618 54.304l-38.498 33.27l29.11 31.473l-191.86 273.09c-.938 1.542-2.244 1.19-1.947 0zm20.96-347.28c1.733 0 3.148.958 3.148 2.147v28.077c0 1.186-1.415 2.15-3.147 2.15h-47.396c-1.742 0-3.153-.96-3.153-2.15V47.917c0-1.185 1.41-2.147 3.153-2.147h47.396z"/><path d="m288.26 14.688l-52.14 30.1c.605.92.973 1.98.973 3.136v28.078c0 1.457-.565 2.77-1.496 3.83l52.663 30.402c3.59 2.073 6.535.377 6.535-3.764V18.456c0-4.145-2.944-5.836-6.535-3.768M175.02 76V47.923c0-1.15.368-2.21.966-3.13l-52.14-30.105c-3.588-2.068-6.53-.376-6.53 3.768v88.013c0 4.14 2.938 5.84 6.53 3.76l52.66-30.405c-.926-1.06-1.487-2.37-1.487-3.827z"/><path d="M201.25 393.05h1.947c-45.05-161.12-43.753-161.85-76.32-276.73l-7.833 4.523c-4.253 2.458-7.737.448-7.737-4.455V61.602C102.662 31.332 95.892 7.942 93.902.909H58.619L.002 55.213l38.494 33.27l-29.11 31.473z"/><circle cx="204.57" cy="122.54" r="14.231"/><circle cx="204.57" cy="207.16" r="14.231"/><circle cx="204.57" cy="291.78" r="14.23"/></g></svg>
Stylelint アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:stylelint" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:stylelint" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:stylelint" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--stylelint]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:stylelint"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:stylelint"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/material-icon-theme/stylelint.svg" alt="Stylelint アイコン" width="24" height="24">
Material Icon Theme の関連アイコン
他のアイコンセットの Stylelint アイコン
Stylelint アイコン のよくある質問
Stylelint アイコンは商用利用でも無料ですか?
はい。Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Stylelint アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-icon-theme:stylelint" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Stylelint アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-icon-theme/stylelint.svg" alt="Stylelint アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Material Icon Theme アイコン をすべて見る →
ICONYZ
