Select All 24 アイコン
qlementine-icons:select-all-24
Select All 24 アイコン(qlementine-icons:select-all-24)は、Qlementine Icons セットの無料 SVG アイコンです(作者: Olivier Cléro)。 24 × 24 のグリッドで描かれています。 Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Qlementine Icons
- 作者
- Olivier Cléro
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- アクション
- タグ
- selectall
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13.2 1h3.6c1.28 0 2.17 0 2.87.058c.688.056 1.1.162 1.41.323c.658.336 1.19.871 1.53 1.53c.162.317.267.726.324 1.41c.057.7.058 1.6.058 2.87v3.6c0 1.28 0 2.17-.058 2.87c-.056.688-.162 1.1-.324 1.41a3.53 3.53 0 0 1-1.619 1.573v1.06q.29-.087.543-.217a4.5 4.5 0 0 0 1.97-1.97c.49-.963.49-2.22.49-4.74v-3.6c0-2.52 0-3.78-.49-4.74a4.5 4.5 0 0 0-1.97-1.97c-.963-.49-2.22-.49-4.74-.49h-3.6c-2.52 0-3.78 0-4.74.49a4.5 4.5 0 0 0-1.97 1.97q-.13.253-.217.543h1.06l.043-.09A3.52 3.52 0 0 1 8.9 1.36c.317-.16.726-.266 1.41-.322c.7-.057 1.6-.058 2.87-.058zm.7 11.8a.5.5 0 1 0-.768-.64l-4.65 5.58l-3.11-3.11a.5.5 0 0 0-.707.707l3.5 3.5a.5.5 0 0 0 .737-.033l5-6z"/><path fill="currentColor" fill-rule="evenodd" d="M.49 8.46C0 9.423 0 10.68 0 13.2v3.6c0 2.52 0 3.78.49 4.74a4.5 4.5 0 0 0 1.97 1.97c.963.49 2.22.49 4.74.49h3.6c2.52 0 3.78 0 4.74-.49a4.5 4.5 0 0 0 1.97-1.97c.49-.963.49-2.22.49-4.74v-3.6c0-2.52 0-3.78-.49-4.74a4.5 4.5 0 0 0-1.97-1.97C14.577 6 13.32 6 10.8 6H7.2c-2.52 0-3.78 0-4.74.49A4.5 4.5 0 0 0 .49 8.46M10.79 7h-3.6c-1.28 0-2.17 0-2.87.058c-.689.056-1.1.162-1.41.323a3.52 3.52 0 0 0-1.53 1.53c-.161.317-.267.726-.323 1.41c-.057.7-.058 1.6-.058 2.87v3.6c0 1.28 0 2.17.058 2.87c.056.688.162 1.1.323 1.41c.336.658.871 1.19 1.53 1.53c.317.162.726.267 1.41.324c.7.057 1.6.058 2.87.058h3.6c1.28 0 2.17 0 2.87-.058c.688-.056 1.1-.162 1.41-.324a3.53 3.53 0 0 0 1.53-1.53c.162-.317.267-.726.324-1.41c.057-.7.058-1.6.058-2.87v-3.6c0-1.28 0-2.17-.058-2.87c-.056-.688-.162-1.1-.324-1.41a3.52 3.52 0 0 0-1.53-1.53c-.317-.161-.726-.267-1.41-.323c-.7-.057-1.6-.058-2.87-.058" clip-rule="evenodd"/></svg>Select All 24 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:select-all-24" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:select-all-24" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:select-all-24" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--select-all-24]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:select-all-24"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:select-all-24"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/qlementine-icons/select-all-24.svg" alt="Select All 24 アイコン" width="24" height="24">Qlementine Icons の関連アイコン
Select All 24 アイコン のよくある質問
Select All 24 アイコンは商用利用でも無料ですか?
はい。Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Select All 24 アイコンを使うには?
@iconify/react をインストールして <Icon icon="qlementine-icons:select-all-24" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Select All 24 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/qlementine-icons/select-all-24.svg" alt="Select All 24 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。