ICONYZ
日本語
Qlementine Icons の Select All 24 アイコン

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 コード

<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 コードをページに直接貼り付けます。

Qlementine Icons をすべて見る →