Siemens アイコン
simple-icons:siemens
Siemens アイコン(simple-icons:siemens)は、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
- タグ
- siemen
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M1.478 10.016q.361 0 1.046.14v.726a2.5 2.5 0 0 0-.946-.213q-.615 0-.615.354q0 .132.124.216q.103.067.568.286q.67.312.89.541q.264.273.264.705q0 .621-.516.949q-.418.264-1.085.264q-.563 0-1.133-.139v-.755q.615.203 1.09.203q.655 0 .655-.362a.3.3 0 0 0-.095-.227q-.098-.097-.5-.27q-.722-.312-.94-.53a1 1 0 0 1-.284-.73q0-.566.413-.864q.408-.294 1.064-.294m21.19 0q.37 0 .956.123l.09.016v.727a2.5 2.5 0 0 0-.948-.213q-.613 0-.612.354q0 .132.123.216q.099.065.57.286q.665.312.889.541q.264.273.264.705q0 .621-.514.949q-.42.264-1.087.264q-.564 0-1.134-.139v-.755q.61.203 1.09.203q.655 0 .655-.362q0-.135-.092-.227q-.098-.098-.503-.27q-.72-.308-.94-.53a1 1 0 0 1-.284-.732q0-.564.413-.862q.408-.294 1.064-.294m-12.674.066l.92 2.444l.942-2.444h1.257v3.825h-.968v-2.708l-1.072 2.747h-.632l-1.052-2.747v2.708H8.67v-3.825zm-5.587 0v3.825H3.386v-3.825zm3.554 0v.692H6.327v.864H7.75v.63H6.327v.908h1.677v.73h-2.66v-3.824zm8.707 0v.692h-1.634v.864h1.422v.63h-1.422v.908h1.677v.73H14.05v-3.824zm1.898 0l1.255 2.56v-2.56h.719v3.825h-1.15l-1.288-2.595v2.595h-.72v-3.825z"/></svg>Siemens アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:siemens" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:siemens" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:siemens" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--siemens]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:siemens"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:siemens"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/siemens.svg" alt="Siemens アイコン" width="24" height="24">他のアイコンセットの Siemens アイコン
Siemens アイコン のよくある質問
Siemens アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Siemens アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:siemens" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Siemens アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/siemens.svg" alt="Siemens アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。