Refresh icon in outline, twotone, bold and bulk. Free in all four styles, for navigation, pagination, steppers, import/export, fullscreen. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconRefresh } from "@devigner-ui/icons";
<IconRefresh className="size-6" />
<script setup>
import { IconRefresh } from "@devigner-ui/icons-vue";
</script>
<template>
<IconRefresh class="size-6" />
</template>
<script>
import { IconRefresh } from "@devigner-ui/icons-svelte";
</script>
<IconRefresh class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.08 3v-.75zm-8.4 8.33h-.75zm0 1.67-.53.53c.3.3.77.3 1.06 0zm2.2-1.13a.75.75 0 1 0-1.05-1.07zM2.54 10.8a.75.75 0 0 0-1.06 1.07zm16.09-3.4a.75.75 0 1 0 1.27-.8zm-6.54-5.15a9.1 9.1 0 0 0-9.15 9.08h1.5a7.6 7.6 0 0 1 7.65-7.58zm-9.15 9.08V13h1.5v-1.67zm1.28 2.2 1.68-1.66-1.06-1.07-1.68 1.67zm0-1.06L2.53 10.8l-1.06 1.07 1.68 1.66zM19.89 6.6a9.2 9.2 0 0 0-7.81-4.36v1.5c2.77 0 5.2 1.46 6.54 3.64z" fill="currentColor"></path><path opacity="1" d="M11.88 21v.75zm8.43-8.33h.75zm0-1.67.53-.53a.75.75 0 0 0-1.05 0zm-2.21 1.13a.75.75 0 1 0 1.05 1.07zm3.37 1.07a.75.75 0 1 0 1.06-1.07zM5.32 16.6a.75.75 0 1 0-1.28.8zm6.56 5.15a9.13 9.13 0 0 0 9.18-9.08h-1.5a7.63 7.63 0 0 1-7.68 7.58zm9.18-9.08V11h-1.5v1.67zm-1.27-2.2-1.69 1.66 1.05 1.07 1.7-1.67zm0 1.06 1.68 1.67 1.06-1.07-1.69-1.66zM4.04 17.4a9.2 9.2 0 0 0 7.84 4.36v-1.5a7.7 7.7 0 0 1-6.56-3.64z" fill="currentColor"></path></svg>