Иконка Construction

noto:construction

Иконка Construction (noto:construction) — бесплатная SVG-иконка из набора Noto Emoji от Google Inc. Она нарисована на сетке 128 × 128. Noto Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Noto Emoji
Автор: Google Inc
Лицензия: Apache-2.0
Размер: 128 × 128
Категория: Путешествия и места

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#9E9E9E" d="M28.2 121.8s-1.7 2.2-6.3 2.2s-6.3-2.2-6.3-2.2V53.7h12.6z"/><path fill="#BDBDBD" d="M28.2 121.8s-1.7 2.2-6.3 2.2s-6.3-2.2-6.3-2.2v-20.1s1.3-2.4 6-2.4s6.6 2.4 6.6 2.4z"/><path fill="#9E9E9E" d="M112.4 121.8s-1.7 2.2-6.3 2.2s-6.3-2.2-6.3-2.2V53.7h12.6z"/><path fill="#BDBDBD" d="M112.4 121.8s-1.7 2.2-6.3 2.2s-6.3-2.2-6.3-2.2v-20.1s1.3-2.4 6-2.4s6.6 2.4 6.6 2.4z"/><path fill="#9E9E9E" d="M6.7 41.4h114.6c1.49 0 2.7 1.21 2.7 2.7v18c0 1.49-1.21 2.7-2.7 2.7H6.7c-1.49 0-2.7-1.21-2.7-2.7v-18c0-1.49 1.21-2.7 2.7-2.7"/><path fill="#E2A610" d="M113.8 45.2H98.4c-1.4 0-2.5-.9-2.2-1.9l1.1-6.7h17.5l1.1 6.7c.3 1-.7 1.9-2.2 1.9z"/><circle cx="106.1" cy="23.7" r="12.7" fill="#FFCA28"/><circle cx="106.1" cy="23.7" r="9.4" fill="#FF5722"/><path fill="#FFCA28" d="M114.9 36.7H97.4s0-2.8 5.1-2.8h7.4c5.3 0 5 2.8 5 2.8"/><path fill="#FFD5CA" d="m107.2 19.2l2.4-3.1c.1-.1.3 0 .3.1L109 20c-.2.9.5 1.7 1.4 1.7h3.9c.2 0 .2.2 0 .3l-3.6 1.6c-.8.4-1.1 1.5-.5 2.2l2.5 3c.1.1 0 .3-.2.3l-3.5-1.8c-.8-.4-1.8 0-2 1l-.8 3.8c0 .2-.3.2-.3 0l-.8-3.8c-.2-.9-1.2-1.4-2-1l-3.5 1.8c-.2 0-.3-.1-.2-.3l2.5-3c.6-.7.3-1.8-.5-2.2L97.8 22c-.2 0-.1-.3 0-.3h3.9c.9 0 1.6-.8 1.4-1.7l-.9-3.8c0-.2.2-.3.3-.1l2.4 3.1c.6.7 1.7.7 2.2 0z"/><path fill="#E2A610" d="M29.6 45.2H14.2c-1.4 0-2.5-.9-2.2-1.9l1.1-6.7h17.5l1.1 6.7c.3 1-.7 1.9-2.2 1.9z"/><circle cx="21.9" cy="23.7" r="12.7" fill="#FFCA28"/><circle cx="21.9" cy="23.7" r="9.4" fill="#FF5722"/><path fill="#FFCA28" d="M30.7 36.7H13.1s0-2.8 5.1-2.8h7.4c5.3 0 5 2.8 5 2.8z"/><path fill="#FFD5CA" d="m23 19.2l2.4-3.1c.1-.1.3 0 .3.1l-.9 3.8c-.2.9.5 1.7 1.4 1.7h3.9c.2 0 .2.2 0 .3l-3.6 1.6c-.8.4-1.1 1.5-.5 2.2l2.5 3c.1.1 0 .3-.2.3l-3.5-1.8c-.8-.4-1.8 0-2 1l-.8 3.8c0 .2-.3.2-.3 0l-.8-3.8c-.2-.9-1.2-1.4-2-1l-3.5 1.8c-.2 0-.3-.1-.2-.3l2.5-3c.6-.7.3-1.8-.5-2.2L13.6 22c-.2 0-.1-.3 0-.3h3.9c.9 0 1.6-.8 1.4-1.7l-.9-3.8c0-.2.2-.3.3-.1l2.4 3.1c.6.7 1.7.7 2.2 0z"/><path fill="#FFD600" d="M6.7 43.4h114.6c1.49 0 2.7 1.21 2.7 2.7v18c0 1.49-1.21 2.7-2.7 2.7H6.7c-1.49 0-2.7-1.21-2.7-2.7v-18c0-1.49 1.21-2.7 2.7-2.7"/><defs><path id="SVGotDSQcxU" d="M6.7 43.4h114.6c1.49 0 2.7 1.21 2.7 2.7v18c0 1.49-1.21 2.7-2.7 2.7H6.7c-1.49 0-2.7-1.21-2.7-2.7v-18c0-1.49 1.21-2.7 2.7-2.7"/></defs><clipPath id="SVGrDDQzcIN"><use href="#SVGotDSQcxU"/></clipPath><g fill="#212121" clip-path="url(#SVGrDDQzcIN)"><path d="M34.2 36.6L6.5 74.4H20l27.7-37.8zm-25.9 0l-27.7 37.8h13.6l27.7-37.8zm51.7 0L32.3 74.4h13.6l27.6-37.8zm25.5 0L57.8 74.4h13.6l27.7-37.8zm25.5 0L83.3 74.4h13.6l27.7-37.8zm27 0l-27.7 37.8h13.6l27.7-37.8z"/></g><path fill="#9E9E9E" d="M6.7 71.8h114.6c1.49 0 2.7 1.21 2.7 2.7v18c0 1.49-1.21 2.7-2.7 2.7H6.7c-1.49 0-2.7-1.21-2.7-2.7v-18c0-1.49 1.21-2.7 2.7-2.7"/><path fill="#FFD600" d="M6.7 73.8h114.6c1.49 0 2.7 1.21 2.7 2.7v18c0 1.49-1.21 2.7-2.7 2.7H6.7c-1.49 0-2.7-1.21-2.7-2.7v-18c0-1.49 1.21-2.7 2.7-2.7"/><defs><path id="SVG3juj7cNV" d="M6.7 73.8h114.6c1.49 0 2.7 1.21 2.7 2.7v18c0 1.49-1.21 2.7-2.7 2.7H6.7c-1.49 0-2.7-1.21-2.7-2.7v-18c0-1.49 1.21-2.7 2.7-2.7"/></defs><clipPath id="SVGMTs6cKMe"><use href="#SVG3juj7cNV"/></clipPath><g fill="#212121" clip-path="url(#SVGMTs6cKMe)"><path d="M34.2 67L6.5 104.8H20L47.7 67zM8.3 67l-27.7 37.8h13.6L21.9 67zM60 67l-27.7 37.8h13.6L73.5 67zm25.5 0l-27.7 37.8h13.6L99.1 67zm25.5 0l-27.7 37.8h13.6L124.6 67zm27 0l-27.7 37.8h13.6L151.6 67z"/></g><circle cx="106.5" cy="60.4" r="1.5" fill="#9E9E9E"/><defs><circle id="SVGBS5MMwJO" cx="106.5" cy="60.4" r="1.5"/></defs><clipPath id="SVGVny0jefM"><use href="#SVGBS5MMwJO"/></clipPath><g clip-path="url(#SVGVny0jefM)"><circle cx="106.5" cy="59.8" r="1.5" fill="#BDBDBD"/></g><circle cx="106.5" cy="49.6" r="1.5" fill="#9E9E9E"/><defs><circle id="SVGhVx1Ae6H" cx="106.5" cy="49.6" r="1.5"/></defs><clipPath id="SVG5IG35dED"><use href="#SVGhVx1Ae6H"/></clipPath><g clip-path="url(#SVG5IG35dED)"><circle cx="106.5" cy="49" r="1.5" fill="#BDBDBD"/></g><circle cx="106.5" cy="90.8" r="1.5" fill="#9E9E9E"/><defs><circle id="SVGifROfcIx" cx="106.5" cy="90.8" r="1.5"/></defs><clipPath id="SVGTEpMBdzE"><use href="#SVGifROfcIx"/></clipPath><g clip-path="url(#SVGTEpMBdzE)"><circle cx="106.5" cy="90.2" r="1.5" fill="#BDBDBD"/></g><circle cx="106.5" cy="80.1" r="1.5" fill="#9E9E9E"/><defs><circle id="SVGZS85JcEl" cx="106.5" cy="80.1" r="1.5"/></defs><clipPath id="SVGT95flckK"><use href="#SVGZS85JcEl"/></clipPath><g clip-path="url(#SVGT95flckK)"><circle cx="106.5" cy="79.5" r="1.5" fill="#BDBDBD"/></g><circle cx="21.7" cy="60.4" r="1.5" fill="#9E9E9E"/><defs><circle id="SVG0OnBid9o" cx="21.7" cy="60.4" r="1.5"/></defs><clipPath id="SVG5CenrbkR"><use href="#SVG0OnBid9o"/></clipPath><g clip-path="url(#SVG5CenrbkR)"><circle cx="21.7" cy="59.8" r="1.5" fill="#BDBDBD"/></g><circle cx="21.7" cy="49.6" r="1.5" fill="#9E9E9E"/><defs><circle id="SVG5cu7veYI" cx="21.7" cy="49.6" r="1.5"/></defs><clipPath id="SVG2LP5qbfV"><use href="#SVG5cu7veYI"/></clipPath><g clip-path="url(#SVG2LP5qbfV)"><circle cx="21.7" cy="49" r="1.5" fill="#BDBDBD"/></g><circle cx="21.7" cy="90.8" r="1.5" fill="#9E9E9E"/><defs><circle id="SVGUmCFPCfH" cx="21.7" cy="90.8" r="1.5"/></defs><clipPath id="SVGLxiFgGzD"><use href="#SVGUmCFPCfH"/></clipPath><g clip-path="url(#SVGLxiFgGzD)"><circle cx="21.7" cy="90.2" r="1.5" fill="#BDBDBD"/></g><circle cx="21.7" cy="80.1" r="1.5" fill="#9E9E9E"/><defs><circle id="SVG1hz8lcXP" cx="21.7" cy="80.1" r="1.5"/></defs><clipPath id="SVGluQNxeLw"><use href="#SVG1hz8lcXP"/></clipPath><g clip-path="url(#SVGluQNxeLw)"><circle cx="21.7" cy="79.5" r="1.5" fill="#BDBDBD"/></g></svg>

Как использовать иконку Construction

React

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

<Icon icon="noto:construction" width="24" />

Vue

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

<template>
  <Icon icon="noto:construction" width="24" />
</template>

Svelte

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

<Icon icon="noto:construction" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--construction]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:construction"></div>

Веб-компонент

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

<iconify-icon icon="noto:construction"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/noto/construction.svg" alt="Иконка Construction" width="24" height="24">

Иконка Construction в других наборах

Вопросы и ответы: Иконка Construction

Можно ли бесплатно использовать иконку Construction в коммерческих проектах?

Да. Noto Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Construction в React?

Установите @iconify/react и выведите <Icon icon="noto:construction" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Construction на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/noto/construction.svg" alt="Иконка Construction">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Noto Emoji →