Ladder アイコン

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:ladder

Ladder アイコン(openmoji:ladder)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: 物

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fff" d="M37.759 20.229h6.093l-1.649 4.372h-5.232zm-3.225 11.97l5.662-.143l-1.863 4.444l-5.018-.358zM30.95 44.456l4.802-.071l-1.433 3.225l-4.158-.072z"/><path fill="#6a462f" d="M22.265 62.034h-2.058a1.076 1.076 0 0 1-1.023-1.407l16.164-49.94a1.075 1.075 0 0 1 1.023-.745h2.059a1.076 1.076 0 0 1 1.023 1.407L23.289 61.29a1.075 1.075 0 0 1-1.023.745"/><path fill="#a57939" d="M36.09 62.034h-2.058a1.076 1.076 0 0 1-1.023-1.407l16.164-49.94a1.075 1.075 0 0 1 1.023-.745h2.06a1.076 1.076 0 0 1 1.022 1.407L37.113 61.29a1.075 1.075 0 0 1-1.023.745"/><path fill="#a57939" d="M47.938 18.678H34.12a1 1 0 0 1-.935-1.356l.64-1.677a1 1 0 0 1 .934-.645h13.817a1 1 0 0 1 .935 1.356l-.639 1.677a1 1 0 0 1-.934.645m-3.802 11.639H30.318a1 1 0 0 1-.934-1.356l.639-1.678a1 1 0 0 1 .934-.644h13.818a1 1 0 0 1 .934 1.355l-.639 1.678a1 1 0 0 1-.934.645M40.434 42H26.616a1 1 0 0 1-.934-1.356l.639-1.677a1 1 0 0 1 .934-.645h13.817a1 1 0 0 1 .935 1.356l-.639 1.677a1 1 0 0 1-.934.645m-3.785 11.653H22.83a1 1 0 0 1-.934-1.356l.638-1.677a1 1 0 0 1 .935-.645h13.817a1 1 0 0 1 .935 1.356l-.639 1.677a1 1 0 0 1-.935.645"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m20.207 60.958l16.164-49.94m-2.347 49.94l16.165-49.94M34.759 16h13.817M30.985 27.658h13.818m-7.547 23.316H23.439m3.773-11.658h13.817"/></svg>

Ladder アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

OpenMoji アイコンをすべて見る →