Folders Line Duotone アイコン
solar:folders-line-duotone
Folders Line Duotone アイコン(solar:folders-line-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
- タグ
- foldersline、lineduotone、folderslineduotone、folder
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M5.61298 5.61328C5.17049 5.61557 4.90221 5.62559 4.66987 5.66943C3.34404 5.91958 2.30697 6.95665 2.05682 8.28247C2 8.58365 2 8.94522 2 9.66835V15.4452C2 18.5353 2 20.0804 2.95997 21.0403C3.91994 22.0003 5.46498 22.0003 8.55508 22.0003H11.8326C14.9227 22.0003 16.4678 22.0003 17.4277 21.0403C18.0252 20.4428 18.2508 19.6186 18.336 18.3363" opacity=".5"/><path d="M5.6123 6.05575C5.6123 5.33261 5.6123 4.97105 5.66913 4.66987C5.91928 3.34404 6.95635 2.30697 8.28218 2.05682C8.58335 2 8.94492 2 9.66805 2C9.98489 2 10.1433 2 10.2956 2.01424C10.9519 2.07562 11.5746 2.33352 12.0821 2.75426C12.1998 2.85184 12.3119 2.96386 12.5359 3.1879L12.9868 3.63877C13.6552 4.30721 13.9894 4.64143 14.3897 4.8641C14.6095 4.98642 14.8427 5.08302 15.0847 5.15199C15.5251 5.27754 15.9978 5.27754 16.9431 5.27754H17.2493C19.4062 5.27754 20.4847 5.27754 21.1857 5.90803C21.2502 5.96602 21.3115 6.02739 21.3695 6.09187C22 6.79287 22 7.87133 22 10.0283V11.8326C22 14.9227 22 16.4678 21.04 17.4277C20.0801 18.3877 18.535 18.3877 15.4449 18.3877H12.1674C9.07729 18.3877 7.53224 18.3877 6.57227 17.4277C5.6123 16.4678 5.6123 14.9227 5.6123 11.8326V6.05575Z"/></g></svg>Folders Line Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:folders-line-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:folders-line-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:folders-line-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--folders-line-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:folders-line-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:folders-line-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/folders-line-duotone.svg" alt="Folders Line Duotone アイコン" width="24" height="24">Solar の関連アイコン
他のアイコンセットの Folders Line Duotone アイコン
Folders Line Duotone アイコン のよくある質問
Folders Line Duotone アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Folders Line Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:folders-line-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Folders Line Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/folders-line-duotone.svg" alt="Folders Line Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。