Иконка Office Building

emojione-v1:office-building

Иконка Office Building (emojione-v1:office-building) — бесплатная SVG-иконка из набора Emoji One (v1) от Emoji One. Она нарисована на сетке 64 × 64. Emoji One (v1) icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Emoji One (v1)
Автор: Emoji One
Лицензия: CC-BY-SA-4.0
Размер: 64 × 64
Категория: Путешествия
Теги: officebuilding

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="#b6a7a1"><path d="M28.886 21.15v42.097c0 .346.241.636.529.636h34.04c.288 0 .529-.29.529-.636V21.15a.67.67 0 0 0-.143-.436l-.014-.011s-.008-.013-.019-.019a.44.44 0 0 0-.354-.173h-34.04c-.287 0-.528.293-.528.639"/><path d="M.1 21.15v42.097c0 .346.241.636.529.636h34.04c.288 0 .529-.29.529-.636V21.15a.66.66 0 0 0-.143-.436l-.013-.011s-.009-.013-.018-.019a.45.45 0 0 0-.356-.173H.628c-.287 0-.528.293-.528.639"/></g><path fill="#5697a2" d="M2.237 31.107h11.479c.094 0 .184-.039.184-.077v-4.869c0-.042-.089-.075-.184-.075H2.237a.3.3 0 0 0-.126.023v.004c-.026.015-.049.028-.049.047v4.87c0 .039.075.077.175.077m.007 8.196h11.785c.094 0 .188-.039.188-.077v-4.868c0-.042-.094-.077-.188-.077H2.245a.3.3 0 0 0-.137.025v.004s-.045.026-.045.047v4.868c0 .039.074.078.181.078m.051 7.063h15.114c.12 0 .239-.038.239-.076v-4.87c0-.043-.12-.074-.239-.074H2.295a.5.5 0 0 0-.171.023v.004c-.03.015-.062.028-.062.047v4.871c0 .037.1.075.233.075m-.026 8.201h13.262c.104 0 .209-.038.209-.077v-4.869c0-.043-.104-.075-.209-.075H2.269a.4.4 0 0 0-.151.023v.005c-.028.015-.056.027-.056.047v4.87c0 .038.087.076.207.076M51.56 31.742h10.425c.079 0 .16-.039.16-.077v-4.869c0-.043-.081-.075-.16-.075H51.56a.3.3 0 0 0-.121.023v.004c-.018.015-.039.028-.039.047v4.87c0 .039.066.077.16.077m-2.2 8.2h12.587c.099 0 .199-.038.199-.076v-4.87c0-.042-.101-.075-.199-.075H49.36a.4.4 0 0 0-.141.023v.004c-.025.015-.051.028-.051.047v4.871c0 .038.079.076.192.076m-3.99 7.06h16.52c.13 0 .261-.038.261-.077v-4.869c0-.043-.131-.075-.261-.075H45.377a.7.7 0 0 0-.188.023v.005c-.034.015-.066.027-.066.047v4.87c0 .038.103.076.253.076m2.685 8.203H61.93c.111 0 .222-.039.222-.077v-4.869c0-.043-.11-.075-.222-.075H48.062a.5.5 0 0 0-.158.023v.004c-.029.016-.055.028-.055.048v4.87c0 .037.086.076.212.076"/><path fill="#d4c8c3" d="M11.812 3.493v59.47c0 .493.277.901.606.901h39.098c.329 0 .604-.408.604-.901V3.493c0-.267-.062-.472-.16-.615l-.018-.017c0-.015-.008-.017-.021-.026a.47.47 0 0 0-.406-.243H12.418c-.329 0-.606.41-.606.901"/><path fill="#9a535f" d="M26.542 63.882h11.083c.087 0 .168-.056.168-.126v-7.963c0-.068-.081-.122-.168-.122H26.543a.2.2 0 0 0-.115.037l-.004.004h-.004c-.023.023-.049.051-.049.081v7.962c0 .071.082.127.171.127"/><path fill="#86a7ac" d="M27.923 59.942h1.925s.03-.017.03-.034V57.73c0-.019-.017-.034-.017-.034h-1.938s-.019.005-.021.011v.003s-.008.013-.008.021v2.178c0 .016 0 .033.029.033"/><path fill="#6cb5c6" d="M14.418 19.067h34.428c.273 0 .547-.049.547-.096v-6.093c0-.053-.273-.094-.547-.094H14.418c-.135 0-.301.001-.382.03v.004c-.068.019-.137.036-.137.06v6.093c0 .046.218.096.519.096m0 10.255h34.428c.273 0 .547-.049.547-.096v-6.093c0-.054-.273-.094-.547-.094H14.418c-.135 0-.301.011-.382.03v.006c-.068.017-.137.034-.137.058v6.093c0 .047.218.096.519.096m.316 8.968h34.438c.273 0 .546-.049.546-.096v-6.093c0-.053-.272-.094-.546-.094H14.739a2 2 0 0 0-.382.03v.004c-.066.019-.134.036-.134.06v6.093c0 .047.219.096.516.096m-.005 10.256h34.438c.273 0 .546-.049.546-.096v-6.093c0-.054-.272-.094-.546-.094H14.739a2.3 2.3 0 0 0-.382.029v.007c-.066.017-.134.034-.134.058v6.093c0 .047.219.096.516.096"/><path fill="#86a7ac" d="M34.23 59.942h1.928c.013 0 .03-.017.03-.034V57.73c0-.019-.018-.034-.03-.034H34.23s-.015.005-.02.011v.003s-.008.013-.008.021v2.178c0 .016.013.033.028.033"/></svg>

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

React

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

<Icon icon="emojione-v1:office-building" width="24" />

Vue

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

<template>
  <Icon icon="emojione-v1:office-building" width="24" />
</template>

Svelte

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

<Icon icon="emojione-v1:office-building" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--office-building]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:office-building"></div>

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

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

<iconify-icon icon="emojione-v1:office-building"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/emojione-v1/office-building.svg" alt="Иконка Office Building" width="24" height="24">

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

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

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

Да. Emoji One (v1) icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.

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

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

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

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

Все Иконки Emoji One (v1) →