Tools Ladder アイコン
material-symbols-light:tools-ladder
Tools Ladder アイコン(material-symbols-light:tools-ladder)は、Material Symbols Light セットの無料 SVG アイコンです(作者: Google)。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- ホーム
- タグ
- toolsladder、tool、tools ladder rounded、tools ladder outline、tools ladder outline rounded
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.47 20.5q-.226 0-.357-.195t-.063-.395L10.5 3.835q.062-.171.177-.253t.267-.082q.25 0 .381.186q.13.185.064.405L10.716 6.5h5.605l.74-2.665q.062-.172.18-.253t.29-.082q.225 0 .355.195t.064.396L13.5 20.166q-.061.17-.177.252t-.267.082q-.25 0-.381-.185q-.13-.186-.064-.406l.674-2.409H7.679l-.74 2.666q-.062.17-.18.252t-.29.082m2.871-9h5.6l1.114-4h-5.62zm-1.394 5h5.62l1.093-4h-5.6z"/></svg>Tools Ladder アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:tools-ladder" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:tools-ladder" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:tools-ladder" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--tools-ladder]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:tools-ladder"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:tools-ladder"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/tools-ladder.svg" alt="Tools Ladder アイコン" width="24" height="24">Material Symbols Light の関連アイコン
tools-flat-head
tools-flat-head-outline
tools-flat-head-outline-rounded
tools-flat-head-rounded
tools-installation-kit
tools-installation-kit-outline
tools-installation-kit-outline-sharp
tools-installation-kit-sharp
tools-ladder-sharp
tools-level
tools-level-outline
tools-phillips
tools-phillips-outline
tools-phillips-outline-rounded
tools-phillips-rounded
tools-pliers-wire-stripper
tools-pliers-wire-stripper-outline
tools-power-drill
tools-power-drill-outline
tools-power-drill-outline-sharp
tools-power-drill-sharp
他のアイコンセットの Tools Ladder アイコン
Tools Ladder アイコン のよくある質問
Tools Ladder アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Tools Ladder アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:tools-ladder" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tools Ladder アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/tools-ladder.svg" alt="Tools Ladder アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。