Ícone Square Top Down Bold

solar:square-top-down-bold

O ícone Square Top Down Bold (solar:square-top-down-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: Setas de ação
Tags: squaretop, topdown, downbold, squaretopdownbold

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="M14.25 3C14.25 2.58579 14.5858 2.25 15 2.25H21C21.4142 2.25 21.75 2.58579 21.75 3V9C21.75 9.41421 21.4142 9.75 21 9.75C20.5858 9.75 20.25 9.41421 20.25 9V4.81066L13.5303 11.5303C13.2374 11.8232 12.7626 11.8232 12.4697 11.5303C12.1768 11.2374 12.1768 10.7626 12.4697 10.4697L19.1893 3.75H15C14.5858 3.75 14.25 3.41421 14.25 3Z" clip-rule="evenodd"/><path d="M21.9995 11.0164C21.6983 11.1659 21.359 11.25 21 11.25C19.7574 11.25 18.75 10.2426 18.75 9V8.43198L14.591 12.591C13.7123 13.4697 12.2877 13.4697 11.409 12.591C10.5303 11.7123 10.5303 10.2877 11.409 9.40901L15.568 5.25H15C13.7574 5.25 12.75 4.24264 12.75 3C12.75 2.64101 12.8341 2.30165 12.9836 2.00055C12.6676 2 12.3399 2 12 2C7.28596 2 4.92893 2 3.46447 3.46447C2 4.92893 2 7.28596 2 12C2 16.714 2 19.0711 3.46447 20.5355C4.92893 22 7.28596 22 12 22C16.714 22 19.0711 22 20.5355 20.5355C22 19.0711 22 16.714 22 12C22 11.6601 22 11.3324 21.9995 11.0164Z"/></g></svg>

Como usar o ícone Square Top Down Bold

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Imagem HTML

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

Ícones relacionados em Solar

Perguntas frequentes sobre Ícone Square Top Down Bold

O ícone Square Top Down 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 Square Top Down Bold no React?

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

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

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

Ver todos os Ícones Solar →