Memories アイコン
arcticons:memories
Memories アイコン(arcticons:memories)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
- タグ
- memory
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><rect width="25.33" height="33.399" x="7.492" y="8.004" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="2.725" ry="2.725"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m32.538 9.523l.477.121l.009.003l.003.003l3.005.766a2.7 2.7 0 0 1 1.678 1.264c.352.597.476 1.328.289 2.052L32.82 34.015m-2.992 8.465l.003-.002a2.7 2.7 0 0 0 1.087-1.201m-23.425-3.92a2.72 2.72 0 0 1-.95-2.815l.27-1.054v-.003l.68-2.662M13.32 8.005l.136-.54a2.726 2.726 0 0 1 3.316-1.967l1.443.369l8.373 2.138"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m33.014 9.644l.01.003l.003.003M30.41 41.388l-.204.47a2.6 2.6 0 0 1-.374.62l-.004.003a2.72 2.72 0 0 1-3.205.794l-4.317-1.871M37.71 11.68l2.188.947a2.727 2.727 0 0 1 1.42 3.583l-8.497 19.613M18.215 5.867a2.72 2.72 0 0 1 3.443-1.14l7.57 3.278"/><rect width="20.568" height="23.133" x="9.873" y="11.143" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="1.862" ry="1.862"/><circle cx="20.157" cy="22.556" r="7.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M22.321 18.808h-4.327l-2.164 3.748l2.164 3.748h4.327l2.164-3.748zm2.164 3.748l2.169 3.758m-12.988-7.506l2.164 3.748m4.327-7.5l-2.163 3.752m4.327 7.496l-2.164 3.752m-2.163-3.752H13.66m8.661-7.496h4.333"/></svg>Memories アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:memories" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:memories" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:memories" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--memories]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:memories"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:memories"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/memories.svg" alt="Memories アイコン" width="24" height="24">他のアイコンセットの Memories アイコン
Memories アイコン のよくある質問
Memories アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Memories アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:memories" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Memories アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/memories.svg" alt="Memories アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。