Rotate 180 アイコン
ix:rotate-180
Rotate 180 アイコン(ix:rotate-180)は、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
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M106.15 466.786V356.338l-27.63 17.407L64 349.62l45.679-27.078h27.63v144.244zm88.238-74.847q-12.202-6.108-17.647-13.539t-5.445-18.12q0-18.119 14.218-28.808q14.42-10.688 38.318-10.688t38.318 10.688q14.218 10.69 14.218 28.808q0 10.893-5.294 18.171t-17.798 13.488q11.496 4.682 17.143 10.586q9.075 9.467 9.075 24.126q0 21.885-16.739 33.49q-14.319 9.976-38.923 9.976t-38.923-9.976q-16.739-11.604-16.739-33.49q0-12.725 6.151-20.868q6.151-8.144 20.067-13.844m29.444-10.994l1.815-.407q8.47-2.138 13.815-7.584t5.344-12.165q0-7.329-5.596-11.553q-5.597-4.225-15.378-4.225q-9.681 0-15.327 4.174q-5.647 4.173-5.647 11.299q0 14.556 20.974 20.461m-1.109 23.107q-22.386 6.312-22.386 23.108q0 8.55 6.403 13.64t17.092 5.09q11.293 0 17.647-5.599q5.848-5.191 5.848-13.029q0-16.899-24.604-23.21m126.847-84.055q32.672 0 46.486 25.246q9.277 17.101 9.277 49.472q0 35.424-11.394 52.832q-14.218 21.784-44.369 21.784q-32.57 0-46.485-25.245q-9.277-17-9.277-50.287q0-34.611 11.394-52.017q14.218-21.785 44.368-21.785m0 25.449q-11.999 0-17.797 11.91t-5.798 36.748q0 25.754 5.646 37.563q5.849 12.215 17.949 12.215t17.849-11.961q5.747-11.961 5.747-37.206q0-25.347-5.546-37.053q-5.848-12.216-18.05-12.216M234.667 42.664c94.256 0 170.666 76.41 170.666 170.667l-.021 1.13l38.348-38.336l30.17 30.17l-90.51 90.51l-90.509-90.51l30.17-30.17l39.663 39.63q.023-1.209.023-2.424c0-70.693-57.308-128-128-128s-128 57.307-128 128c0 7.274.607 14.407 1.772 21.35l-43.116.003A172 172 0 0 1 64 213.331c0-94.257 76.41-170.667 170.667-170.667"/></svg>Rotate 180 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ix:rotate-180" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:rotate-180" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:rotate-180" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--rotate-180]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:rotate-180"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:rotate-180"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ix/rotate-180.svg" alt="Rotate 180 アイコン" width="24" height="24">Siemens Industrial Experience Icons の関連アイコン
他のアイコンセットの Rotate 180 アイコン
Rotate 180 アイコン のよくある質問
Rotate 180 アイコンは商用利用でも無料ですか?
はい。Siemens Industrial Experience Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Rotate 180 アイコンを使うには?
@iconify/react をインストールして <Icon icon="ix:rotate-180" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rotate 180 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ix/rotate-180.svg" alt="Rotate 180 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。