Refresh Settings アイコン
ix:refresh-settings
Refresh Settings アイコン(ix:refresh-settings)は、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
- タグ
- refreshsettings、setting
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="M133.445 341.349c23.77 34.07 61.384 57.763 104.687 62.926a137.9 137.9 0 0 0 18.333 43.724L256 448c-60.315 0-114.134-27.812-149.333-71.31V448H64V298.667h149.333v42.666zm165.222-128.016H448V64h-42.667v71.31C370.134 91.812 316.315 64 256 64c-97.974 0-178.808 73.383-190.537 168.183l42.341 5.293c9.123-73.734 71.994-130.809 148.196-130.809c50.747 0 95.581 25.312 122.567 64h-79.9zm175.951 126.203l-18.963 10.948a85.4 85.4 0 0 1 3.094 22.849a85.4 85.4 0 0 1-3.094 22.85l18.963 10.948a106 106 0 0 1-7.781 17.724l-1.992 3.45a107 107 0 0 1-11.586 15.761l-18.957-10.944c-10.7 10.895-24.301 18.931-39.553 22.856v21.888A107 107 0 0 1 373.416 480c-7.306 0-14.44-.735-21.334-2.134v-21.888c-15.252-3.926-28.855-11.962-39.555-22.859l-18.956 10.944a107 107 0 0 1-11.628-15.831l-1.906-3.302a106 106 0 0 1-7.823-17.803l18.961-10.948a85.4 85.4 0 0 1-3.093-22.846a85.4 85.4 0 0 1 3.093-22.846l-18.961-10.947a106 106 0 0 1 7.824-17.806l1.904-3.297a107 107 0 0 1 11.629-15.834l18.956 10.944c10.7-10.896 24.303-18.933 39.555-22.859v-21.887a107 107 0 0 1 21.334-2.134c7.306 0 14.44.734 21.333 2.133v21.888c15.252 3.926 28.853 11.962 39.553 22.857l18.957-10.945a107 107 0 0 1 11.588 15.763l1.989 3.446a106 106 0 0 1 7.782 17.727m-69.201 33.797c0 17.673-14.327 32-32 32s-32-14.327-32-32s14.327-32 32-32s32 14.327 32 32" clip-rule="evenodd"/></svg>Refresh Settings アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ix:refresh-settings" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:refresh-settings" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:refresh-settings" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--refresh-settings]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:refresh-settings"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:refresh-settings"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ix/refresh-settings.svg" alt="Refresh Settings アイコン" width="24" height="24">Siemens Industrial Experience Icons の関連アイコン
Refresh Settings アイコン のよくある質問
Refresh Settings アイコンは商用利用でも無料ですか?
はい。Siemens Industrial Experience Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Refresh Settings アイコンを使うには?
@iconify/react をインストールして <Icon icon="ix:refresh-settings" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Refresh Settings アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ix/refresh-settings.svg" alt="Refresh Settings アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。