ICONYZ
Português (Brasil)
Ícone Construct Sharp de IonIcons

Ícone Construct Sharp

ion:construct-sharp

O ícone Construct Sharp (ion:construct-sharp) é um ícone SVG gratuito da coleção IonIcons de Ben Sperry. Ele é desenhado em uma grade de 512 × 512. IonIcons são publicados sob a licença MIT, 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
IonIcons
Autor
Ben Sperry
Licença
MIT
Tamanho
512 × 512
Tags
constructsharp
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m497.14 111.38l-81.09 80.84l-48.58-48.41L448.56 63c-45.22-22-108.65-22.09-146.2 15.35c-35.32 35.2-39.73 90.61-22.54 134.2L99.57 391.37a12 12 0 0 0 0 17l52.27 52.11a12 12 0 0 0 17 0l180-180.5c43.16 16.21 98 11.64 132.74-23c37.5-37.45 37.42-100.34 15.56-145.6"/><path fill="currentColor" d="m365.45 308.62l-71.83 72l75.53 79.92a10.88 10.88 0 0 0 15.65.21l60-60.46a11 11 0 0 0-.24-15.69ZM119 212c0-4.87-4-9.33-7.45-12.78l-.25-.24l-1.54-1.47a1.06 1.06 0 0 1-.26-.8a16.16 16.16 0 0 1 9.52-2c1.27.13 5.91.9 12.4 4.91c3.38 2.09 32.63 30.23 43.93 40.7a11 11 0 0 0 .14 15.35l7.43 7.86l65.66-65.17l-8.25-7.84a10.87 10.87 0 0 0-15.31-.06c-23-24.68-29-35.45-31-42.45c-4.42-15.47 4.14-28 14-36c5.84-4.62 17.88-8.08 29-9a52.7 52.7 0 0 1 11.61.6c3.47.5 6.3 1.14 7.39 1.4a68.5 68.5 0 0 1 11 4l12-19a88.4 88.4 0 0 0-13.4-17.7a115 115 0 0 0-5.19-5.1c-7.78-7.15-28-19.2-54.59-19.2a117.4 117.4 0 0 0-44.77 8.82c-37.44 15.34-61.88 36.25-73.11 47.35l-.07.07A219.6 219.6 0 0 0 67 128.56c-5.35 7.53-4.77 15.84-4.38 21.34c0 .32 0 .67.07 1a18.4 18.4 0 0 0-10.78-3.5A18 18 0 0 0 39 152.73L2 189.62a6.79 6.79 0 0 0 0 9.6L65 262a6.72 6.72 0 0 0 9.5 0l37.06-37c3.44-3.44 7.44-8.14 7.44-13"/></svg>

Como usar o ícone Construct Sharp

React

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

<Icon icon="ion:construct-sharp" width="24" />

Vue

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

<template>
  <Icon icon="ion:construct-sharp" width="24" />
</template>

Svelte

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

<Icon icon="ion:construct-sharp" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ion--construct-sharp]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ion -->
<div class="i-ion:construct-sharp"></div>

Web component

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

<iconify-icon icon="ion:construct-sharp"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/ion/construct-sharp.svg" alt="Ícone Construct Sharp" width="24" height="24">

Ícones relacionados em IonIcons

Ícone construct
construct
 Ícone construct-outline
construct-outline

O ícone Construct Sharp em outras coleções

Ícone Construct Sharp de Famicons
Famicons

Perguntas frequentes sobre Ícone Construct Sharp

O ícone Construct Sharp é grátis para uso comercial?

Sim. IonIcons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Construct Sharp no React?

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

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

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

Ver todos os IonIcons →