Axes Synchronous アイコン
ix:axes-synchronous
Axes Synchronous アイコン(ix:axes-synchronous)は、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
- タグ
- axessynchronous、axe
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="m347.582 178.975l6.286 32.171c14.071 4.703 26.834 12.375 37.588 22.296l30.326-10.509L448 269.53l-24.015 21.675a110.8 110.8 0 0 1 2.251 22.283c0 7.639-.776 15.093-2.251 22.283L448 357.446l-26.218 46.596l-30.326-10.509c-10.754 9.921-23.517 17.594-37.588 22.296L347.582 448h-52.436l-6.267-32.165c-14.082-4.703-26.856-12.38-37.616-22.31l-30.317 10.517l-26.218-46.596l24.019-21.656a110.8 110.8 0 0 1-2.255-22.302c0-7.64.776-15.094 2.251-22.283l-24.015-21.675l26.218-46.597l30.317 10.517c10.765-9.934 23.545-17.614 37.635-22.316l6.248-32.159zm-26.218 67.257c-36.199 0-65.545 30.111-65.545 67.256s29.346 67.256 65.545 67.256s65.545-30.112 65.545-67.256s-29.346-67.256-65.545-67.256M216.854 64l6.286 32.171c14.071 4.702 26.835 12.375 37.588 22.296l30.326-10.509l26.218 46.596l-5.774 5.2l-31.714.005l-3.004 15.459l-4.241 21.705l-.188.107a122 122 0 0 0-16.594 8.957c.287-2.435.424-4.938.424-7.475c0-37.144-29.346-67.256-65.545-67.256s-65.545 30.112-65.545 67.256c0 32.034 21.826 58.837 51.051 65.606l-5.305 9.441l11.523 10.4l16.263 14.675l-.191 1.614a132 132 0 0 0-.667 13.24l.167 6.65q.168 3.314.501 6.601l.19 1.603l-5.219 4.683h-28.986l-6.267-32.165c-14.082-4.703-26.855-12.381-37.616-22.31l-30.317 10.517L64 242.47l24.02-21.655a110.8 110.8 0 0 1-2.256-22.303c0-7.64.776-15.093 2.251-22.283L64 154.554l26.218-46.596l30.317 10.517c10.765-9.934 23.545-17.614 37.635-22.317L164.418 64z" clip-rule="evenodd"/></svg>Axes Synchronous アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ix:axes-synchronous" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:axes-synchronous" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:axes-synchronous" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--axes-synchronous]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:axes-synchronous"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:axes-synchronous"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ix/axes-synchronous.svg" alt="Axes Synchronous アイコン" width="24" height="24">Axes Synchronous アイコン のよくある質問
Axes Synchronous アイコンは商用利用でも無料ですか?
はい。Siemens Industrial Experience Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Axes Synchronous アイコンを使うには?
@iconify/react をインストールして <Icon icon="ix:axes-synchronous" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Axes Synchronous アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ix/axes-synchronous.svg" alt="Axes Synchronous アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。