Construction Worker アイコン

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

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

streamline-emojis:construction-worker

Construction Worker アイコン(streamline-emojis:construction-worker)は、Streamline Emojis セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Streamline Emojis icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Streamline Emojis
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 48 × 48
カテゴリ: スマイリー・人物
タグ: constructionworker

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M8.4 45.33a15.6 1.67 0 1 0 31.2 0a15.6 1.67 0 1 0-31.2 0" opacity=".15"/><path fill="#ffda8f" d="M5.91 23.72a18.09 18.09 0 1 0 36.18 0a18.09 18.09 0 1 0-36.18 0"/><path fill="#ffbe3d" d="M24 5.64a18.09 18.09 0 1 0 18.09 18.08A18.08 18.08 0 0 0 24 5.64m0 33.46a16.51 16.51 0 1 1 16.51-16.51A16.51 16.51 0 0 1 24 39.1"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M5.91 23.72a18.09 18.09 0 1 0 36.18 0a18.09 18.09 0 1 0-36.18 0"/><path fill="#ffe9bd" d="M37.11 32.26c0 .75-1 1.36-2.26 1.36s-2.26-.61-2.26-1.36s1-1.36 2.26-1.36s2.26.61 2.26 1.36m-26.22 0a2.26 1.36 0 1 0 4.52 0a2.26 1.36 0 1 0-4.52 0"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M16.17 26.51a1.67 1.67 0 0 1-3.34 0m19 0a1.67 1.67 0 1 0 3.34 0m-13.12 10.2h3.9"/><path fill="#ffe500" d="M5.3 20.2a18.7 18.7 0 0 1 37.4 0Z"/><path fill="#fff48c" d="M24 5.7a18.72 18.72 0 0 1 18.23 14.5h.47a18.7 18.7 0 0 0-37.4 0h.47A18.72 18.72 0 0 1 24 5.7"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M5.3 20.2a18.7 18.7 0 0 1 37.4 0Z"/><path fill="#ffe500" d="M3.25 19a1.67 1.67 0 0 1 2-1.64A93.3 93.3 0 0 0 24 19.3a93.3 93.3 0 0 0 18.72-2a1.67 1.67 0 0 1 2 1.64v1.39a1.74 1.74 0 0 1-1.38 1.71A100 100 0 0 1 24 24.2a100 100 0 0 1-19.37-2.14a1.74 1.74 0 0 1-1.38-1.71Z"/><path fill="#fff48c" d="M42.72 17.32A93.3 93.3 0 0 1 24 19.3a93.3 93.3 0 0 1-18.72-2a1.67 1.67 0 0 0-2 1.64v1.39a1.6 1.6 0 0 0 .08.44a1.66 1.66 0 0 1 2-1.17a93.3 93.3 0 0 0 18.64 2a93.3 93.3 0 0 0 18.72-2a1.66 1.66 0 0 1 2 1.17a1.6 1.6 0 0 0 .08-.44V19a1.67 1.67 0 0 0-2.08-1.68"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M3.25 19a1.67 1.67 0 0 1 2-1.64A93.3 93.3 0 0 0 24 19.3a93.3 93.3 0 0 0 18.72-2a1.67 1.67 0 0 1 2 1.64v1.39a1.74 1.74 0 0 1-1.38 1.71A100 100 0 0 1 24 24.2a100 100 0 0 1-19.37-2.14a1.74 1.74 0 0 1-1.38-1.71Z"/><path fill="#6dd627" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M28.21 9.26h-2.09v-2.1A1.12 1.12 0 0 0 25 6.05h-2a1.12 1.12 0 0 0-1.12 1.11v2.1h-2.09a1.1 1.1 0 0 0-1.11 1.11v2a1.11 1.11 0 0 0 1.11 1.11h2.09v2.09A1.12 1.12 0 0 0 23 16.7h2a1.12 1.12 0 0 0 1.12-1.12v-2.09h2.09a1.11 1.11 0 0 0 1.11-1.11v-2a1.1 1.1 0 0 0-1.11-1.12"/></svg>

Construction Worker アイコンの使い方

React

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

<Icon icon="streamline-emojis:construction-worker" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:construction-worker" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:construction-worker" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="streamline-emojis:construction-worker"></iconify-icon>

HTML 画像

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

Streamline Emojis の関連アイコン

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

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

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

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

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

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

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

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

Streamline Emojis アイコンをすべて見る →