ICONYZ
日本語
Solar の Restart Square Bold Duotone アイコン

Restart Square Bold Duotone アイコン

solar:restart-square-bold-duotone

Restart Square Bold Duotone アイコン(solar:restart-square-bold-duotone)は、Solar セットの無料 SVG アイコンです(作者: 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>

Web コンポーネント

<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">

Solar の関連アイコン

Restart Square Bold Duotone アイコン のよくある質問

Restart Square Bold Duotone アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Restart Square Bold Duotone アイコンを使うには?

@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Solar アイコン をすべて見る →