Folder Path Connect Broken アイコン

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

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

solar:folder-path-connect-broken

Folder Path Connect Broken アイコン(solar:folder-path-connect-broken)は、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、connectbroken、folderpathconnectbroken

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" d="M16.5 7.5L13.5 7.5"/><path stroke-linecap="round" d="M22 20H14M2 20H10"/><path stroke-linecap="round" d="M12 18V15"/><circle cx="12" cy="20" r="2"/><path stroke-linecap="round" d="M5 5.21734C5 4.64369 5 4.35687 5.04855 4.11795C5.26225 3.0662 6.14822 2.24352 7.28087 2.04508C7.53817 2 7.84705 2 8.46482 2C8.7355 2 8.87083 2 9.0009 2.01129C9.56166 2.05999 10.0936 2.26457 10.5272 2.59833C10.6277 2.67575 10.7234 2.76461 10.9148 2.94234L11.3 3.3C11.871 3.83026 12.1566 4.09538 12.4985 4.27203C12.6863 4.36906 12.8855 4.44569 13.0922 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.24599C18.8999 5.69877 18.9814 6.35005 18.9965 7.5M18.9939 11.1C18.9688 12.7117 18.8401 13.6255 18.1799 14.2385C17.3598 15 16.0399 15 13.4 15H10.6C7.96013 15 6.6402 15 5.8201 14.2385C5 13.477 5 12.2513 5 9.8V8.5"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

Solar の関連アイコン

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

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

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

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

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

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

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

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