Broom Linear アイコン
solar:broom-linear
Broom Linear アイコン(solar:broom-linear)は、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
- タグ
- broomlinear
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2.44853 11.4113L3.18962 12.6295C5.22275 15.9716 8.02819 18.7771 11.3703 20.8103L12.5886 21.5514C14.4872 22.5206 16.9425 21.898 18.0027 19.89C18.5037 18.9411 18.9798 17.8777 19.2819 16.821C20.1903 13.6432 19.8572 10.8584 19.8572 10.8584L13.1415 4.14263C13.1415 4.14263 10.3567 3.80954 7.17896 4.71798C6.12226 5.02007 5.05883 5.49617 4.11001 5.99715C2.10201 7.05737 1.47943 9.51271 2.44853 11.4113Z"/><path stroke-linecap="round" d="M22 2L19.6426 4.35742"/><path d="M13.3564 4.35767C15.0924 2.62172 17.9069 2.62163 19.6428 4.35759C21.3788 6.09355 21.3788 8.90817 19.6429 10.6441"/></g></svg>Broom Linear アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:broom-linear" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:broom-linear" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:broom-linear" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--broom-linear]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:broom-linear"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:broom-linear"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/broom-linear.svg" alt="Broom Linear アイコン" width="24" height="24">Solar の関連アイコン
Broom Linear アイコン のよくある質問
Broom Linear アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Broom Linear アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:broom-linear" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Broom Linear アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/broom-linear.svg" alt="Broom Linear アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。