ICONYZ
日本語
Solar の Watch Square Minimalistic Charge Bold アイコン

Watch Square Minimalistic Charge Bold アイコン

solar:watch-square-minimalistic-charge-bold

Watch Square Minimalistic Charge Bold アイコン(solar:watch-square-minimalistic-charge-bold)は、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
カテゴリ
時刻
タグ
watchsquare、squareminimalistic、minimalisticcharge、chargebold、watchsquareminimalisticchargebold
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M5.67412 6.77772C5 7.78661 5 9.19108 5 12C5 14.8089 5 16.2134 5.67412 17.2223C5.96596 17.659 6.34096 18.034 6.77772 18.3259C7.78661 19 9.19108 19 12 19C14.8089 19 16.2134 19 17.2223 18.3259C17.659 18.034 18.034 17.659 18.3259 17.2223C19 16.2134 19 14.8089 19 12C19 9.19108 19 7.78661 18.3259 6.77772C18.034 6.34096 17.659 5.96596 17.2223 5.67412C16.2134 5 14.8089 5 12 5C9.19108 5 7.78661 5 6.77772 5.67412C6.34096 5.96596 5.96596 6.34096 5.67412 6.77772ZM13.3744 8.4569C13.6743 8.74256 13.6859 9.21729 13.4002 9.51724L11.75 11.25H14C14.3 11.25 14.5712 11.4288 14.6894 11.7046C14.8075 11.9803 14.75 12.3 14.5431 12.5172L11.686 15.5172C11.4003 15.8172 10.9256 15.8288 10.6256 15.5431C10.3257 15.2574 10.3141 14.7827 10.5998 14.4828L12.25 12.75H10C9.69998 12.75 9.42883 12.5712 9.31064 12.2954C9.19246 12.0197 9.24999 11.7 9.4569 11.4828L12.314 8.48276C12.5997 8.18281 13.0744 8.17123 13.3744 8.4569Z"/><path d="M6.25 2C6.25 1.58579 6.58579 1.25 7 1.25H17C17.4142 1.25 17.75 1.58579 17.75 2C17.75 2.41421 17.4142 2.75 17 2.75H7C6.58579 2.75 6.25 2.41421 6.25 2ZM6.25 22C6.25 21.5858 6.58579 21.25 7 21.25H17C17.4142 21.25 17.75 21.5858 17.75 22C17.75 22.4142 17.4142 22.75 17 22.75H7C6.58579 22.75 6.25 22.4142 6.25 22Z"/></g></svg>

Watch Square Minimalistic Charge Bold アイコンの使い方

React

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

<Icon icon="solar:watch-square-minimalistic-charge-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:watch-square-minimalistic-charge-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:watch-square-minimalistic-charge-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--watch-square-minimalistic-charge-bold]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="solar:watch-square-minimalistic-charge-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/watch-square-minimalistic-charge-bold.svg" alt="Watch Square Minimalistic Charge Bold アイコン" width="24" height="24">

Solar の関連アイコン

Watch Square Minimalistic Charge Bold アイコン のよくある質問

Watch Square Minimalistic Charge Bold アイコンは商用利用でも無料ですか?

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

React で Watch Square Minimalistic Charge Bold アイコンを使うには?

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

Watch Square Minimalistic Charge Bold アイコンをウェブページに追加するには?

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

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