Manufacturing Rounded アイコン
material-symbols-light:manufacturing-rounded
Manufacturing Rounded アイコン(material-symbols-light:manufacturing-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
- カテゴリ
- アクション
- タグ
- manufacturingrounded、manufacturing outline rounded
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.242 10q-.473-.106-.889-.33t-.75-.578l-.474.206q-.171.062-.34.014t-.266-.208l-.084-.12q-.098-.165-.077-.342q.02-.176.18-.305l.416-.34q-.166-.48-.166-.997t.166-.996l-.416-.34q-.16-.13-.18-.303q-.021-.174.077-.34l.09-.125q.098-.16.263-.207q.166-.048.337.013l.475.206q.332-.354.749-.578q.416-.224.89-.33l.053-.456q.037-.177.174-.303q.138-.125.315-.125h.13q.177 0 .315.128t.174.306l.054.45q.473.106.889.33t.75.578l.474-.206q.171-.061.34-.013t.266.207l.085.12q.098.165.077.342t-.181.306l-.416.34q.166.479.166.996t-.166.996l.416.34q.16.13.18.304q.022.174-.076.339l-.09.125q-.099.16-.264.208q-.166.048-.337-.014l-.475-.206q-.332.354-.749.578q-.416.224-.89.33l-.053.456q-.037.177-.174.303q-.138.126-.314.126h-.131q-.177 0-.315-.13t-.174-.305zm2.136-1.472q.626-.626.626-1.528t-.626-1.528t-1.528-.626t-1.528.626T4.696 7t.626 1.528t1.528.626t1.528-.626m7.049 11.43q-.675-.073-1.259-.411t-.991-.881l-.527.203q-.2.073-.39.017q-.19-.057-.306-.251l-.102-.168q-.115-.194-.089-.412q.027-.219.21-.351l.443-.343q-.281-.661-.281-1.361t.28-1.362l-.442-.347q-.183-.133-.21-.349t.089-.41l.102-.166q.115-.195.305-.251q.191-.057.391.016l.527.204q.407-.545.991-.882t1.259-.41l.09-.583q.042-.206.203-.343q.16-.136.372-.136h.216q.211 0 .372.136q.16.137.203.342l.09.583q.675.073 1.259.411t.991.882l.527-.204q.2-.073.39-.017q.19.057.306.251l.102.168q.115.194.088.412q-.026.218-.209.351l-.443.342q.282.662.282 1.362t-.281 1.362l.442.348q.183.132.21.348t-.089.41l-.102.166q-.115.195-.305.251q-.191.057-.391-.016l-.527-.203q-.407.544-.991.881t-1.259.41l-.09.584q-.042.205-.203.342q-.16.136-.372.136h-.216q-.211 0-.372-.136q-.16-.137-.203-.342zM16.2 19q1.25 0 2.125-.875T19.2 16t-.875-2.125T16.2 13t-2.125.875T13.2 16t.875 2.125T16.2 19"/></svg>Manufacturing Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:manufacturing-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:manufacturing-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:manufacturing-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--manufacturing-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:manufacturing-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:manufacturing-rounded"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/manufacturing-rounded.svg" alt="Manufacturing Rounded アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Manufacturing Rounded アイコン
Manufacturing Rounded アイコン のよくある質問
Manufacturing Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Manufacturing Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:manufacturing-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Manufacturing Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/manufacturing-rounded.svg" alt="Manufacturing Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。