Ícone Ladder

noto:ladder

O ícone Ladder (noto:ladder) é um ícone SVG gratuito da coleção Noto Emoji de Google Inc. Ele é desenhado em uma grade de 128 × 128. Noto Emoji icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Noto Emoji
Autor: Google Inc
Licença: Apache-2.0
Tamanho: 128 × 128
Categoria: Objetos

Baixar SVG

Código 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>

Como usar o ícone 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 component

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

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

Imagem HTML

<img src="https://iconyz.com/api/public/svg/noto/ladder.svg" alt="Ícone Ladder" width="24" height="24">

O ícone Ladder em outras coleções

Perguntas frequentes sobre Ícone Ladder

O ícone Ladder é grátis para uso comercial?

Sim. Noto Emoji icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Ladder no React?

Instale @iconify/react e renderize <Icon icon="noto:ladder" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Ladder a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/noto/ladder.svg" alt="Ícone Ladder">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Noto Emoji →