Refresh アイコン

Q: Refresh アイコンは商用利用でも無料ですか?

はい。Jam Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

jam:refresh

Refresh アイコン(jam:refresh)は、Jam Icons セットの無料 SVG アイコンです（作者: Michael Amprimo）。 24 × 24 のグリッドで描かれています。 Jam Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Jam Icons
作者: Michael Amprimo
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m17.83 4.194l.42-1.377a1 1 0 1 1 1.913.585l-1.17 3.825a1 1 0 0 1-1.248.664l-3.825-1.17a1 1 0 1 1 .585-1.912l1.672.511A7.381 7.381 0 0 0 3.185 6.584l-.26.633a1 1 0 1 1-1.85-.758l.26-.633A9.381 9.381 0 0 1 17.83 4.194M2.308 14.807l-.327 1.311a1 1 0 1 1-1.94-.484l.967-3.88a1 1 0 0 1 1.265-.716l3.828.954a1 1 0 0 1-.484 1.941l-1.786-.445a7.384 7.384 0 0 0 13.216-1.792a1 1 0 1 1 1.906.608a9.38 9.38 0 0 1-5.38 5.831a9.386 9.386 0 0 1-11.265-3.328"/></svg>

Refresh アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="jam:refresh" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="jam:refresh" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="jam:refresh" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[jam--refresh]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/jam -->
<div class="i-jam:refresh"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="jam:refresh"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/jam/refresh.svg" alt="Refresh アイコン" width="24" height="24">

Jam Icons の関連アイコン

他のアイコンセットの Refresh アイコン

Refresh アイコンのよくある質問

Refresh アイコンは商用利用でも無料ですか?

はい。Jam Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Refresh アイコンを使うには?

@iconify/react をインストールして <Icon icon="jam:refresh" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Refresh アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/jam/refresh.svg" alt="Refresh アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Jam Icons をすべて見る →