Office Building Glass Window アイコン

Q: Office Building Glass Window アイコンは商用利用でも無料ですか?

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

streamline-freehand-color:office-building-glass-window

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

アイコンセット: Freehand color icons
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: 仕事・オフィス・企業
タグ: officebuilding、buildingglass、glasswindow、officebuildingglasswindow

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#0c6fff" d="M4.035 18.513q2.45.149 4.904.211c.114 4.148.146 4.75.676 4.724c.4-.019.401-.093.412-1.866c.004-.625.008-1.46.033-2.578l.01-.255q1.106.02 2.213.022a14.9 14.9 0 0 0 .04 4.649a.388.388 0 1 0 .777.013c.369-1.53.4-3.121.095-4.663q.98-.004 1.959-.022c.099 4.111.168 4.573.658 4.556c.411-.013.412-.088.431-2.07c.006-.596.014-1.364.034-2.353l.009-.158a142 142 0 0 0 4.456-.187a.404.404 0 0 0 0-.807a144 144 0 0 0-4.4-.184a91 91 0 0 0 .077-3.972a82 82 0 0 1 2.871.077c1.323.054 1.47.06 1.511-.324c.06-.547-1.841-.838-4.393-.96a91 91 0 0 0-.141-3.827l.539.006c1.427.018 2.803.035 3.456.046a.404.404 0 0 0 .048-.804q-2.055-.252-4.117-.396q-.16-2.25-.43-4.49a.388.388 0 1 0-.776.02c0 .093.017 1.994.04 4.397a80 80 0 0 0-5.028-.12a135 135 0 0 0-.284-4.352a.383.383 0 0 0-.766-.002c-.035.762-.053 2.413-.06 4.37q-2.243.047-4.482.22a.383.383 0 0 0 .013.767c1.787.056 2.237.085 2.646.111c.355.023.68.044 1.821.08c-.002 1.302 0 2.68.005 3.986c-2.021.08-3.74.212-4.59.354a.386.386 0 0 0 .084.766c.315-.017 2.24-.01 4.51.005c.007 1.677.017 3.143.025 4.036q-2.445.062-4.886.206a.386.386 0 0 0 0 .768m6.125-5q.005 2.001-.051 4.002q2.508-.042 5.016.003l-.039-3.96a1941 1941 0 0 0-4.926-.045m4.914-1.195l-.036-3.794a349 349 0 0 1-2.542-.038l-2.443-.061q.078 1.954.1 3.91a95 95 0 0 1 4.921-.017"/><path fill="#020202" d="M4.755 3.23c1.257-1.233 3.632-1.325 8.065-1.135c-.01-.69.123-1.366 1.082-1.762a14.4 14.4 0 0 1 4.91-.216c1.717.409 1.897 1.837 1.836 3.465c1.084 1.694.977 5.756.711 15.808l-.089 3.41c.874.018 1.595.043 2.104.075a.403.403 0 1 1-.02.807c-7.576.43-15.169.424-22.743-.018a.383.383 0 0 1 .01-.766c.325-.005 1.354-.02 2.81-.039c.073-3.776.029-6.885-.007-9.441c-.082-5.81-.124-8.763 1.33-10.189m-.546 19.62c4.423-.055 11.789-.127 16.24-.063l-.003-1.995c-.016-13.09-.02-16.21-1.367-16.98c-.422-.24-.975-.251-1.701-.265q-.354-.004-.764-.022q-1.506-.076-2.772-.149c-4.587-.258-6.92-.39-8.115.713C4.49 5.23 4.475 7.697 4.445 12.716c-.016 2.622-.036 5.942-.236 10.133m11.46-20.617q-1.051-.055-1.987-.099c.087-.602.267-.813 1.338-.843c.515-.006.971-.019 1.377-.03c2.021-.058 2.764-.079 3.124.981q.084.25.131.482c-.716-.322-1.683-.38-2.976-.44z"/></g></svg>

Office Building Glass Window アイコンの使い方

React

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

<Icon icon="streamline-freehand-color:office-building-glass-window" width="24" />

Vue

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

<template>
  <Icon icon="streamline-freehand-color:office-building-glass-window" width="24" />
</template>

Svelte

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

<Icon icon="streamline-freehand-color:office-building-glass-window" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--office-building-glass-window]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:office-building-glass-window"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-freehand-color:office-building-glass-window"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/office-building-glass-window.svg" alt="Office Building Glass Window アイコン" width="24" height="24">

Freehand color icons の関連アイコン

他のアイコンセットの Office Building Glass Window アイコン

Office Building Glass Window アイコンのよくある質問

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

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

React で Office Building Glass Window アイコンを使うには?

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

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

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

Freehand color icons をすべて見る →