Rotate 90 Right アイコン
ix:rotate-90-right
Rotate 90 Right アイコン(ix:rotate-90-right)は、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
- タグ
- rotateright
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M246.868 319.998q27.587 0 41.736 15.982q13.64 15.473 13.64 45.502q0 28.91-10.281 50.898q-10.281 21.886-30.335 30.946q-13.335 6.006-33.287 6.006q-11.809 0-26.365-2.545l3.156-26.772q12.52 3.867 22.903 3.868q19.545 0 29.928-12.623q8.348-10.077 9.467-25.449q-13.54 12.623-31.556 12.623q-20.868 0-32.778-12.724Q192 393.698 192 371.914q0-23.21 12.724-36.443q14.862-15.473 42.144-15.473m137.799-.206q32.981 0 46.927 25.245q9.365 17.102 9.365 49.472q0 35.425-11.502 52.832q-14.354 21.784-44.79 21.784q-32.88 0-46.928-25.245q-9.365-17-9.365-50.287q0-34.61 11.503-52.017q14.354-21.784 44.79-21.784m0 25.449q-12.114 0-17.967 11.91t-5.853 36.748q0 25.754 5.7 37.562q5.904 12.216 18.12 12.215q12.215 0 18.017-11.96q5.803-11.96 5.803-37.207q0-25.347-5.599-37.053q-5.904-12.215-18.221-12.215m-138.003-.608q-10.485 0-16.44 6.871t-5.955 18.883q0 11.095 5.65 17.203q5.649 6.108 15.931 6.108q11.706 0 18.526-8.042q5.395-6.312 5.395-15.88q0-12.012-6.107-18.425q-6.312-6.718-17-6.718m158.86-302.14v127.999h-128v-42.666l53.095-.017a129 129 0 0 0-4.748-5.007c-49.987-49.987-131.032-49.987-181.019 0c-49.896 49.896-49.987 130.738-.272 180.747l-30.169 30.171l-3.43-3.545c-62.924-66.896-61.69-172.151 3.701-237.543c66.65-66.65 174.71-66.65 241.359 0a173 173 0 0 1 6.843 7.247l-.027-57.387z"/></svg>Rotate 90 Right アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ix:rotate-90-right" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:rotate-90-right" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:rotate-90-right" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--rotate-90-right]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:rotate-90-right"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:rotate-90-right"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ix/rotate-90-right.svg" alt="Rotate 90 Right アイコン" width="24" height="24">Siemens Industrial Experience Icons の関連アイコン
Rotate 90 Right アイコン のよくある質問
Rotate 90 Right アイコンは商用利用でも無料ですか?
はい。Siemens Industrial Experience Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Rotate 90 Right アイコンを使うには?
@iconify/react をインストールして <Icon icon="ix:rotate-90-right" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rotate 90 Right アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ix/rotate-90-right.svg" alt="Rotate 90 Right アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。