Global Refresh Filled アイコン
reicon:global-refresh-filled
Global Refresh Filled アイコン(reicon:global-refresh-filled)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M22.652 18.13c-.1-.4-.5-.65-.9-.55s-.65.5-.56.9a2.253 2.253 0 0 1-2.19 2.77c-1.24 0-2.25-1.01-2.25-2.25c0-1.1.79-2.01 1.84-2.21c-.1.23-.09.51.07.73c.15.2.38.31.61.31c.15 0 .31-.05.44-.14l1.17-.85c.01-.01.01-.02.02-.02c.01-.01.02-.01.03-.02a.4.4 0 0 0 .07-.1c.03-.04.07-.07.09-.12c.02-.04.03-.09.05-.13c.01-.05.03-.09.04-.14s0-.09-.01-.14c0-.05 0-.1-.02-.15c-.01-.05-.04-.09-.06-.13s-.03-.08-.05-.11c-.01-.01-.02-.01-.03-.02c-.01 0-.01-.01-.01-.02l-1-1.15a.747.747 0 0 0-1.06-.07c-.22.2-.3.49-.22.76c-1.93.15-3.46 1.75-3.46 3.72c0 2.07 1.68 3.75 3.75 3.75s3.75-1.68 3.75-3.75c-.01-.29-.04-.59-.11-.87m-20.62-3.501c0 .03-.02.07-.02.1a9.5 9.5 0 0 0 4.26 4.26c.03 0 .07-.02.1-.02c-.34-1.16-.6-2.35-.79-3.54c-1.2-.2-2.39-.46-3.55-.8m17.036-8.198a9.5 9.5 0 0 0-4.49-4.49c.36 1.19.66 2.41.86 3.63c1.22.2 2.44.49 3.63.86M1.93 6.43c1.2-.36 2.42-.66 3.64-.86c.2-1.19.45-2.37.79-3.53c-.03 0-.07-.02-.1-.02c-1.88.93-3.41 2.5-4.33 4.41m11.89-1.07c-.24-1.3-.54-2.6-.97-3.86c-.02-.07-.02-.13-.03-.21C12.08 1.11 11.3 1 10.5 1c-.81 0-1.58.11-2.33.3c-.01.07 0 .13-.02.21c-.42 1.26-.73 2.55-.97 3.85c2.21-.24 4.43-.24 6.64 0M5.36 7.18c-1.31.24-2.59.55-3.86.97c-.07.02-.13.02-.2.03c-.19.74-.3 1.52-.3 2.32c0 .81.11 1.58.3 2.33c.07.01.13 0 .21.02c1.26.42 2.55.73 3.86.97c-.25-2.21-.25-4.43-.01-6.64m14.339 1c-.07 0-.13-.01-.21-.03c-1.26-.42-2.56-.73-3.86-.97c.25 2.21.25 4.43 0 6.63c1.3-.24 2.6-.54 3.86-.97c.07-.02.13-.01.21-.02c.18-.75.3-1.52.3-2.33c0-.79-.11-1.56-.3-2.31M7.18 15.639c.24 1.31.54 2.6.97 3.86c.02.07.01.13.02.21c.75.18 1.52.29 2.33.29c.8 0 1.58-.11 2.32-.3c.01-.07.01-.13.03-.21c.42-1.26.73-2.55.97-3.86c-1.1.12-2.21.21-3.32.21s-2.22-.08-3.32-.2m-.228-8.687c-.3 2.36-.3 4.74 0 7.11c2.36.3 4.74.3 7.11 0c.3-2.36.3-4.74 0-7.11c-2.37-.3-4.75-.3-7.11 0"/></svg>Global Refresh Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:global-refresh-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:global-refresh-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:global-refresh-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--global-refresh-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:global-refresh-filled"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:global-refresh-filled"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/global-refresh-filled.svg" alt="Global Refresh Filled アイコン" width="24" height="24">Reicon の関連アイコン
Global Refresh Filled アイコン のよくある質問
Global Refresh Filled アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Global Refresh Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:global-refresh-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Global Refresh Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/global-refresh-filled.svg" alt="Global Refresh Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。