Ícone Construction Worker
streamline-emojis:construction-worker
O ícone Construction Worker (streamline-emojis:construction-worker) é um ícone SVG gratuito da coleção Streamline Emojis de Streamline. Ele é desenhado em uma grade de 48 × 48. Streamline Emojis 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
- Streamline Emojis
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 48 × 48
- Categoria
- Emoticons e pessoas
- Tags
- constructionworker
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M8.4 45.33a15.6 1.67 0 1 0 31.2 0a15.6 1.67 0 1 0-31.2 0" opacity=".15"/><path fill="#ffda8f" d="M5.91 23.72a18.09 18.09 0 1 0 36.18 0a18.09 18.09 0 1 0-36.18 0"/><path fill="#ffbe3d" d="M24 5.64a18.09 18.09 0 1 0 18.09 18.08A18.08 18.08 0 0 0 24 5.64m0 33.46a16.51 16.51 0 1 1 16.51-16.51A16.51 16.51 0 0 1 24 39.1"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M5.91 23.72a18.09 18.09 0 1 0 36.18 0a18.09 18.09 0 1 0-36.18 0"/><path fill="#ffe9bd" d="M37.11 32.26c0 .75-1 1.36-2.26 1.36s-2.26-.61-2.26-1.36s1-1.36 2.26-1.36s2.26.61 2.26 1.36m-26.22 0a2.26 1.36 0 1 0 4.52 0a2.26 1.36 0 1 0-4.52 0"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M16.17 26.51a1.67 1.67 0 0 1-3.34 0m19 0a1.67 1.67 0 1 0 3.34 0m-13.12 10.2h3.9"/><path fill="#ffe500" d="M5.3 20.2a18.7 18.7 0 0 1 37.4 0Z"/><path fill="#fff48c" d="M24 5.7a18.72 18.72 0 0 1 18.23 14.5h.47a18.7 18.7 0 0 0-37.4 0h.47A18.72 18.72 0 0 1 24 5.7"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M5.3 20.2a18.7 18.7 0 0 1 37.4 0Z"/><path fill="#ffe500" d="M3.25 19a1.67 1.67 0 0 1 2-1.64A93.3 93.3 0 0 0 24 19.3a93.3 93.3 0 0 0 18.72-2a1.67 1.67 0 0 1 2 1.64v1.39a1.74 1.74 0 0 1-1.38 1.71A100 100 0 0 1 24 24.2a100 100 0 0 1-19.37-2.14a1.74 1.74 0 0 1-1.38-1.71Z"/><path fill="#fff48c" d="M42.72 17.32A93.3 93.3 0 0 1 24 19.3a93.3 93.3 0 0 1-18.72-2a1.67 1.67 0 0 0-2 1.64v1.39a1.6 1.6 0 0 0 .08.44a1.66 1.66 0 0 1 2-1.17a93.3 93.3 0 0 0 18.64 2a93.3 93.3 0 0 0 18.72-2a1.66 1.66 0 0 1 2 1.17a1.6 1.6 0 0 0 .08-.44V19a1.67 1.67 0 0 0-2.08-1.68"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M3.25 19a1.67 1.67 0 0 1 2-1.64A93.3 93.3 0 0 0 24 19.3a93.3 93.3 0 0 0 18.72-2a1.67 1.67 0 0 1 2 1.64v1.39a1.74 1.74 0 0 1-1.38 1.71A100 100 0 0 1 24 24.2a100 100 0 0 1-19.37-2.14a1.74 1.74 0 0 1-1.38-1.71Z"/><path fill="#6dd627" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M28.21 9.26h-2.09v-2.1A1.12 1.12 0 0 0 25 6.05h-2a1.12 1.12 0 0 0-1.12 1.11v2.1h-2.09a1.1 1.1 0 0 0-1.11 1.11v2a1.11 1.11 0 0 0 1.11 1.11h2.09v2.09A1.12 1.12 0 0 0 23 16.7h2a1.12 1.12 0 0 0 1.12-1.12v-2.09h2.09a1.11 1.11 0 0 0 1.11-1.11v-2a1.1 1.1 0 0 0-1.11-1.12"/></svg>
Como usar o ícone Construction Worker
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:construction-worker" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:construction-worker" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:construction-worker" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--construction-worker]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:construction-worker"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:construction-worker"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-emojis/construction-worker.svg" alt="Ícone Construction Worker" width="24" height="24">
Ícones relacionados em Streamline Emojis
O ícone Construction Worker em outras coleções
Perguntas frequentes sobre Ícone Construction Worker
O ícone Construction Worker é grátis para uso comercial?
Sim. Streamline Emojis 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 Worker no React?
Instale @iconify/react e renderize <Icon icon="streamline-emojis:construction-worker" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Construction Worker a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-emojis/construction-worker.svg" alt="Ícone Construction Worker">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Streamline Emojis →
ICONYZ
