Folder Favorite Bookmark Bold Duotone アイコン
solar:folder-favorite-bookmark-bold-duotone
Folder Favorite Bookmark Bold Duotone アイコン(solar:folder-favorite-bookmark-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
- カテゴリ
- フォルダ
- タグ
- folderfavorite、favoritebookmark、bookmarkbold、boldduotone、folderfavoritebookmarkboldduotone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M18 10.8528V6H14V10.8528C14 11.1429 14 11.2879 14.0949 11.3465C14.1897 11.4051 14.3194 11.3403 14.5789 11.2106L15.8211 10.5894C15.9089 10.5456 15.9528 10.5236 16 10.5236C16.0472 10.5236 16.0911 10.5456 16.1789 10.5894L17.4211 11.2106C17.6806 11.3403 17.8103 11.4051 17.9051 11.3465C18 11.2879 18 11.1429 18 10.8528Z"/><path d="M2 6.94975C2 6.06722 2 5.62595 2.06935 5.25839C2.37464 3.64031 3.64031 2.37464 5.25839 2.06935C5.62595 2 6.06722 2 6.94975 2C7.33642 2 7.52976 2 7.71557 2.01738C8.51665 2.09229 9.27652 2.40704 9.89594 2.92051C10.0396 3.03961 10.1763 3.17633 10.4497 3.44975L11 4C11.8158 4.81578 12.2237 5.22367 12.7121 5.49543C12.9804 5.64471 13.2651 5.7626 13.5604 5.84678C14.0979 6 14.6747 6 15.8284 6H16.2021C18.8345 6 20.1506 6 21.0062 6.76946C21.0849 6.84024 21.1598 6.91514 21.2305 6.99383C22 7.84935 22 9.16554 22 11.7979V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V6.94975Z" opacity=".5"/></g></svg>Folder Favorite Bookmark Bold Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:folder-favorite-bookmark-bold-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:folder-favorite-bookmark-bold-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:folder-favorite-bookmark-bold-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--folder-favorite-bookmark-bold-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:folder-favorite-bookmark-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-favorite-bookmark-bold-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/folder-favorite-bookmark-bold-duotone.svg" alt="Folder Favorite Bookmark Bold Duotone アイコン" width="24" height="24">Solar の関連アイコン
folder-2-bold
folder-2-bold-duotone
folder-2-broken
folder-2-line-duotone
folder-2-linear
folder-2-outline
folder-bold
folder-bold-duotone
folder-broken
folder-check-bold
folder-check-bold-duotone
folder-check-broken
folder-check-line-duotone
folder-check-linear
folder-check-outline
folder-clock-bold
folder-clock-bold-duotone
folder-clock-broken
folder-clock-line-duotone
folder-clock-linear
folder-clock-outline
folder-cloud-bold
folder-cloud-bold-duotone
folder-cloud-broken
Folder Favorite Bookmark Bold Duotone アイコン のよくある質問
Folder Favorite Bookmark Bold Duotone アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Folder Favorite Bookmark Bold Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:folder-favorite-bookmark-bold-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Folder Favorite Bookmark Bold Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/folder-favorite-bookmark-bold-duotone.svg" alt="Folder Favorite Bookmark Bold Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。