Inductiveautomation アイコン
simple-icons:inductiveautomation
Inductiveautomation アイコン(simple-icons:inductiveautomation)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.72 11.998c0-.616-2.647-4.598-2.647-4.598c-.21-.362-.885-.362-1.507-.001s-.956.947-.745 1.31l.294.506l.821 1.425H9.004l-1.43-.002c-.418 0-.758.61-.76 1.36v.004c.002.75.342 1.36.76 1.36l1.43-.001h3.932l-.82 1.424l-.295.507c-.21.362.123.949.745 1.31c.622.36 1.297.36 1.507-.002c0 0 2.647-3.982 2.647-4.598zM12 19.473a7.472 7.472 0 1 1 0-14.945a7.472 7.472 0 1 1 0 14.945M21.937 12q0-.483-.046-.955L24 9.63a12 12 0 0 0-.42-1.577l-2.534-.172a10 10 0 0 0-.958-1.655l1.116-2.274a12 12 0 0 0-1.156-1.157L17.773 3.91a10 10 0 0 0-1.656-.958L15.945.419A12 12 0 0 0 14.37 0l-1.415 2.108a10 10 0 0 0-1.912 0L9.631 0A12 12 0 0 0 8.05.422l-.17 2.531a10 10 0 0 0-1.657.958L3.95 2.795q-.616.54-1.156 1.157l1.119 2.274a10 10 0 0 0-.959 1.655L.42 8.053A12 12 0 0 0 0 9.63l2.109 1.413a10 10 0 0 0 0 1.913L0 14.369a12 12 0 0 0 .42 1.579l2.534.17q.402.877.959 1.653l-1.12 2.275q.542.618 1.16 1.158l2.274-1.117c.517.368 1.07.69 1.654.957l.17 2.534c.513.173 1.038.317 1.578.422l1.415-2.11c.315.029.632.048.956.048c.321 0 .642-.02.957-.049L14.372 24a12 12 0 0 0 1.573-.422l.172-2.534c.584-.267 1.14-.589 1.657-.957l2.274 1.117q.616-.539 1.156-1.156l-1.115-2.274q.556-.777.957-1.656l2.532-.17a12 12 0 0 0 .422-1.58l-2.108-1.412a10 10 0 0 0 .045-.956m.658 6.056c.113 0 .315.021.315-.126c0-.094-.125-.111-.225-.111h-.246v.237zm.432.555h-.156l-.276-.425h-.155v.425h-.13v-.922h.401c.167 0 .329.045.329.243c0 .182-.126.25-.292.254zm.314-.457a.72.72 0 0 0-.716-.712a.72.72 0 0 0-.717.712c0 .398.33.715.717.715a.72.72 0 0 0 .716-.715m-1.563 0c0-.468.373-.841.847-.841a.84.84 0 0 1 .847.841a.84.84 0 0 1-.847.844a.84.84 0 0 1-.847-.844"/></svg>Inductiveautomation アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:inductiveautomation" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:inductiveautomation" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:inductiveautomation" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--inductiveautomation]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:inductiveautomation"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:inductiveautomation"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/inductiveautomation.svg" alt="Inductiveautomation アイコン" width="24" height="24">Inductiveautomation アイコン のよくある質問
Inductiveautomation アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Inductiveautomation アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:inductiveautomation" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Inductiveautomation アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/inductiveautomation.svg" alt="Inductiveautomation アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。