Иконка Restart Square Bold Duotone

solar:restart-square-bold-duotone

Иконка Restart Square Bold Duotone (solar:restart-square-bold-duotone) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Стрелки
Теги: restartsquare, squarebold, boldduotone, restartsquareboldduotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z" opacity=".5"/><path d="M16.4017 6.28518C16.4017 5.98023 16.217 5.70565 15.9346 5.5906C15.6522 5.47556 15.3283 5.54296 15.1152 5.7611L14.3647 6.5294C12.244 5.55368 9.66551 5.95808 7.92796 7.73682C5.69068 10.0271 5.69068 13.7334 7.92796 16.0237C10.1748 18.3238 13.8252 18.3238 16.072 16.0237C17.3754 14.6895 17.9168 12.877 17.7055 11.1497C17.6552 10.7386 17.2812 10.446 16.87 10.4963C16.4589 10.5466 16.1663 10.9207 16.2166 11.3318C16.3757 12.6325 15.9667 13.9849 14.999 14.9755C13.3407 16.6732 10.6593 16.6732 9.00097 14.9755C7.33301 13.268 7.33301 10.4925 9.00097 8.78499C10.1467 7.61206 11.7795 7.25045 13.225 7.69607L12.4635 8.47562C12.2527 8.69147 12.1917 9.01267 12.3088 9.29076C12.4259 9.56886 12.6983 9.7497 13 9.7497H15.6517C16.0659 9.7497 16.4017 9.41391 16.4017 8.9997V6.28518Z"/></g></svg>

Как использовать иконку Restart Square Bold Duotone

React

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

<Icon icon="solar:restart-square-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:restart-square-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:restart-square-bold-duotone" width="24" />

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

<iconify-icon icon="solar:restart-square-bold-duotone"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/solar/restart-square-bold-duotone.svg" alt="Иконка Restart Square Bold Duotone" width="24" height="24">

Вопросы и ответы: Иконка Restart Square Bold Duotone

Можно ли бесплатно использовать иконку Restart Square Bold Duotone в коммерческих проектах?

Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Restart Square Bold Duotone в React?

Установите @iconify/react и выведите <Icon icon="solar:restart-square-bold-duotone" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Restart Square Bold Duotone на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/restart-square-bold-duotone.svg" alt="Иконка Restart Square Bold Duotone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Solar →