ICONYZ
Português (Brasil)
Ícone Construction Worker 4 de Kameleon color icons

Ícone Construction Worker 4

streamline-kameleon-color:construction-worker-4

O ícone Construction Worker 4 (streamline-kameleon-color:construction-worker-4) é 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
Usuários e pessoas
Tags
constructionworker
Baixar SVG

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="#25b7d3" 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="#fff" d="M24.001 37.96h13.963l-1.746-4.8a2.62 2.62 0 0 0-1.327-1.3l-5.654-2.19l-.873-.436s-.436 3.492-4.364 3.492s-4.363-3.492-4.363-3.492l-.873.436l-5.654 2.19c-.587.256-1.06.72-1.328 1.3l-1.745 4.8h13.962l.001.002z"/><path fill="#0484ab" d="M32.727 35.343V30.98l-2.182-.873v3.49h-13.09v-3.49l-2.182.873v4.362l-.873 2.62h19.2z"/><path fill="#21b2d1" d="M29.236 35.344H18.764v1.308h10.472z"/><path fill="#bf8662" d="M30.546 19.634c-.437 0-.437.485-.437.485v-.485c-.002-.908-.027-1.745-.135-2.496a23 23 0 0 0-5.962-.838h-.024c-2.615.02-4.773.503-5.962.838c-.107.751-.133 1.588-.135 2.496v3.49l1.746 4.363l2.227 1.743a1.3 1.3 0 0 0 .978.439h2.317c.373 0 .729-.16.977-.439l2.228-1.743l1.4-3.498c1.236-.09 1.654-1.966 1.654-3.385c0-.485-.436-.97-.872-.97"/><path fill="#cc9978" d="M23.988 16.3c-2.615.02-4.773.503-5.962.838c-.107.751-.133 1.588-.135 2.496v.485s0-.485-.436-.485c-.437 0-.873.485-.873.97c0 1.419.418 3.296 1.655 3.385l1.4 3.498l2.227 1.743a1.3 1.3 0 0 0 .978.439H24v-13.37z"/><path fill="#af7653" d="M25.158 29.671h-2.317a1.3 1.3 0 0 1-.977-.438l-2.228-1.744v1.964s0 3.273 4.364 3.273s4.364-3.273 4.364-3.273V27.49l-2.228 1.743a1.3 1.3 0 0 1-.978.438"/><path fill="#bf8662" d="m21.864 29.233l-2.228-1.744v1.964s0 3.273 4.364 3.273V29.67h-1.16a1.3 1.3 0 0 1-.977-.438"/><path fill="#84462d" d="M21.818 24.869h4.364s0 1.309-2.182 1.309s-2.182-1.31-2.182-1.31"/><path fill="#3e3e3f" d="M22.689 20.523a.873.873 0 0 0-.873-.873h-.003l.003.027a.873.873 0 0 1-.87.873a.872.872 0 0 0 1.742-.028m4.362.001a.873.873 0 0 0-.874-.873h-.002l.002.027a.873.873 0 0 1-.87.873a.871.871 0 1 0 1.743-.028"/><path fill="#84462d" d="M17.455 18.326c0 .941.436 5.18.436 5.673l.436.872h.437c0-.603-.437-5.672 1.309-6.981zm13.09 0c0 .941-.436 5.18-.436 5.673l-.436.872h-.437c0-.603.437-5.672-1.309-6.981z"/><path fill="#facb1b" d="M17.455 17.89s-.437-6.545 6.545-6.545v6.545z"/><path fill="#f3b607" d="M30.546 17.89s.436-6.545-6.546-6.545v6.545z"/><path fill="#fbe158" d="M25.309 13.526v-2.618a.873.873 0 0 0-.873-.872h-.873a.873.873 0 0 0-.872.872v2.618c.029.771-.839 3.37-3.055 3.491h8.727c-2.216-.121-3.083-2.72-3.054-3.49"/><path fill="#f3b607" d="M31.855 17.999a.436.436 0 0 1-.325.421c-.848.225-3.358.78-7.53.78s-6.682-.555-7.53-.78a.436.436 0 0 1-.324-.422v-.108a.873.873 0 0 1 .872-.872h13.964a.873.873 0 0 1 .873.872z"/><path fill="#facb1b" d="M17.018 17.018a.873.873 0 0 0-.873.872V18a.436.436 0 0 0 .325.421c.848.225 3.358.78 7.53.78v-2.182z"/></g></svg>

Como usar o ícone Construction Worker 4

React

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

<Icon icon="streamline-kameleon-color:construction-worker-4" width="24" />

Vue

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

<template>
  <Icon icon="streamline-kameleon-color:construction-worker-4" width="24" />
</template>

Svelte

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

<Icon icon="streamline-kameleon-color:construction-worker-4" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-kameleon-color--construction-worker-4]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-kameleon-color -->
<div class="i-streamline-kameleon-color:construction-worker-4"></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-worker-4"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/construction-worker-4.svg" alt="Ícone Construction Worker 4" width="24" height="24">

Ícones relacionados em Kameleon color icons

Ícone construction-blueprint
construction-blueprint
 Ícone construction-blueprint-duo
construction-blueprint-duo
 Ícone construction-worker-4-duo
construction-worker-4-duo

Perguntas frequentes sobre Ícone Construction Worker 4

O ícone Construction Worker 4 é 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 Worker 4 no React?

Instale @iconify/react e renderize <Icon icon="streamline-kameleon-color:construction-worker-4" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Construction Worker 4 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-worker-4.svg" alt="Ícone Construction Worker 4">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Kameleon color icons →