Restart Outline アイコン
solar:restart-outline
Restart Outline アイコン(solar:restart-outline)は、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
- カテゴリ
- 矢印
- タグ
- restartoutline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M18.364 3.05664C18.7782 3.05664 19.114 3.39243 19.114 3.80664V8.04928C19.114 8.46349 18.7782 8.79928 18.364 8.79928H14.1213C13.7071 8.79928 13.3713 8.46349 13.3713 8.04928C13.3713 7.63507 13.7071 7.29928 14.1213 7.29928H16.4817C13.6363 5.0562 9.4987 5.24728 6.87348 7.8725C4.04217 10.7038 4.04217 15.2943 6.87348 18.1256C9.70478 20.9569 14.2952 20.9569 17.1265 18.1256C19.0234 16.2287 19.6504 13.5418 19.0039 11.1209C18.897 10.7207 19.1348 10.3097 19.535 10.2028C19.9352 10.0959 20.3462 10.3337 20.4531 10.7339C21.2321 13.6508 20.478 16.8954 18.1872 19.1862C14.7701 22.6033 9.2299 22.6033 5.81282 19.1862C2.39573 15.7691 2.39573 10.2289 5.81282 6.81184C9.04483 3.57983 14.1762 3.40478 17.614 6.2867V3.80664C17.614 3.39243 17.9497 3.05664 18.364 3.05664Z" clip-rule="evenodd"/></svg>Restart Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:restart-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:restart-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:restart-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--restart-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:restart-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:restart-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/restart-outline.svg" alt="Restart Outline アイコン" width="24" height="24">Solar の関連アイコン
restart-bold
restart-bold-duotone
restart-broken
restart-circle-bold
restart-circle-bold-duotone
restart-circle-broken
restart-circle-line-duotone
restart-circle-linear
restart-circle-outline
restart-line-duotone
restart-linear
restart-square-bold
restart-square-bold-duotone
restart-square-broken
restart-square-line-duotone
restart-square-linear
restart-square-outline
Restart Outline アイコン のよくある質問
Restart Outline アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Restart Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:restart-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Restart Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/restart-outline.svg" alt="Restart Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。