Refreshbutton icon
ls:refreshbutton
The Refreshbutton icon (ls:refreshbutton) is a free SVG icon from the Ligature Symbols set by Kazuyuki Motoyama. It is drawn on a 717 × 717 grid. Ligature Symbols icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Ligature Symbols
- Author
- Kazuyuki Motoyama
- License
- OFL-1.1
- Size
- 717 × 717
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="717" height="717" viewBox="0 0 717 717"><path fill="currentColor" d="M358 0c198 0 359 161 359 359S556 717 358 717S0 557 0 359S160 0 358 0M198 368h-69c0 60 23 120 67 165c90 89 235 89 325 0c89-90 89-236 0-325c-42-41-94-63-148-66V65L198 179l175 113v-82c37 3 71 18 99 46c63 62 63 166 0 228c-62 63-165 63-227 0c-33-31-48-74-47-116"/></svg>How to use the Refreshbutton icon
React
import { Icon } from "@iconify/react";
<Icon icon="ls:refreshbutton" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:refreshbutton" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:refreshbutton" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--refreshbutton]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:refreshbutton"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:refreshbutton"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ls/refreshbutton.svg" alt="Refreshbutton icon" width="24" height="24">Refreshbutton icon FAQ
Is the Refreshbutton icon free for commercial use?
Yes. Ligature Symbols icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Refreshbutton icon in React?
Install @iconify/react and render <Icon icon="ls:refreshbutton" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Refreshbutton icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ls/refreshbutton.svg" alt="Refreshbutton icon">, or paste the SVG code inline to style it with CSS.