Engineering アイコン
material-symbols-light:engineering
Engineering アイコン(material-symbols-light:engineering)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- アクティビティ
- タグ
- body、cogs、cogwheel、construction、fixing、gears、hat、helmet、human、maintenance、people、person、setting、worker、social
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M1.916 20.192v-1.646q0-.652.348-1.165t.982-.831q1.217-.611 2.702-.985q1.485-.373 2.968-.373t2.967.373t2.702.985q.634.317.982.83q.349.514.349 1.166v1.646zm4.857-8.088q-.857-.858-.857-2.258h-.212q-.167 0-.276-.109q-.109-.108-.109-.276t.109-.276t.276-.108h.212q.038-.76.319-1.38q.28-.622.911-1.185v.95q0 .167.109.276q.109.108.276.108t.276-.109t.109-.276V6.15q.205-.075.465-.132q.26-.056.535-.056t.534.056t.466.132v1.312q0 .167.108.276q.109.108.276.108t.276-.108t.109-.276v-.95q.65.563.92 1.184q.272.621.31 1.381h.212q.167 0 .276.109q.108.108.108.276t-.108.276t-.276.108h-.212q0 1.4-.857 2.258q-.858.858-2.143.858t-2.142-.858m3.574-.71q.568-.569.568-1.432h-4q0 .863.569 1.431t1.431.569t1.432-.569m6.107 3.453l-.073-.711q-.189-.05-.394-.161t-.349-.255l-.661.289l-.385-.67l.589-.422q-.039-.114-.039-.208v-.406q0-.085.039-.217l-.589-.423l.385-.67l.661.289q.139-.139.346-.252q.208-.113.397-.163l.073-.712h.769l.073.712q.189.05.396.163t.347.252l.661-.289l.385.67l-.589.422q.039.133.039.218v.406q0 .094-.039.207l.589.424l-.385.669l-.662-.289q-.144.144-.349.255q-.205.11-.393.16l-.073.712zm1.025-1.705q.263-.264.263-.641t-.263-.64t-.64-.264t-.641.264t-.264.64t.264.64t.64.264t.64-.263m1.391-3.718l-.085-.78q-.282-.056-.595-.227q-.312-.17-.5-.416l-.743.312l-.43-.739l.657-.48q-.05-.145-.07-.297q-.019-.152-.019-.296t.02-.296t.069-.296l-.658-.481l.431-.738l.742.311q.189-.246.502-.416q.312-.17.595-.226l.084-.781h.862l.084.78q.283.057.595.227q.313.17.501.416l.743-.312l.43.739l-.657.48q.05.145.07.297q.018.152.018.296t-.019.296t-.069.296l.658.481l-.431.739L20.912 8q-.189.246-.501.416q-.313.17-.595.226l-.085.781zm1.405-1.949q.391-.391.391-.974t-.391-.974t-.974-.391t-.974.391t-.392.974t.392.974t.974.392t.974-.392"/></svg>Engineering アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:engineering" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:engineering" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:engineering" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--engineering]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:engineering"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:engineering"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/engineering.svg" alt="Engineering アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Engineering アイコン
Engineering アイコン のよくある質問
Engineering アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Engineering アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:engineering" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Engineering アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/engineering.svg" alt="Engineering アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。