Ladder アイコン

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

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

noto:ladder

Ladder アイコン(noto:ladder)は、Noto Emoji セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Noto Emoji
作者: Google Inc
ライセンス: Apache-2.0
サイズ: 128 × 128
カテゴリ: 物

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><linearGradient id="SVGfz4xScEe" x1="41.441" x2="39.066" y1="113.507" y2="116.674" gradientUnits="userSpaceOnUse"><stop offset=".083"/><stop offset="1" stop-opacity="0"/></linearGradient><path fill="url(#SVGfz4xScEe)" d="m35.54 113.91l7.22 5.45v-6l-6.59-.43z" opacity=".6"/><linearGradient id="SVG2tmLiMGG" x1="41.441" x2="39.066" y1="83.465" y2="86.632" gradientUnits="userSpaceOnUse"><stop offset=".083"/><stop offset="1" stop-opacity="0"/></linearGradient><path fill="url(#SVG2tmLiMGG)" d="m35.54 83.87l7.22 5.45v-6l-6.59-.44z" opacity=".6"/><linearGradient id="SVGDM75Id2H" x1="41.441" x2="39.066" y1="53.423" y2="56.59" gradientUnits="userSpaceOnUse"><stop offset=".083"/><stop offset="1" stop-opacity="0"/></linearGradient><path fill="url(#SVGDM75Id2H)" d="m35.54 53.83l7.22 5.45v-6l-6.59-.44z" opacity=".6"/><linearGradient id="SVGXALO5dGh" x1="41.441" x2="39.066" y1="23.382" y2="26.549" gradientUnits="userSpaceOnUse"><stop offset=".083"/><stop offset="1" stop-opacity="0"/></linearGradient><path fill="url(#SVGXALO5dGh)" d="m35.54 23.79l7.22 5.45v-6l-6.59-.44z" opacity=".6"/><path fill="#9E673C" d="M95.206 124.01h-9.97V3.99h9.97z"/><path fill="#E6A467" d="M100.755 3.991v120h-6.61v-120z"/><path fill="#784D30" d="m92.46 113.91l-7.22 5.45v-6l6.6-.43zm0-30.04l-7.22 5.45v-6l6.6-.44zm0-30.04l-7.22 5.45v-6l6.6-.44zm0-30.04l-7.22 5.45v-6l6.6-.44z" opacity=".6"/><path fill="#FFCC80" d="m92.63 19.25l-57.51.21l.62-1.54l4.99-3.67c.21-.16.47-.25.73-.25l43.39.38c.28 0 .56.1.78.28l6.52 3.3z"/><path fill="#E6A467" d="M91.61 24.03H36.17c-.58 0-1.04-.47-1.04-1.04v-4.13c0-.58.47-1.04 1.04-1.04h55.44c.58 0 1.04.47 1.04 1.04v4.13c0 .58-.47 1.04-1.04 1.04"/><path fill="#FFCC80" d="m92.63 109.18l-57.51.21l.62-1.54l4.99-3.67c.22-.16.47-.24.73-.24l43.39.38c.28 0 .56.1.78.28l6.52 3.3z"/><path fill="#E6A467" d="M91.61 113.97H36.17c-.58 0-1.04-.47-1.04-1.04v-4.13c0-.58.47-1.04 1.04-1.04h55.44c.58 0 1.04.47 1.04 1.04v4.13c0 .58-.47 1.04-1.04 1.04"/><path fill="#FFCC80" d="m92.63 79.21l-57.51.21l.62-1.54l4.99-3.67c.22-.16.47-.24.73-.24l43.39.38c.28 0 .56.1.78.28l6.52 3.3z"/><path fill="#E6A467" d="M91.61 83.99H36.17c-.58 0-1.04-.47-1.04-1.04v-4.13c0-.58.47-1.04 1.04-1.04h55.44c.58 0 1.04.47 1.04 1.04v4.13c0 .58-.47 1.04-1.04 1.04"/><path fill="#FFCC80" d="m92.63 49.23l-57.51.21l.62-1.54l4.99-3.67c.22-.16.47-.24.73-.24l43.39.38c.28 0 .56.1.78.28l6.52 3.3z"/><path fill="#E6A467" d="M91.61 54.01H36.17c-.58 0-1.04-.47-1.04-1.04v-4.13c0-.58.47-1.04 1.04-1.04h55.44c.58 0 1.04.47 1.04 1.04v4.13c0 .58-.47 1.04-1.04 1.04"/><path fill="#9E673C" d="M37.206 124.01h-9.97V3.99h9.97z"/><path fill="#E6A467" d="M42.755 3.991v120h-6.61v-120z"/></svg>

Ladder アイコンの使い方

React

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

<Icon icon="noto:ladder" width="24" />

Vue

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

<template>
  <Icon icon="noto:ladder" width="24" />
</template>

Svelte

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

<Icon icon="noto:ladder" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--ladder]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:ladder"></div>

Web コンポーネント

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

<iconify-icon icon="noto:ladder"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/noto/ladder.svg" alt="Ladder アイコン" width="24" height="24">

他のアイコンセットの Ladder アイコン

Ladder アイコンのよくある質問

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

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

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

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

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

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

Noto Emoji アイコンをすべて見る →