Siemens アイコン
cib:siemens
Siemens アイコン(cib:siemens)は、CoreUI Brands セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 32 × 32 のグリッドで描かれています。 CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Brands
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC0-1.0
- サイズ
- 32 × 32
- タグ
- siemen
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M.115 18.349v-.964q.82.259 1.453.26c.583 0 .869-.156.869-.463a.36.36 0 0 0-.125-.287q-.126-.126-.667-.344c-.635-.265-1.057-.489-1.249-.677a1.26 1.26 0 0 1-.38-.927c0-.479.187-.849.552-1.099c.359-.251.839-.376 1.416-.376q.483-.001 1.396.177v.923a3.4 3.4 0 0 0-1.26-.267q-.819-.002-.817.448c0 .115.052.204.167.276q.131.084.749.365q.89.39 1.188.687c.239.235.364.563.353.896c.016.5-.249.969-.687 1.209c-.376.224-.855.339-1.448.339a6.4 6.4 0 0 1-1.511-.177zm4.412-4.792h1.359v4.869H4.527zm2.604 4.87v-4.869h3.489v.88H8.443v1.104h1.896v.803H8.443v1.151h2.235v.932zm4.437 0v-4.869h1.76l1.224 3.115l1.255-3.115h1.677v4.869h-1.291v-3.448l-1.428 3.495h-.844l-1.395-3.495v3.448h-.964zm7.161 0v-4.869h3.484v.88h-2.172v1.104h1.891v.803h-1.891v1.151h2.235v.932zm4.443 0v-4.869h1.573l1.671 3.26v-3.255h.959v4.864h-1.536l-1.713-3.301v3.301zm5.167-.078v-.964q.811.259 1.453.26c.583 0 .869-.156.869-.463a.37.37 0 0 0-.12-.287q-.132-.126-.672-.344c-.635-.26-1.057-.484-1.249-.677a1.25 1.25 0 0 1-.38-.932c0-.479.181-.844.552-1.093c.359-.251.833-.376 1.411-.376q.498 0 1.276.157l.12.02v.923a3.4 3.4 0 0 0-1.26-.267c-.541 0-.817.147-.817.448c0 .115.057.204.167.276c.088.052.339.177.76.365q.883.39 1.183.687c.239.235.364.563.348.896q.001.796-.676 1.209c-.381.224-.86.339-1.453.339a6.8 6.8 0 0 1-1.511-.177z"/></svg>Siemens アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:siemens" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:siemens" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:siemens" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--siemens]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:siemens"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:siemens"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/siemens.svg" alt="Siemens アイコン" width="24" height="24">他のアイコンセットの Siemens アイコン
Siemens アイコン のよくある質問
Siemens アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Siemens アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:siemens" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Siemens アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/siemens.svg" alt="Siemens アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。