Folders Bold アイコン

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

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

solar:folders-bold

Folders Bold アイコン(solar:folders-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
タグ: foldersbold、folder

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M4.04785 5.85352C3.96731 6.05229 3.90409 6.26025 3.86328 6.47656C3.80646 6.77773 3.80664 7.13923 3.80664 7.8623V13.6396C3.80664 16.7295 3.80667 18.2744 4.7666 19.2344C5.72659 20.1941 7.2715 20.1943 10.3613 20.1943H13.6387C15.7315 20.1943 17.1152 20.1928 18.0889 19.8945C17.9468 20.3589 17.7377 20.7301 17.4277 21.04C16.4678 22 14.9228 22 11.833 22H8.55469C5.46487 22 3.91989 22 2.95996 21.04C2.00012 20.0801 2 18.5352 2 15.4453V9.66797C2 8.94504 1.99982 8.58336 2.05664 8.28223C2.26609 7.17238 3.02778 6.26642 4.04785 5.85352Z"/><path d="M9.66797 2C9.98481 2 10.1437 2.00041 10.2959 2.01465C10.9521 2.07608 11.5746 2.33336 12.082 2.75391C12.1997 2.85148 12.3122 2.96352 12.5361 3.1875L12.9863 3.63867C13.6548 4.30711 13.9894 4.64159 14.3896 4.86426C14.6095 4.98656 14.843 5.08338 15.085 5.15234C15.5253 5.27779 15.9983 5.27734 16.9434 5.27734H17.249C19.4059 5.27734 20.4845 5.27772 21.1855 5.9082C21.2499 5.96612 21.3112 6.0274 21.3691 6.0918C21.9996 6.7928 22 7.8714 22 10.0283V11.833C22 14.9228 22 16.4678 21.04 17.4277C20.0801 18.3877 18.5351 18.3877 15.4453 18.3877H12.167C9.07716 18.3877 7.53219 18.3877 6.57227 17.4277C5.61234 16.4678 5.6123 14.9228 5.6123 11.833V6.05566C5.6123 5.33265 5.61214 4.97107 5.66895 4.66992C5.9191 3.34409 6.9564 2.30679 8.28223 2.05664C8.58338 1.99983 8.94496 2 9.66797 2Z"/></g></svg>

Folders Bold アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="solar:folders-bold"></iconify-icon>

HTML 画像

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

Solar の関連アイコン

他のアイコンセットの Folders Bold アイコン

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

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

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

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

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

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

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

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