Folder Dot Outline アイコン

Q: Folder Dot Outline アイコンは商用利用でも無料ですか?

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

solar:folder-dot-outline

Folder Dot Outline アイコン(solar:folder-dot-outline)は、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
タグ: folderdot、dotoutline、folderdotoutline

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M1.25002 14V6.95022C1.25002 6.1018 1.24642 5.57302 1.33205 5.11916C1.69462 3.1978 3.1978 1.69462 5.11916 1.33205C5.57302 1.24642 6.1018 1.25002 6.95022 1.25002C7.32256 1.25002 7.5566 1.24917 7.78518 1.27053C8.73646 1.35949 9.63946 1.73304 10.375 2.3428C10.5519 2.4894 10.717 2.65546 10.9805 2.91897L11.5303 3.46975C12.376 4.31546 12.7016 4.63091 13.0772 4.83987C13.2951 4.96107 13.5259 5.05763 13.7656 5.126C14.1789 5.2438 14.6324 5.25002 15.8281 5.25002H16.2022C17.4987 5.25002 18.5416 5.24815 19.3643 5.35158C20.2056 5.45738 20.9205 5.68371 21.5078 6.21194C21.6061 6.30035 21.6997 6.39391 21.7881 6.49221C22.3163 7.07951 22.5427 7.79443 22.6485 8.63576C22.7519 9.45844 22.75 10.5014 22.75 11.7979V14C22.75 15.8644 22.7514 17.3384 22.5967 18.4893C22.4391 19.6616 22.1067 20.6101 21.3584 21.3584C20.6101 22.1067 19.6616 22.4391 18.4893 22.5967C17.3384 22.7514 15.8644 22.75 14 22.75H10C8.13561 22.75 6.66161 22.7514 5.51076 22.5967C4.33846 22.4391 3.38993 22.1067 2.64162 21.3584C1.89331 20.6101 1.56098 19.6616 1.40334 18.4893C1.24861 17.3384 1.25002 15.8644 1.25002 14ZM2.75002 14C2.75002 15.9068 2.75152 17.2614 2.88967 18.2891C3.02494 19.2952 3.27896 19.8747 3.70217 20.2979C4.12538 20.7211 4.70487 20.9751 5.71096 21.1104C6.73861 21.2485 8.09326 21.25 10 21.25H14C15.9068 21.25 17.2614 21.2485 18.2891 21.1104C19.2952 20.9751 19.8747 20.7211 20.2979 20.2979C20.7211 19.8747 20.9751 19.2952 21.1104 18.2891C21.2485 17.2614 21.25 15.9068 21.25 14V11.7979C21.25 10.4622 21.2491 9.53061 21.1602 8.82326C21.0736 8.13462 20.9141 7.76331 20.6729 7.49514C20.6199 7.43624 20.5638 7.38016 20.5049 7.32717C20.2367 7.08597 19.8654 6.92644 19.1768 6.83987C18.4694 6.75096 17.5379 6.75002 16.2022 6.75002H15.8281C14.717 6.75002 14.0162 6.757 13.3545 6.56838C13.0039 6.46843 12.6663 6.32766 12.3477 6.15041C11.7464 5.81585 11.2556 5.31612 10.4697 4.5303L9.91897 3.98049C9.63572 3.69724 9.52748 3.58964 9.41701 3.49807C8.91376 3.08092 8.29636 2.82455 7.64553 2.76369C7.5028 2.75036 7.35024 2.75002 6.95022 2.75002C6.03358 2.75002 5.67876 2.75359 5.39748 2.80666C4.08282 3.05472 3.05472 4.08282 2.80666 5.39748C2.75359 5.67876 2.75002 6.03358 2.75002 6.95022V14Z"/><path d="M11.9995 13.253C12.4137 13.253 12.7495 13.5887 12.7495 14.003C12.7495 14.4172 12.4137 14.753 11.9995 14.753C11.5853 14.753 11.2495 14.4172 11.2495 14.003C11.2495 13.5887 11.5853 13.253 11.9995 13.253Z"/></g></svg>

Folder Dot Outline アイコンの使い方

React

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

<Icon icon="solar:folder-dot-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:folder-dot-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:folder-dot-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--folder-dot-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:folder-dot-outline"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:folder-dot-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/folder-dot-outline.svg" alt="Folder Dot Outline アイコン" width="24" height="24">

Solar の関連アイコン

Folder Dot Outline アイコンのよくある質問

Folder Dot Outline アイコンは商用利用でも無料ですか?

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

React で Folder Dot Outline アイコンを使うには?

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

Folder Dot Outline アイコンをウェブページに追加するには?

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

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