Folder Sync Bold Duotone アイコン
solar:folder-sync-bold-duotone
Folder Sync Bold Duotone アイコン(solar:folder-sync-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
- タグ
- foldersync、syncbold、boldduotone、foldersyncboldduotone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M22 14V11.7979C22 9.16554 22 7.84935 21.2305 6.99383C21.1598 6.91514 21.0849 6.84024 21.0062 6.76946C20.1506 6 18.8345 6 16.2021 6H15.8284C14.6747 6 14.0979 6 13.5604 5.84678C13.2651 5.7626 12.9804 5.64471 12.7121 5.49543C12.2237 5.22367 11.8158 4.81578 11 4L10.4497 3.44975C10.1763 3.17633 10.0396 3.03961 9.89594 2.92051C9.27652 2.40704 8.51665 2.09229 7.71557 2.01738C7.52976 2 7.33642 2 6.94975 2C6.06722 2 5.62595 2 5.25839 2.06935C3.64031 2.37464 2.37464 3.64031 2.06935 5.25839C2 5.62595 2 6.06722 2 6.94975V14C2 17.7712 2 19.6569 3.17157 20.8284C4.34315 22 6.22876 22 10 22H14C17.7712 22 19.6569 22 20.8284 20.8284C22 19.6569 22 17.7712 22 14Z" opacity=".5"/><path d="M15.0262 12.9033C15.23 12.9114 15.422 13.0018 15.5574 13.1543L16.4529 14.1631C16.7279 14.4727 16.7 14.9466 16.3904 15.2217C16.1619 15.4245 15.8443 15.4613 15.5828 15.3428C15.1104 16.8879 13.6617 18.0068 11.9578 18.0068C10.8634 18.0068 9.87424 17.5456 9.18244 16.8086C8.8991 16.5067 8.91399 16.0315 9.21564 15.748C9.51768 15.4646 9.99273 15.4802 10.2762 15.7822C10.6943 16.2275 11.2919 16.5068 11.9578 16.5068C12.7954 16.5068 13.519 16.0632 13.9178 15.4092C13.7305 15.4021 13.5452 15.3265 13.4051 15.1807C13.1183 14.882 13.1282 14.4071 13.4266 14.1201L14.4774 13.1113L14.534 13.0615C14.6733 12.9525 14.8478 12.8963 15.0262 12.9033Z"/><path d="M12.0281 10.0186C13.1276 10.0186 14.1194 10.4865 14.8094 11.2324C15.0905 11.5364 15.0721 12.0107 14.7684 12.292C14.4644 12.5732 13.9901 12.5547 13.7088 12.251C13.2922 11.8006 12.6942 11.5186 12.0281 11.5186C11.1962 11.5186 10.4742 11.9599 10.077 12.6143C10.2662 12.6202 10.4532 12.6973 10.5946 12.8447C10.8811 13.1437 10.871 13.6186 10.5721 13.9053L9.52033 14.9141C9.37312 15.0552 9.17429 15.1303 8.97053 15.1221C8.76668 15.1137 8.57456 15.0228 8.43928 14.8701L7.54572 13.8604C7.27137 13.5502 7.30017 13.0763 7.61018 12.8018C7.83778 12.6004 8.15345 12.5631 8.41389 12.6797C8.88525 11.1369 10.3283 10.0186 12.0281 10.0186Z"/></g></svg>Folder Sync Bold Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:folder-sync-bold-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:folder-sync-bold-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:folder-sync-bold-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--folder-sync-bold-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:folder-sync-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-sync-bold-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/folder-sync-bold-duotone.svg" alt="Folder Sync 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 Sync Bold Duotone アイコン のよくある質問
Folder Sync Bold Duotone アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Folder Sync Bold Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:folder-sync-bold-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Folder Sync Bold Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/folder-sync-bold-duotone.svg" alt="Folder Sync Bold Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。