Engineering Rounded アイコン
material-symbols-light:engineering-rounded
Engineering Rounded アイコン(material-symbols-light:engineering-rounded)は、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、engineering、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 19.385v-.839q0-.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.166v.839q0 .348-.23.577q-.23.23-.578.23H2.723q-.348 0-.578-.23t-.23-.577m4.858-7.281q-.857-.858-.857-2.258h-.212q-.167 0-.276-.108q-.109-.11-.109-.276t.109-.276t.276-.109h.212q.038-.76.319-1.38q.28-.622.911-1.185v.95q0 .167.109.276q.109.108.276.108t.276-.108t.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.07 3.11l-.036-.368q-.189-.05-.394-.161t-.349-.255l-.357.158q-.137.05-.26.01q-.125-.04-.206-.177l-.042-.08q-.08-.13-.053-.266q.028-.137.153-.223l.308-.225q-.039-.114-.039-.208v-.406q0-.085.039-.217l-.308-.225q-.125-.087-.153-.223q-.028-.137.053-.268l.042-.078q.081-.137.205-.177q.124-.041.26.009l.359.158q.138-.139.345-.252q.208-.113.397-.163l.036-.37q.031-.136.137-.24q.106-.102.242-.102h.085q.136 0 .242.103t.136.24l.037.369q.189.05.396.163t.347.252l.357-.158q.137-.05.26-.01q.125.04.206.178l.042.078q.08.131.053.268q-.028.136-.153.223l-.308.225q.039.132.039.217v.406q0 .094-.039.208l.308.225q.125.086.153.223q.028.136-.053.267l-.042.079q-.081.136-.205.177t-.26-.01l-.358-.158q-.145.145-.35.255q-.204.11-.393.16l-.036.37q-.031.137-.137.24t-.242.102h-.085q-.136 0-.242-.103q-.106-.102-.137-.24m1.062-1.362q.263-.264.263-.641t-.263-.64t-.64-.264t-.641.264q-.263.263-.263.64t.263.64t.64.264t.64-.263m1.349-4.095l-.042-.404q-.283-.055-.595-.226q-.313-.17-.501-.416l-.41.175q-.148.056-.287.007t-.225-.191l-.053-.097q-.087-.142-.06-.293q.029-.151.171-.249l.348-.26q-.05-.144-.07-.296q-.018-.152-.018-.296t.019-.296t.069-.296l-.348-.26q-.142-.098-.17-.249t.058-.293l.054-.096q.087-.143.225-.192t.287.007l.41.175q.188-.246.5-.416q.313-.17.596-.226l.042-.404q.03-.154.151-.265q.12-.112.274-.112h.096q.154 0 .274.112q.12.111.151.265l.043.404q.282.056.595.226q.312.17.5.416l.41-.175q.148-.056.287-.007t.225.192l.054.096q.086.142.058.293t-.17.249l-.348.26q.05.144.07.296q.019.152.019.296t-.02.296t-.069.296l.348.26q.142.098.17.249t-.058.293l-.054.096q-.087.143-.225.192t-.287-.007L20.911 8q-.188.246-.5.416q-.313.17-.596.226l-.042.404q-.03.154-.151.266q-.12.111-.274.111h-.096q-.154 0-.274-.111q-.12-.112-.151-.266m1.447-1.572q.391-.391.391-.974t-.391-.974t-.974-.391t-.974.391t-.392.974t.392.974t.974.392t.974-.392"/></svg>Engineering Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:engineering-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:engineering-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:engineering-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--engineering-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:engineering-rounded"></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-rounded"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/engineering-rounded.svg" alt="Engineering Rounded アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Engineering Rounded アイコン
Engineering Rounded アイコン のよくある質問
Engineering Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Engineering Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:engineering-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Engineering Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/engineering-rounded.svg" alt="Engineering Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。