ICONYZ
日本語
File Icons の Stylus S アイコン

Stylus S アイコン

file-icons:stylus-s

Stylus S アイコン(file-icons:stylus-s)は、File Icons セットの無料 SVG アイコンです(作者: John Gardner)。 376 × 512 のグリッドで描かれています。 File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
File Icons
作者
John Gardner
ライセンス
ISC
サイズ
376 × 512
タグ
styluss
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="376" height="512" viewBox="0 0 376 512"><path fill="currentColor" d="m306.507 119.687l-10.366-7.211c51.83-59.042-10.366-101.858-39.661-57.69c-27.493 41.464 9.915 92.844 32.45 159.547c35.605 105.464 30.197 162.252-15.774 217.237c-115.83 137.914-332.616 85.182-257.8-57.69c25.69-49.126 70.309-84.28 146.477-75.717c7.211 9.014-.45 12.62-5.859 15.324c-61.746 30.648-97.35 153.688-43.718 150.984c25.69-.901 64-26.591 83.83-70.309c22.986-50.929-5.408-114.928-25.69-175.322C123.073 76.42 230.34-46.62 352.93 17.378c46.422 24.338 15.775 109.52-46.422 102.309"/></svg>

Stylus S アイコンの使い方

React

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

<Icon icon="file-icons:stylus-s" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:stylus-s" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:stylus-s" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--stylus-s]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:stylus-s"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:stylus-s"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/file-icons/stylus-s.svg" alt="Stylus S アイコン" width="24" height="24">

File Icons の関連アイコン

Stylus S アイコン のよくある質問

Stylus S アイコンは商用利用でも無料ですか?

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

React で Stylus S アイコンを使うには?

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

Stylus S アイコンをウェブページに追加するには?

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

File Icons をすべて見る →