ICONYZ
日本語
Solar の Undo Left Bold Duotone アイコン

Undo Left Bold Duotone アイコン

solar:undo-left-bold-duotone

Undo Left Bold Duotone アイコン(solar:undo-left-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
カテゴリ
矢印(アクション)
タグ
undoleft、leftbold、boldduotone、undoleftboldduotone
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M7.53033 3.46967C7.82322 3.76256 7.82322 4.23744 7.53033 4.53033L5.06066 7L7.53033 9.46967C7.82322 9.76256 7.82322 10.2374 7.53033 10.5303C7.23744 10.8232 6.76256 10.8232 6.46967 10.5303L3.46967 7.53033C3.17678 7.23744 3.17678 6.76256 3.46967 6.46967L6.46967 3.46967C6.76256 3.17678 7.23744 3.17678 7.53033 3.46967Z" clip-rule="evenodd"/><path d="M5.06055 7L5.81055 6.25H15.0357C15.9399 6.24999 16.6692 6.24998 17.2575 6.3033C17.8638 6.35826 18.3936 6.47456 18.8749 6.75241C19.445 7.08154 19.9184 7.55492 20.2475 8.12499C20.5253 8.60624 20.6416 9.13604 20.6966 9.74239C20.7499 10.3307 20.7499 11.06 20.7499 11.9643V12.0358C20.7499 12.94 20.7499 13.6693 20.6966 14.2576C20.6416 14.8639 20.5253 15.3938 20.2475 15.875C19.9184 16.4451 19.445 16.9185 18.8749 17.2476C18.3936 17.5254 17.8638 17.6417 17.2575 17.6967C16.6692 17.75 15.9399 17.75 15.0357 17.75H7.99989C7.58568 17.75 7.24989 17.4142 7.24989 17C7.24989 16.5858 7.58568 16.25 7.99989 16.25H14.9999C15.9483 16.25 16.6095 16.2493 17.1221 16.2028C17.6244 16.1573 17.91 16.0726 18.1249 15.9486C18.4669 15.7511 18.751 15.467 18.9485 15.125C19.0725 14.9101 19.1572 14.6245 19.2027 14.1222C19.2492 13.6096 19.2499 12.9484 19.2499 12C19.2499 11.0516 19.2492 10.3904 19.2027 9.87779C19.1572 9.37548 19.0725 9.0899 18.9484 8.87499C18.751 8.53296 18.4669 8.24892 18.1249 8.05145C17.91 7.92737 17.6244 7.84271 17.1221 7.79718C16.6095 7.75072 15.9483 7.75 14.9999 7.75H5.81055L5.06055 7Z" opacity=".5"/></g></svg>

Undo Left Bold Duotone アイコンの使い方

React

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

<Icon icon="solar:undo-left-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:undo-left-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:undo-left-bold-duotone" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="solar:undo-left-bold-duotone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/undo-left-bold-duotone.svg" alt="Undo Left Bold Duotone アイコン" width="24" height="24">

Solar の関連アイコン

Undo Left Bold Duotone アイコン のよくある質問

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

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

React で Undo Left Bold Duotone アイコンを使うには?

@iconify/react をインストールして <Icon icon="solar:undo-left-bold-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Undo Left Bold Duotone アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/undo-left-bold-duotone.svg" alt="Undo Left Bold Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

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