ICONYZ
日本語
Flex free icons の Office Building 1 Solid アイコン

Office Building 1 Solid アイコン

streamline-flex:office-building-1-solid

Office Building 1 Solid アイコン(streamline-flex:office-building-1-solid)は、Flex free icons セットの無料 SVG アイコンです(作者: Streamline)。 14 × 14 のグリッドで描かれています。 Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Flex free icons
作者
Streamline
ライセンス
CC-BY-4.0
サイズ
14 × 14
カテゴリ
仕事・教育
タグ
officebuilding、buildingsolid、officebuildingsolid
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M2.586.244C3.28.114 4.162 0 4.98 0s1.702.115 2.394.244c.937.175 1.579.943 1.689 1.848c.094.772.17 1.627.228 2.521a3.1 3.1 0 0 0-1.08.697c-.694.694-.936 1.6-.936 2.44c0 .749.192 1.548.723 2.204q-.155.105-.303.224a4.63 4.63 0 0 0-1.592 2.476a1.75 1.75 0 0 0 .08 1.096H.75a.75.75 0 0 1-.125-1.49C.43 9.396.532 5.102.898 2.092c.11-.905.751-1.673 1.688-1.848m.526 2.359c0-.346.28-.625.625-.625h2.486a.625.625 0 1 1 0 1.25H3.737a.625.625 0 0 1-.625-.625m.625 1.751a.625.625 0 1 0 0 1.25h2.486a.625.625 0 1 0 0-1.25zm5.357 1.84c.395-.395.944-.569 1.556-.569s1.16.174 1.556.569s.57.944.57 1.556s-.174 1.16-.57 1.556c-.395.395-.944.569-1.556.569s-1.16-.174-1.556-.569c-.395-.395-.569-.944-.569-1.556s.174-1.16.57-1.556m-.615 4.958a3.47 3.47 0 0 1 2.171-.762c.79 0 1.558.269 2.172.762a3.4 3.4 0 0 1 1.163 1.808a.5.5 0 0 1-.363.607c-1.135.286-2.047.434-2.973.433c-.924-.001-1.836-.151-2.97-.432a.5.5 0 0 1-.364-.608a3.4 3.4 0 0 1 1.164-1.808" clip-rule="evenodd"/></svg>

Office Building 1 Solid アイコンの使い方

React

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

<Icon icon="streamline-flex:office-building-1-solid" width="24" />

Vue

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

<template>
  <Icon icon="streamline-flex:office-building-1-solid" width="24" />
</template>

Svelte

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

<Icon icon="streamline-flex:office-building-1-solid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--office-building-1-solid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:office-building-1-solid"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-flex:office-building-1-solid"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-flex/office-building-1-solid.svg" alt="Office Building 1 Solid アイコン" width="24" height="24">

Flex free icons の関連アイコン

他のアイコンセットの Office Building 1 Solid アイコン

Office Building 1 Solid アイコン のよくある質問

Office Building 1 Solid アイコンは商用利用でも無料ですか?

はい。Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Office Building 1 Solid アイコンを使うには?

@iconify/react をインストールして <Icon icon="streamline-flex:office-building-1-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Office Building 1 Solid アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-flex/office-building-1-solid.svg" alt="Office Building 1 Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Flex free icons をすべて見る →