Folder Path Connect Bold アイコン

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

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

solar:folder-path-connect-bold

Folder Path Connect Bold アイコン(solar:folder-path-connect-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
カテゴリ: フォルダ
タグ: folderpath、pathconnect、connectbold、folderpathconnectbold

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M19 8.36864V9.8C19 12.2513 19 13.477 18.1799 14.2385C17.3598 15 16.0399 15 13.4 15H12.75V18C12.75 18.0479 12.7455 18.0947 12.7369 18.1401C13.2444 18.3414 13.6499 18.7443 13.8546 19.25H14H21.25C21.6642 19.25 22 19.5858 22 20C22 20.4142 21.6642 20.75 21.25 20.75H14H13.8546C13.5579 21.483 12.8394 22 12 22C11.1607 22 10.4421 21.483 10.1454 20.75H10H2.75C2.33579 20.75 2 20.4142 2 20C2 19.5858 2.33579 19.25 2.75 19.25H10H10.1454C10.3501 18.7443 10.7556 18.3414 11.2631 18.1401C11.2545 18.0947 11.25 18.0479 11.25 18V15H10.6C7.96015 15 6.64022 15 5.82012 14.2385C5.00002 13.477 5.00002 12.2513 5.00002 9.8V5.21734C5.00002 4.64369 5.00002 4.35687 5.04856 4.11795C5.26227 3.0662 6.14824 2.24352 7.28089 2.04508C7.53818 2 7.84707 2 8.46484 2C8.73552 2 8.87085 2 9.00092 2.01129C9.56167 2.05999 10.0936 2.26457 10.5272 2.59833C10.6277 2.67575 10.7234 2.76461 10.9148 2.94234L11.3 3.3C11.8711 3.83026 12.1566 4.09538 12.4985 4.27203C12.6863 4.36906 12.8856 4.44569 13.0923 4.5004C13.4685 4.6 13.8723 4.6 14.6799 4.6H14.9415C16.7841 4.6 17.7055 4.6 18.3043 5.10015C18.3594 5.14616 18.4118 5.19484 18.4614 5.24599C19 5.80208 19 6.6576 19 8.36864ZM12.75 7.5C12.75 7.08579 13.0858 6.75 13.5 6.75H16.5C16.9142 6.75 17.25 7.08579 17.25 7.5C17.25 7.91421 16.9142 8.25 16.5 8.25H13.5C13.0858 8.25 12.75 7.91421 12.75 7.5Z" clip-rule="evenodd"/></svg>

Folder Path Connect Bold アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Solar の関連アイコン

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

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

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

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

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

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

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

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