Workplace icon

logos:workplace

The Workplace icon (logos:workplace) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 101 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 101

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="101" viewBox="0 0 512 101"><path fill="#4326c4" d="M368.577 15.225h-9.919v54.828h9.92V15.225m88.184 40.425c-.956 3.994-4.596 6.596-9.283 6.596c-6.917 0-10.693-5.25-10.693-12.249s3.686-12.249 10.556-12.249c4.687 0 8.6 2.872 9.328 6.82l9.42-2.378c-1.957-7.851-9.692-12.877-19.02-12.877c-12.65 0-20.613 9.198-20.613 20.64c0 11.44 7.963 20.638 20.613 20.638c9.51 0 16.88-5.16 19.11-12.607zm45.729 1.032c-1.047 3.814-4.368 5.878-9.419 5.878c-6.279 0-10.465-4.128-11.194-10.544h29.94c.091-.807.183-1.974.183-3.32c0-9.512-6.143-19.293-19.748-19.293c-13.286 0-19.884 9.916-19.884 20.504c0 10.5 7.417 20.819 20.703 20.819c9.055 0 16.108-4.487 18.52-11.666zm-10.238-20.01c5.87 0 9.419 3.813 9.828 8.883h-19.974c1.045-6.012 4.595-8.883 10.146-8.883m-182.19 48.142h9.829V65.656c2.275 3.096 6.597 5.025 11.511 5.025c11.922 0 19.566-8.435 19.566-20.639c0-12.249-7.19-20.639-18.838-20.639c-5.414 0-9.828 2.243-12.24 5.653l-1.865-5.025h-7.963zm20.203-22.568c-6.69 0-11.057-4.846-11.057-12.249s4.368-12.249 11.057-12.249c6.507 0 10.875 4.846 10.875 12.25c0 7.402-4.368 12.248-10.875 12.248m66.432 8.435c5.097 0 9.738-2.154 11.694-5.34l1.866 4.667h8.009V29.986h-8.009l-1.866 4.532c-2.32-3.096-6.779-5.16-11.83-5.16c-12.103 0-19.156 8.435-19.156 20.64c0 12.248 7.053 20.683 19.292 20.683m1.411-8.435c-6.506 0-10.875-4.846-10.875-12.249s4.369-12.249 10.875-12.249c6.69 0 11.057 4.846 11.057 12.25c0 7.402-4.414 12.248-11.057 12.248m-259.407 4.621l8.51-23.78l8.371 23.69c1.82 5.205 9.283 5.25 11.194.09l13.605-36.88h-9.828l-9.465 27.907l-8.236-24.453c-1.82-5.429-9.6-5.429-11.42 0l-8.237 24.453l-9.373-27.908h-9.874l13.788 36.971c1.865 5.025 9.145 4.98 10.965-.09m64.932 3.77c12.33 0 21.203-8.75 21.203-20.64c0-11.934-8.872-20.639-21.203-20.639c-12.422 0-21.25 8.75-21.25 20.64c0 11.889 8.828 20.638 21.25 20.638m0-8.436c-6.78 0-11.285-5.025-11.285-12.249c0-7.223 4.505-12.248 11.285-12.248c6.688 0 11.193 5.025 11.193 12.248c0 7.269-4.505 12.25-11.193 12.25m53.829-23.33v-9.288c-.956-.135-1.957-.18-2.958-.18c-5.415 0-9.828 2.243-12.24 5.653l-1.865-5.025h-7.964v40.022h9.829v-20.01c0-4.308 1.183-7.898 4.14-10.006c2.504-1.84 6.144-2.468 11.058-1.167m17.199-23.646h-9.919v54.828h9.919V15.225m27.665 14.761H290.86L280.122 44.21c-2.64 3.455-2.549 8.256.136 11.666l11.285 14.178h12.149l-16.973-20.325zM93.94 43.939C93.94 19.655 74.248 0 50 0c-6.722 0-13.298 1.323-19.434 3.968A49.8 49.8 0 0 0 14.66 14.695c-4.593 4.556-8.193 9.92-10.728 15.871C1.323 36.738 0 43.278 0 50.038s1.323 13.299 3.931 19.47A50.1 50.1 0 0 0 14.659 85.38a50.2 50.2 0 0 0 15.907 10.728c6.136 2.608 12.712 3.93 19.472 3.93c6.502 0 12.711-1.25 18.405-3.49l-3.784-9.552a39.4 39.4 0 0 1-14.621 2.792c-10.618 0-20.61-4.151-28.105-11.646c-7.495-7.494-11.646-17.487-11.646-28.104s4.151-20.61 11.646-28.105c7.531-7.495 17.487-11.646 28.105-11.646c18.59 0 33.652 15.062 33.652 33.652a33.54 33.54 0 0 1-5.584 18.553l-8.744-21.529c-1.286-3.16-2.829-7.899-8.634-7.899s-7.347 4.776-8.596 7.9l-8.046 19.875l-10.801-27.26H21.933l13.446 33.138c1.36 3.343 2.866 7.898 8.707 7.898s7.31-4.555 8.67-7.898l7.972-19.692l8.01 19.692c1.616 4.078 3.343 7.898 8.67 7.898c3.784 0 6.172-2.424 7.494-4.004a43.74 43.74 0 0 0 9.038-26.672"/></svg>

How to use the Workplace icon

React

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

<Icon icon="logos:workplace" width="24" />

Vue

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

<template>
  <Icon icon="logos:workplace" width="24" />
</template>

Svelte

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

<Icon icon="logos:workplace" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="logos:workplace"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/workplace.svg" alt="Workplace icon" width="24" height="24">

Related icons in SVG Logos

Workplace icon in other icon sets

Workplace icon FAQ

Is the Workplace icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Workplace icon in React?

Install @iconify/react and render <Icon icon="logos:workplace" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Workplace icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/workplace.svg" alt="Workplace icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →