Government Building 1 icon
streamline-plump-color:government-building-1
The Government Building 1 icon (streamline-plump-color:government-building-1) is a free SVG icon from the Plump color icons set by Streamline. It is drawn on a 48 × 48 grid. Plump color icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Plump color icons
- Author
- Streamline
- License
- CC-BY-4.0
- Size
- 48 × 48
- Category
- MapTravel
- Tags
- governmentbuilding
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#8fbffa" d="M12.119 45s-.438-23.96.368-32.956a3.43 3.43 0 0 1 .758-1.88C16.927 5.668 22.132 3 23.872 3s7.173 2.668 10.882 7.165c.442.536.697 1.188.76 1.88c.805 8.994.367 32.955.367 32.955z"/><path fill="#fff" d="M12.195 17.18c-.388 10.721-.077 27.787-.076 27.82H5V31.6c0-4.833.12-8.42.236-10.764a3.68 3.68 0 0 1 3.524-3.515c.94-.047 2.082-.096 3.435-.141m23.61 0c.388 10.732.076 27.82.076 27.82h7.118V31.6c0-4.833-.12-8.42-.236-10.764a3.68 3.68 0 0 0-3.524-3.515a214 214 0 0 0-3.434-.141M21 12a3 3 0 1 0 6 0a3 3 0 1 0-6 0m3 21c-2.21 0-4 1.79-4 3.999V45h8v-8.001C28 34.789 26.21 33 24 33"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M12.119 45s-.438-23.96.368-32.956a3.43 3.43 0 0 1 .758-1.88C16.927 5.668 22.132 3 23.872 3s7.173 2.668 10.882 7.165c.442.536.697 1.188.76 1.88c.805 8.994.367 32.955.367 32.955"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M12.195 17.18q-2.028.07-3.435.14a3.68 3.68 0 0 0-3.524 3.516C5.12 23.18 5 26.767 5 31.6V45m30.805-27.82q2.027.07 3.434.14a3.68 3.68 0 0 1 3.524 3.516c.116 2.343.236 5.931.236 10.763V45M21 12a3 3 0 1 0 6 0a3 3 0 1 0-6 0m7 33v-8.001C28 34.789 26.21 33 24 33s-4 1.79-4 3.999V45m0-26v2m0 5v2m8-9v2m0 5v2m17 17H3"/></g></svg>How to use the Government Building 1 icon
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:government-building-1" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:government-building-1" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:government-building-1" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--government-building-1]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:government-building-1"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:government-building-1"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/government-building-1.svg" alt="Government Building 1 icon" width="24" height="24">Related icons in Plump color icons
Government Building 1 icon in other icon sets
Government Building 1 icon FAQ
Is the Government Building 1 icon free for commercial use?
Yes. Plump color icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Government Building 1 icon in React?
Install @iconify/react and render <Icon icon="streamline-plump-color:government-building-1" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Government Building 1 icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/government-building-1.svg" alt="Government Building 1 icon">, or paste the SVG code inline to style it with CSS.