Device Driver アイコン
ix:device-driver
Device Driver アイコン(ix:device-driver)は、Siemens Industrial Experience Icons セットの無料 SVG アイコンです(作者: Siemens AG)。 512 × 512 のグリッドで描かれています。 Siemens Industrial Experience Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Siemens Industrial Experience Icons
- 作者
- Siemens AG
- ライセンス
- MIT
- サイズ
- 512 × 512
- タグ
- devicedriver
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="M213.312 63.979v149.333l-42.645.021l-.007-79.895c-38.684 26.986-63.993 71.819-63.993 122.562c0 25.481 6.382 49.472 17.634 70.461l14.592 27.096l3.163-1.803l23.381-13.546l22.24 15.346a117.4 117.4 0 0 0 16.477 9.49l24.422 11.552l-.019 30.737h52.885l.021-30.737l24.422-11.552a117.4 117.4 0 0 0 16.477-9.49l22.271-15.367l23.396 13.593l3.098 1.799l26.411-45.846l-3.007-1.709l-23.696-13.569l2.396-27.201c.276-3.124.412-6.194.412-9.254s-.136-6.13-.412-9.254l-2.396-27.201l23.696-13.569l3.028-1.731l-26.432-45.824l-3.098 1.799l-23.396 13.593l-22.271-15.367a117.4 117.4 0 0 0-16.477-9.49l-24.422-11.552l-.021-30.737h-46.775V64h89.463v46.387a160 160 0 0 1 22.464 12.941l6.874-3.994l33.273-19.18l19.2 33.235l30.701 53.222l19.2 33.255l-33.235 19.2l-6.874 3.936c.384 4.358.576 8.678.576 12.998s-.192 8.64-.576 12.999l6.874 3.935l33.235 19.2l-19.2 33.255l-30.701 53.222l-19.2 33.235l-33.273-19.18l-6.874-3.994a160 160 0 0 1-22.464 12.941V448H185.909v-46.387a160 160 0 0 1-22.464-12.941l-6.892 3.994l-33.255 19.18l-19.2-33.235l-17.357-32.094C72.202 319.594 64 288.755 64 256c0-60.324 27.82-114.151 71.331-149.35L64 106.667V64zM256 213.333c23.564 0 42.667 19.103 42.667 42.667S279.564 298.667 256 298.667S213.333 279.564 213.333 256s19.103-42.667 42.667-42.667" clip-rule="evenodd"/></svg>Device Driver アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ix:device-driver" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:device-driver" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:device-driver" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--device-driver]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:device-driver"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:device-driver"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ix/device-driver.svg" alt="Device Driver アイコン" width="24" height="24">Siemens Industrial Experience Icons の関連アイコン
Device Driver アイコン のよくある質問
Device Driver アイコンは商用利用でも無料ですか?
はい。Siemens Industrial Experience Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Device Driver アイコンを使うには?
@iconify/react をインストールして <Icon icon="ix:device-driver" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Device Driver アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ix/device-driver.svg" alt="Device Driver アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。