Fs Memo アイコン

Q: Fs Memo アイコンは商用利用でも無料ですか?

はい。UnJS Logos icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

unjs:fs-memo

Fs Memo アイコン(unjs:fs-memo)は、UnJS Logos セットの無料 SVG アイコンです（作者: UnJS）。 32 × 32 のグリッドで描かれています。 UnJS Logos icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: UnJS Logos
作者: UnJS
ライセンス: Apache-2.0
サイズ: 32 × 32
タグ: fsmemo

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#b9e4ea" d="M26.658 31H7.587c-.4 0-1.138 0-2.09-.872c-.768-.703-1.648-1.36-1.63-2.175L24.438 3.61c1.12 0 1.627.327 2.337.752c1.343.805 1.388 1.213 1.388 1.668v23.467A1.506 1.506 0 0 1 26.657 31"/><path fill="#82aec0" d="M17.293 21.905v7.25h7.212a1.435 1.435 0 0 0 1.435-1.435v-5.815z"/><path fill="#b9e4ea" d="M18.778 29.155c-1.303 0 1.062-5.325 1.062-5.325s6.1-5.6 6.1-1.712s-5.863 7.037-7.163 7.037"/><path fill="#f5f5f5" d="M21.28 24.11s4.66-.297 4.66-2.137V5.113c0-.83-.588-1.503-1.503-1.503H5.34c-.987 0-1.502.672-1.502 1.502v22.54c0 .83.672 1.503 1.502 1.503h13.205c2.882-.68 2.735-5.045 2.735-5.045"/><path fill="#2f7889" d="M7.033 5.998c.429 0 .777-.389.777-.868c0-.48-.348-.867-.777-.867s-.778.388-.778.867c0 .48.348.868.777.868"/><path fill="#94d1e0" d="M7.392 4.418a1.9 1.9 0 0 1-.18-.81c0-.703.365-1.295.798-1.295c.432 0 .8.592.8 1.294h1.175C9.985 2.17 9.1 1 8.012 1C6.925 1 6.037 2.17 6.037 3.608c0 .512.113.99.305 1.392c.175.365.553.527.885.35c.283-.147.318-.617.165-.932"/><path fill="#2f7889" d="M9.148 1.477c.005.015.15.39-.055.75c-.208.368-.638.31-.638.31c.213.235.355.63.355 1.07h1.18c0-.88-.337-1.657-.842-2.13m3.132 4.521c.43 0 .777-.389.777-.868c0-.48-.348-.867-.777-.867s-.777.388-.777.867c0 .48.348.868.777.868"/><path fill="#94d1e0" d="M12.64 4.418c-.12-.254-.18-.53-.18-.81c0-.703.365-1.295.797-1.295s.8.592.8 1.294h1.175C15.233 2.17 14.349 1 13.259 1c-1.088 0-1.975 1.17-1.975 2.608c0 .512.112.99.305 1.392c.175.365.552.527.885.35c.284-.147.32-.617.167-.932"/><path fill="#2f7889" d="M14.395 1.477c.005.015.15.39-.055.75c-.207.368-.637.31-.637.31c.212.235.354.63.354 1.07h1.185c0-.88-.342-1.657-.847-2.13m3.133 4.521c.429 0 .777-.389.777-.868c0-.48-.348-.867-.777-.867s-.778.388-.778.867c0 .48.348.868.777.868"/><path fill="#94d1e0" d="M17.888 4.418a1.9 1.9 0 0 1-.18-.81c0-.703.365-1.295.797-1.295s.8.592.8 1.294h1.175C20.48 2.17 19.595 1 18.505 1c-1.087 0-1.975 1.17-1.975 2.608c0 .512.112.99.305 1.392c.175.365.552.527.885.35c.283-.147.32-.617.168-.932"/><path fill="#2f7889" d="M19.643 1.477c.005.015.15.39-.056.75c-.207.368-.637.31-.637.31c.213.235.355.63.355 1.07h1.188c0-.88-.345-1.657-.85-2.13m3.127 4.521c.43 0 .777-.389.777-.868c0-.48-.348-.867-.777-.867s-.777.388-.777.867c0 .48.348.868.777.868"/><path fill="#94d1e0" d="M23.133 4.418a1.9 1.9 0 0 1-.18-.81c0-.703.364-1.295.797-1.295s.8.592.8 1.294h1.175C25.725 2.17 24.837 1 23.75 1s-1.975 1.17-1.975 2.608c0 .512.113.99.305 1.392c.175.365.553.527.885.35c.282-.147.317-.617.168-.932"/><path fill="#2f7889" d="M24.885 1.477c.005.015.15.39-.055.75c-.207.368-.637.31-.637.31c.212.235.354.63.354 1.07l.403.028s.4.032.79.182c0 0 .135-1.512-.855-2.34"/><g opacity=".9"><path fill="#4fc3f7" d="M21.085 26.008H3.867v-.503H21.18a2.6 2.6 0 0 1-.095.503m4.17-2.953H3.867v-.503h21.918c-.223.346-.53.503-.53.503"/><path stroke="#4fc3f7" stroke-miterlimit="10" stroke-width=".501" d="M25.94 19.853H3.867m22.073-2.956H3.867m22.073-2.952H3.867m22.073-2.953H3.867M25.94 8.04H3.867"/></g><path fill="#2f7889" d="M28.153 9.532L25.94 8.29v-.505l2.223 1.247zm0 2.953l-2.213-1.24v-.505l2.223 1.248zm0 2.955l-2.213-1.242v-.505l2.223 1.247zm0 2.952L25.94 17.15v-.505l2.223 1.25zm0 2.956l-2.213-1.243V19.6l2.223 1.247zm0 2.952l-2.213-1.242v-.506l2.223 1.248zm0 2.953L25.94 26.01v-.505l2.223 1.25z" opacity=".75"/></g></svg>

Fs Memo アイコンの使い方

React

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

<Icon icon="unjs:fs-memo" width="24" />

Vue

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

<template>
  <Icon icon="unjs:fs-memo" width="24" />
</template>

Svelte

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

<Icon icon="unjs:fs-memo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[unjs--fs-memo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/unjs -->
<div class="i-unjs:fs-memo"></div>

Web コンポーネント

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

<iconify-icon icon="unjs:fs-memo"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/unjs/fs-memo.svg" alt="Fs Memo アイコン" width="24" height="24">

Fs Memo アイコンのよくある質問

Fs Memo アイコンは商用利用でも無料ですか?

はい。UnJS Logos icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Fs Memo アイコンを使うには?

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

Fs Memo アイコンをウェブページに追加するには?

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

UnJS Logos アイコンをすべて見る →