List Ordered アイコン

Q: List Ordered アイコンは商用利用でも無料ですか?

はい。Gridicons は GPL 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。

gridicons:list-ordered

List Ordered アイコン(gridicons:list-ordered)は、Gridicons セットの無料 SVG アイコンです（作者: Automattic）。 24 × 24 のグリッドで描かれています。 Gridicons は GPL 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Gridicons
作者: Automattic
ライセンス: GPL-2.0-only
サイズ: 24 × 24
タグ: listordered

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8 19h13v-2H8zm0-6h13v-2H8zm0-8v2h13V5zm-4.425.252q.16-.144.269-.275q-.018.342-.018.756V8h1.175V3.717H3.959L2.488 4.915l.601.738zm.334 7.764q.712-.639.93-.867t.35-.435t.195-.42q.063-.214.063-.466q0-.337-.18-.608c-.18-.271-.289-.32-.507-.417a1.8 1.8 0 0 0-.742-.148q-.331 0-.596.067c-.265.067-.34.11-.491.195q-.225.128-.557.423l.636.744q.261-.225.467-.341a.84.84 0 0 1 .409-.116a.44.44 0 0 1 .305.097a.34.34 0 0 1 .108.264q0 .135-.054.258t-.192.294q-.138.172-.586.64l-1.046 1.058V14h3.108v-.955h-1.62zm.53 4.746v-.018q.46-.13.703-.414q.243-.286.243-.685a.84.84 0 0 0-.378-.727q-.378-.264-1.043-.264q-.46 0-.816.1c-.356.1-.469.178-.696.334l.48.773q.44-.275.85-.275q.22 0 .35.082c.13.082.13.139.13.252q0 .451-.882.451h-.27v.87h.264q.326 0 .527.049q.202.047.293.143t.091.271q0 .228-.174.336q-.174.106-.555.106a2.3 2.3 0 0 1-.538-.069a2.5 2.5 0 0 1-.573-.212v.961q.342.131.637.182t.64.05q.84 0 1.314-.343q.473-.343.473-.94q.004-.878-1.07-1.013"/></svg>

List Ordered アイコンの使い方

React

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

<Icon icon="gridicons:list-ordered" width="24" />

Vue

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

<template>
  <Icon icon="gridicons:list-ordered" width="24" />
</template>

Svelte

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

<Icon icon="gridicons:list-ordered" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[gridicons--list-ordered]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/gridicons -->
<div class="i-gridicons:list-ordered"></div>

Web コンポーネント

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

<iconify-icon icon="gridicons:list-ordered"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/gridicons/list-ordered.svg" alt="List Ordered アイコン" width="24" height="24">

Gridicons の関連アイコン

他のアイコンセットの List Ordered アイコン

List Ordered アイコンのよくある質問

List Ordered アイコンは商用利用でも無料ですか?

はい。Gridicons は GPL 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。

React で List Ordered アイコンを使うには?

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

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

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

Gridicons をすべて見る →