Slides アイコン
fontisto:slides
Slides アイコン(fontisto:slides)は、Fontisto セットの無料 SVG アイコンです（作者: Kenan Gündoğan）。 24 × 24 のグリッドで描かれています。 Fontisto icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fontisto
- 作者
- Kenan Gündoğan
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- ブランド
- タグ
- slide
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M0 0v24h24V0zm14.176 15.794a3.3 3.3 0 0 1-2.237.871l-.077-.001h.004l-.133.001c-.788 0-1.541-.15-2.232-.422l.041.014c-.646-.27-.976-.525-.976-.78l-.076.1c.034-.223.12-.422.246-.588l-.002.003q.245-.39.44-.39c.121.058.224.12.321.189l-.007-.005c.24.144.517.271.809.364l.028.008c.367.118.789.186 1.227.186l.095-.001h-.005l.079.002a1.83 1.83 0 0 0 1.198-.444l-.002.002c.306-.277.497-.676.497-1.119l-.002-.074v.003a1.56 1.56 0 0 0-.437-1.171a4.3 4.3 0 0 0-1.712-.785l-.028-.005a4.5 4.5 0 0 1-1.896-.951l.006.005a2.35 2.35 0 0 1-.586-1.762l-.001.009v-.037c0-.772.348-1.462.896-1.922l.004-.003a3.34 3.34 0 0 1 2.349-.792h-.008a5.4 5.4 0 0 1 1.824.265l-.039-.011c.524.165.78.36.78.555a1.4 1.4 0 0 1-.229.649l.003-.005c-.15.27-.285.39-.39.39c-.017 0-.09-.045-.257-.12a3 3 0 0 0-1.431-.36h-.056h.003a2.16 2.16 0 0 0-1.298.335l.009-.005a1.06 1.06 0 0 0-.45.868v.018v-.001l-.001.046c0 .317.132.604.345.807c.331.257.722.453 1.147.565l.023.005c.96.225 1.798.653 2.5 1.238l-.01-.008a2.8 2.8 0 0 1 .66 2.035l.001-.01l.001.092c0 .85-.37 1.614-.957 2.139l-.003.002z"/></svg>Slides アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fontisto:slides" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fontisto:slides" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fontisto:slides" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--slides]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:slides"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fontisto:slides"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fontisto/slides.svg" alt="Slides アイコン" width="24" height="24">他のアイコンセットの Slides アイコン
Slides アイコン のよくある質問
Slides アイコンは商用利用でも無料ですか?
はい。Fontisto icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Slides アイコンを使うには?
@iconify/react をインストールして <Icon icon="fontisto:slides" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Slides アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fontisto/slides.svg" alt="Slides アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。