Folder Tree Bold アイコン

Q: Folder Tree Bold アイコンは商用利用でも無料ですか?

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

solar:folder-tree-bold

Folder Tree Bold アイコン(solar:folder-tree-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
タグ: foldertree、treebold、foldertreebold

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M15.4629 13.5078C15.8294 13.5397 16.1775 13.6734 16.4609 13.8916C16.5265 13.9421 16.589 14.0003 16.7139 14.1162L16.9658 14.3496C17.3392 14.6963 17.5264 14.8699 17.75 14.9854C17.8727 15.0487 18.0027 15.099 18.1377 15.1348C18.3837 15.1999 18.6478 15.2002 19.1758 15.2002H19.3467C20.5515 15.2002 21.1543 15.2003 21.5459 15.5273C21.5818 15.5573 21.6162 15.5888 21.6484 15.6221C22.0006 15.9857 22.001 16.5453 22.001 17.6641V18.5996C22.001 20.2024 22.0001 21.004 21.4639 21.502C20.9276 21.9997 20.0647 22 18.3389 22H16.5078C14.782 22 13.919 21.9998 13.3828 21.502C12.8467 21.004 12.8467 20.2023 12.8467 18.5996V15.6035C12.8467 15.2285 12.8472 15.041 12.8789 14.8848C13.0187 14.1972 13.5974 13.6591 14.3379 13.5293C14.5061 13.4998 14.7084 13.5 15.1123 13.5C15.2892 13.5 15.3779 13.5004 15.4629 13.5078Z"/><path d="M2 1.25C2.41421 1.25001 2.75 1.5858 2.75 2V2.88965L2.75488 3.09961C2.79893 4.1209 3.16335 4.68952 3.53418 5.0127C3.95612 5.38027 4.46679 5.5 4.77637 5.5H8.99316C9.40724 5.50016 9.74316 5.83588 9.74316 6.25C9.74316 6.66412 9.40724 6.99984 8.99316 7H4.77637C4.2159 7 3.43913 6.81979 2.75 6.30469V14.3887C2.75 15.5432 3.13868 16.167 3.53418 16.5117C3.95612 16.8793 4.46679 16.999 4.77637 16.999H8.99316C9.40724 16.9992 9.74316 17.3349 9.74316 17.749C9.74316 18.1631 9.40724 18.4989 8.99316 18.499H4.77637C4.16063 18.499 3.28258 18.2829 2.54785 17.6426C1.7867 16.9792 1.25 15.9223 1.25 14.3887V2C1.25001 1.58593 1.58599 1.25022 2 1.25Z"/><path d="M15.4619 2.00781C15.8286 2.03965 16.1765 2.17337 16.46 2.3916C16.5257 2.4422 16.5888 2.50006 16.7139 2.61621L16.9658 2.84961C17.3391 3.19625 17.5255 3.36986 17.749 3.48535C17.8718 3.5488 18.0025 3.59899 18.1377 3.63477C18.3836 3.69979 18.648 3.7002 19.1758 3.7002H19.3467C20.5513 3.7002 21.1534 3.70035 21.5449 4.02734C21.5808 4.05731 21.6152 4.08876 21.6475 4.12207C21.9996 4.48566 22 5.04534 22 6.16406V7.09961C22 8.70229 22 9.50403 21.4639 10.002C20.9277 10.4998 20.0647 10.5 18.3389 10.5H16.5078C14.7819 10.5 13.919 10.4997 13.3828 10.002C12.8466 9.50403 12.8467 8.70238 12.8467 7.09961V4.10352C12.8467 3.72852 12.8462 3.54096 12.8779 3.38477C13.0177 2.6971 13.5973 2.15904 14.3379 2.0293C14.506 1.9999 14.7079 2 15.1113 2C15.2882 2 15.3769 2.00045 15.4619 2.00781Z"/></g></svg>

Folder Tree Bold アイコンの使い方

React

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

<Icon icon="solar:folder-tree-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:folder-tree-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:folder-tree-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--folder-tree-bold]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="solar:folder-tree-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/folder-tree-bold.svg" alt="Folder Tree Bold アイコン" width="24" height="24">

Solar の関連アイコン

Folder Tree Bold アイコンのよくある質問

Folder Tree Bold アイコンは商用利用でも無料ですか?

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

React で Folder Tree Bold アイコンを使うには?

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

Folder Tree Bold アイコンをウェブページに追加するには?

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

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