Folder Path Connect Bold Duotone アイコン

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

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

solar:folder-path-connect-bold-duotone

Folder Path Connect Bold Duotone アイコン(solar:folder-path-connect-bold-duotone)は、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、boldduotone、folderpathconnectboldduotone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2 20C2 19.5858 2.33579 19.25 2.75 19.25H10H11.25V18V15H12.75V18V19.25H14H21.25C21.6642 19.25 22 19.5858 22 20C22 20.4142 21.6642 20.75 21.25 20.75H14H10H2.75C2.33579 20.75 2 20.4142 2 20Z" opacity=".5"/><path fill-rule="evenodd" d="M19 9.8V8.36864C19 6.6576 19 5.80208 18.4614 5.24599C18.4118 5.19484 18.3594 5.14616 18.3043 5.10015C17.7055 4.6 16.7841 4.6 14.9415 4.6H14.6799C13.8723 4.6 13.4685 4.6 13.0922 4.5004C12.8855 4.44569 12.6863 4.36906 12.4985 4.27203C12.1566 4.09538 11.871 3.83026 11.3 3.3L10.9148 2.94234C10.7234 2.76461 10.6277 2.67575 10.5272 2.59833C10.0936 2.26457 9.56166 2.05999 9.0009 2.01129C8.87083 2 8.7355 2 8.46482 2C7.84705 2 7.53817 2 7.28087 2.04508C6.14822 2.24352 5.26225 3.0662 5.04855 4.11795C5 4.35687 5 4.64369 5 5.21734V9.8C5 12.2513 5 13.477 5.8201 14.2385C6.6402 15 7.96013 15 10.6 15H11.25H12.75H13.4C16.0399 15 17.3598 15 18.1799 14.2385C19 13.477 19 12.2513 19 9.8ZM13.5 6.75C13.0858 6.75 12.75 7.08579 12.75 7.5C12.75 7.91421 13.0858 8.25 13.5 8.25H16.5C16.9142 8.25 17.25 7.91421 17.25 7.5C17.25 7.08579 16.9142 6.75 16.5 6.75H13.5Z" clip-rule="evenodd"/><circle cx="12" cy="20" r="2"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:folder-path-connect-bold-duotone"></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-duotone"></iconify-icon>

HTML 画像

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

Solar の関連アイコン

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

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

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

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

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

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

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

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