Construction アイコン

Q: Construction アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:construction

Construction アイコン(openmoji:construction)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: 旅行・場所

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fff" d="M15.35 59.08h-1.779c-.684 0-1.238-.578-1.238-1.291v-34.83c0-.713.554-1.291 1.238-1.291h1.779c.684 0 1.238.578 1.238 1.291v34.83c0 .713-.554 1.291-1.238 1.291m43.11 0h-1.779c-.684 0-1.238-.713-1.238-1.593v-32.97c0-.88.554-1.593 1.238-1.593h1.779c.684 0 1.238.713 1.238 1.593v32.97c0 .88-.555 1.593-1.238 1.593"/><path fill="#fcea2b" d="M7.45 43.47h7.743L7.45 51.213z"/><path fill="#3f3f3f" d="M15.19 43.47h12.34l-7.743 7.743l-12.34-.058z"/><path fill="#fcea2b" d="M27.48 43.47h12.34l-7.743 7.743h-12.29z"/><path fill="#3f3f3f" d="M39.82 43.47h12.34l-7.743 7.743h-12.34z"/><path fill="#fcea2b" d="m52.16 43.47l11.89-.184l-7.918 7.951H44.368z"/><path fill="#3f3f3f" d="M64.008 43.332v7.612h-7.612z"/><path fill="#fcea2b" d="m7.95 28.33l7.646-.034l-7.646 7.646z"/><path fill="#3f3f3f" d="M15.6 28.3h11.94l-7.695 7.646H7.955z"/><path fill="#fcea2b" d="M27.48 28.3h12.34l-7.743 7.743h-12.29z"/><path fill="#3f3f3f" d="M39.82 28.3h12.34l-7.743 7.743h-12.34z"/><path fill="#fcea2b" d="m52.16 28.3l10.908-.007l-.015 1.05l-6.615 6.603l-12.02.098z"/><path fill="#3f3f3f" d="M64.05 28.33v7.612h-7.612z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M12.74 42.72v-6.348M16.92 50.9v6.509c0 .672-.545 1.217-1.217 1.217h-1.748a1.217 1.217 0 0 1-1.217-1.217v-6.071M16.92 36.37v6.348M12.74 28.24v-5.907m4.181 0v5.812M55.1 43.29v-6.921m4.18 14.971v6.071c0 .672-.545 1.217-1.217 1.217h-1.748a1.217 1.217 0 0 1-1.217-1.217V51.34m4.182-14.97v5.969M55.1 28.03v-5.891m4.181 0v5.796M7.95 28.33h56.1v7.612H7.95z"/><path d="M7.95 43.29h56.1v7.612H7.95z"/><circle cx="14.83" cy="17.97" r="4.594"/><circle cx="57.19" cy="17.97" r="4.594"/></g><g fill="#f4aa41" stroke="#e27022" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="14.835" cy="17.966" r="4.594"/><circle cx="57.185" cy="17.966" r="4.594"/></g></svg>

Construction アイコンの使い方

React

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

<Icon icon="openmoji:construction" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:construction" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:construction" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="openmoji:construction"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/construction.svg" alt="Construction アイコン" width="24" height="24">

OpenMoji の関連アイコン

他のアイコンセットの Construction アイコン

Construction アイコンのよくある質問

Construction アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Construction アイコンを使うには?

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

Construction アイコンをウェブページに追加するには?

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

OpenMoji アイコンをすべて見る →