ICONYZ
日本語
Solar の Sledgehammer Broken アイコン

Sledgehammer Broken アイコン

solar:sledgehammer-broken

Sledgehammer Broken アイコン(solar:sledgehammer-broken)は、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
カテゴリ
UI
タグ
sledgehammerbroken
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M18.6597 8.2861L19.028 7.91787C19.3704 7.57542 19.5416 7.4042 19.6445 7.22608C19.9236 6.74271 19.9236 6.14718 19.6445 5.66381C19.5416 5.48569 19.3704 5.31446 19.028 4.97202C18.6855 4.62957 18.5143 4.45835 18.3362 4.35551C17.8528 4.07644 17.2573 4.07644 16.7739 4.35551C16.5958 4.45835 16.4246 4.62957 16.0821 4.97202L15.7139 5.34025M11.2951 15.6507L5.77166 21.1742C5.42921 21.5166 5.25799 21.6879 5.07987 21.7907C4.5965 22.0698 4.00097 22.0698 3.5176 21.7907C3.33948 21.6879 3.16825 21.5166 2.82581 21.1742C2.48337 20.8317 2.31214 20.6605 2.2093 20.4824C1.93023 19.999 1.93023 19.4035 2.2093 18.9201C2.31214 18.742 2.48337 18.5708 2.82581 18.2283L8.34928 12.7049M18 17.7513C17.102 18.5777 16.4581 18.991 15.7139 18.991C14.6354 18.991 13.7674 18.123 12.0316 16.3872L7.61281 11.9684C5.87696 10.2326 5.00903 9.36462 5.00903 8.2861C5.00903 7.20757 5.87696 6.33965 7.61281 4.60379C9.34867 2.86793 10.2166 2 11.2951 2C12.3737 2 13.2416 2.86793 14.9774 4.60379L19.3962 9.02256C21.1321 10.7584 22 11.6263 22 12.7049C22 13.4516 21.584 14.0973 20.752 15"/></svg>

Sledgehammer Broken アイコンの使い方

React

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

<Icon icon="solar:sledgehammer-broken" width="24" />

Vue

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

<template>
  <Icon icon="solar:sledgehammer-broken" width="24" />
</template>

Svelte

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

<Icon icon="solar:sledgehammer-broken" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--sledgehammer-broken]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:sledgehammer-broken"></div>

Web コンポーネント

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

<iconify-icon icon="solar:sledgehammer-broken"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/sledgehammer-broken.svg" alt="Sledgehammer Broken アイコン" width="24" height="24">

Solar の関連アイコン

Sledgehammer Broken アイコン のよくある質問

Sledgehammer Broken アイコンは商用利用でも無料ですか?

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

React で Sledgehammer Broken アイコンを使うには?

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

Sledgehammer Broken アイコンをウェブページに追加するには?

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

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