Ícone Construction Blueprint
streamline-kameleon-color:construction-blueprint
O ícone Construction Blueprint (streamline-kameleon-color:construction-blueprint) é um ícone SVG gratuito da coleção Kameleon color icons de Streamline. Ele é desenhado em uma grade de 48 × 48. Kameleon color 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
- Kameleon color icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 48 × 48
- Categoria
- Edifícios e construção
- Tags
- constructionblueprint
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#fabc3d" d="M24 47.998c13.255 0 24-10.745 24-24C48 10.746 37.255 0 24 0S0 10.745 0 23.999s10.745 23.999 24 23.999"/><path fill="#059bbf" d="M37.963 37.961V13.526l-7.854-3.49l-13.091 3.49l-6.982-3.49V34.47l6.982 3.49l13.09-3.49z"/><path fill="#0484ab" d="m30.109 34.47l7.854 3.491V13.526l-7.854-3.49zM17.018 13.526l-6.982-3.49V34.47l6.982 3.49z"/><path fill="#e2e4e5" d="m35.68 14.466l-5.235-2.181a.87.87 0 0 0-.56-.038l-12.772 3.406l-4.068-2.034a.872.872 0 0 0-1.263.78v18.326c0 .33.187.633.482.781l4.364 2.182a.87.87 0 0 0 .615.062l12.804-3.414l4.963 2.068a.874.874 0 0 0 1.208-.806V15.272a.87.87 0 0 0-.537-.806m-1.207 11.792l-2.618-1.666v-2.424l2.618 1.636zm-4.426-12.249l4.426 1.844v6.922L31.65 21.01a.435.435 0 0 0-.667.37v2.657l-.639-.407a.44.44 0 0 0-.507.028l-2.182 1.745a.44.44 0 0 0-.163.34v5.468l-5.236 1.397V26.18a.438.438 0 0 0-.515-.43l-4.717.859l-3.496-.7v-6.105l3.353 1.117a.4.4 0 0 0 .138.023h3.491a.44.44 0 0 0 .309-.128l1.745-1.745a.44.44 0 0 0 .128-.309v-2.79l4.8-1.281v1.157l-1.908.764a.436.436 0 0 0 .324.81l1.584-.633v1.241l-1.908.763a.436.436 0 0 0 .324.81l1.584-.633v1.242l-1.908.763a.436.436 0 0 0 .324.81l1.584-.633v1.537l.873-.436V14.46zm-13.42 3.352c.191.095.41.118.616.063l4.575-1.22v2.377l-1.49 1.49h-3.24l-3.56-1.187v-3.073zm.486 16.618l-3.586-1.793V26.8l3.406.681a.4.4 0 0 0 .163.001l4.286-.779v6.137zm13.332-3.368a.88.88 0 0 0-.56-.038l-1.521.406v-5.026l1.774-1.42l4.335 2.76v4.996z"/></g></svg>Como usar o ícone Construction Blueprint
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-kameleon-color:construction-blueprint" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-kameleon-color:construction-blueprint" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-kameleon-color:construction-blueprint" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-kameleon-color--construction-blueprint]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-kameleon-color -->
<div class="i-streamline-kameleon-color:construction-blueprint"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-kameleon-color:construction-blueprint"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/construction-blueprint.svg" alt="Ícone Construction Blueprint" width="24" height="24">Ícones relacionados em Kameleon color icons
Perguntas frequentes sobre Ícone Construction Blueprint
O ícone Construction Blueprint é grátis para uso comercial?
Sim. Kameleon color 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 Construction Blueprint no React?
Instale @iconify/react e renderize <Icon icon="streamline-kameleon-color:construction-blueprint" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Construction Blueprint a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/construction-blueprint.svg" alt="Ícone Construction Blueprint">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.