Refresh Circle Bold Duotone icon

solar:refresh-circle-bold-duotone

The Refresh Circle Bold Duotone icon (solar:refresh-circle-bold-duotone) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Arrows
Tags: refreshcircle, circlebold, boldduotone, refreshcircleboldduotone

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><circle cx="12" cy="12" r="10" opacity=".5"/><path d="M7.37756 11.6296H6.62756H7.37756ZM7.37756 12.5556L6.81609 13.0528C6.95137 13.2056 7.14306 13.2966 7.34695 13.3049C7.55084 13.3133 7.74932 13.2382 7.89662 13.0969L7.37756 12.5556ZM9.51905 11.5414C9.81805 11.2547 9.82804 10.7799 9.54137 10.4809C9.2547 10.182 8.77994 10.172 8.48095 10.4586L9.51905 11.5414ZM6.56148 10.5028C6.28686 10.1927 5.81286 10.1639 5.50277 10.4385C5.19267 10.7131 5.16391 11.1871 5.43852 11.4972L6.56148 10.5028ZM14.9317 9.0093C15.213 9.31337 15.6875 9.33184 15.9915 9.05055C16.2956 8.76927 16.3141 8.29476 16.0328 7.9907L14.9317 9.0093ZM12.0437 6.25C9.05802 6.25 6.62756 8.653 6.62756 11.6296H8.12756C8.12756 9.49251 9.87531 7.75 12.0437 7.75V6.25ZM6.62756 11.6296L6.62756 12.5556H8.12756L8.12756 11.6296H6.62756ZM7.89662 13.0969L9.51905 11.5414L8.48095 10.4586L6.85851 12.0142L7.89662 13.0969ZM7.93904 12.0583L6.56148 10.5028L5.43852 11.4972L6.81609 13.0528L7.93904 12.0583ZM16.0328 7.9907C15.0431 6.9209 13.6212 6.25 12.0437 6.25V7.75C13.1879 7.75 14.2154 8.23504 14.9317 9.0093L16.0328 7.9907Z"/><path d="M16.6188 11.4453L17.1795 10.9472C17.044 10.7947 16.8523 10.704 16.6485 10.6959C16.4447 10.6878 16.2464 10.7631 16.0993 10.9044L16.6188 11.4453ZM14.4805 12.4591C14.1817 12.746 14.1722 13.2208 14.4591 13.5195C14.746 13.8183 15.2208 13.8278 15.5195 13.5409L14.4805 12.4591ZM17.4393 13.4981C17.7144 13.8078 18.1885 13.8358 18.4981 13.5607C18.8078 13.2856 18.8358 12.8115 18.5607 12.5019L17.4393 13.4981ZM9.04688 15.0057C8.76342 14.7037 8.28879 14.6886 7.98675 14.9721C7.68472 15.2555 7.66966 15.7302 7.95312 16.0322L9.04688 15.0057ZM11.9348 17.7509C14.9276 17.7509 17.3688 15.3506 17.3688 12.3712H15.8688C15.8688 14.5057 14.1158 16.2509 11.9348 16.2509V17.7509ZM17.3688 12.3712V11.4453H15.8688V12.3712H17.3688ZM16.0993 10.9044L14.4805 12.4591L15.5195 13.5409L17.1383 11.9862L16.0993 10.9044ZM16.0581 11.9434L17.4393 13.4981L18.5607 12.5019L17.1795 10.9472L16.0581 11.9434ZM7.95312 16.0322C8.94543 17.0895 10.3635 17.7509 11.9348 17.7509V16.2509C10.792 16.2509 9.76546 15.7714 9.04688 15.0057L7.95312 16.0322Z"/></g></svg>

How to use the Refresh Circle Bold Duotone icon

React

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

<Icon icon="solar:refresh-circle-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:refresh-circle-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:refresh-circle-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--refresh-circle-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:refresh-circle-bold-duotone"></div>

Web component

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

<iconify-icon icon="solar:refresh-circle-bold-duotone"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/refresh-circle-bold-duotone.svg" alt="Refresh Circle Bold Duotone icon" width="24" height="24">

Related icons in Solar

Refresh Circle Bold Duotone icon FAQ

Is the Refresh Circle Bold Duotone icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Refresh Circle Bold Duotone icon in React?

Install @iconify/react and render <Icon icon="solar:refresh-circle-bold-duotone" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Refresh Circle Bold Duotone icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/refresh-circle-bold-duotone.svg" alt="Refresh Circle Bold Duotone icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →