Folders Bold Duotone アイコン
solar:folders-bold-duotone
Folders Bold Duotone アイコン(solar:folders-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
- タグ
- foldersbold、boldduotone、foldersboldduotone、folder
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M17.4277 21.0403C16.4678 22.0002 14.9227 22.0002 11.8326 22.0002H8.55508C5.465 22.0002 3.91994 22.0002 2.95997 21.0403C2 20.0803 2 18.5352 2 15.4451V9.66827C2 8.94514 2 8.58357 2.05682 8.2824C2.30697 6.95657 3.34404 5.9195 4.66987 5.66935C4.90221 5.62551 5.61296 5.61719 5.61296 5.61719L5.6123 6.05567V11.8325C5.6123 14.9226 5.6123 16.4677 6.57227 17.4276C7.53224 18.3876 9.07729 18.3876 12.1674 18.3876H15.4449C16.7071 18.3876 17.5195 18.3633 18.3358 18.336C18.2506 19.6183 18.0252 20.4427 17.4277 21.0403Z"/><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.2501 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" opacity=".5"/></g></svg>Folders Bold Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:folders-bold-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:folders-bold-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:folders-bold-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--folders-bold-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:folders-bold-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:folders-bold-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/folders-bold-duotone.svg" alt="Folders Bold Duotone アイコン" width="24" height="24">Solar の関連アイコン
Folders Bold Duotone アイコン のよくある質問
Folders Bold Duotone アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Folders Bold Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:folders-bold-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Folders Bold Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/folders-bold-duotone.svg" alt="Folders Bold Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。