Ícone Align Top Bold

solar:align-top-bold

O ícone Align Top Bold (solar:align-top-bold) é um ícone SVG gratuito da coleção Solar de 480 Design. Ele é desenhado em uma grade de 24 × 24. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Solar
Autor: 480 Design
Licença: CC-BY-4.0
Tamanho: 24 × 24
Categoria: Ferramentas
Tags: aligntop, topbold, aligntopbold

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M1.25 3.75C1.25 4.16421 1.58579 4.5 2 4.5H22C22.4142 4.5 22.75 4.16421 22.75 3.75C22.75 3.33579 22.4142 3 22 3H2C1.58579 3 1.25 3.33579 1.25 3.75Z" clip-rule="evenodd"/><path d="M7.5 7.75C6.56538 7.75 6.09808 7.75 5.75 7.95096C5.52197 8.08261 5.33261 8.27197 5.20096 8.5C5 8.84808 5 9.31538 5 10.25L5 19.25C5 20.1846 5 20.6519 5.20096 21C5.33261 21.228 5.52197 21.4174 5.75 21.549C6.09808 21.75 6.56538 21.75 7.5 21.75C8.43462 21.75 8.90192 21.75 9.25 21.549C9.47803 21.4174 9.66739 21.228 9.79904 21C10 20.6519 10 20.1846 10 19.25V10.25C10 9.31538 10 8.84808 9.79904 8.5C9.66739 8.27197 9.47803 8.08261 9.25 7.95096C8.90192 7.75 8.43462 7.75 7.5 7.75Z"/><path d="M16.5 7.75C15.5654 7.75 15.0981 7.75 14.75 7.95096C14.522 8.08261 14.3326 8.27197 14.201 8.5C14 8.84808 14 9.31538 14 10.25V16.25C14 17.1846 14 17.6519 14.201 18C14.3326 18.228 14.522 18.4174 14.75 18.549C15.0981 18.75 15.5654 18.75 16.5 18.75C17.4346 18.75 17.9019 18.75 18.25 18.549C18.478 18.4174 18.6674 18.228 18.799 18C19 17.6519 19 17.1846 19 16.25V10.25C19 9.31538 19 8.84808 18.799 8.5C18.6674 8.27197 18.478 8.08261 18.25 7.95096C17.9019 7.75 17.4346 7.75 16.5 7.75Z"/></g></svg>

Como usar o ícone Align Top Bold

React

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

<Icon icon="solar:align-top-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:align-top-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:align-top-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--align-top-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:align-top-bold"></div>

Web component

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

<iconify-icon icon="solar:align-top-bold"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/solar/align-top-bold.svg" alt="Ícone Align Top Bold" width="24" height="24">

Ícones relacionados em Solar

O ícone Align Top Bold em outras coleções

Perguntas frequentes sobre Ícone Align Top Bold

O ícone Align Top Bold é grátis para uso comercial?

Sim. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Align Top Bold no React?

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

Como adiciono o ícone Align Top Bold a uma página web?

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

Ver todos os Ícones Solar →