Memories Badge Plus アイコン
f7:memories-badge-plus
Memories Badge Plus アイコン(f7:memories-badge-plus)は、Framework7 Icons セットの無料 SVG アイコンです（作者: Vladimir Kharlampidi）。 56 × 56 のグリッドで描かれています。 Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Framework7 Icons
- 作者
- Vladimir Kharlampidi
- ライセンス
- MIT
- サイズ
- 56 × 56
- タグ
- memoriesbadge、badgeplus、memoriesbadgeplus、memory
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M6.64 32.194c.53 0 .938-.143 1.447-.51l5.317-3.931c.448-.326.693-.815.693-1.345c0-.957-.754-1.65-1.61-1.65a1.6 1.6 0 0 0-1.039.347l-2.73 2.118a16.707 16.707 0 0 1 16.624-14.667c8.657 0 15.706 6.478 16.663 14.871a11.7 11.7 0 0 1 3.402-.53c-1.202-9.94-9.819-17.804-20.065-17.804S6.458 16.997 5.256 26.98l-2.18-3.097c-.326-.468-.815-.774-1.406-.774c-.937 0-1.67.672-1.67 1.61c0 .407.122.794.367 1.1l4.278 5.276c.651.815 1.181 1.1 1.996 1.1m13.548 3.81c0 .916 1.018 1.344 1.915.814L33.02 30.36c.795-.468.774-1.589 0-2.057l-10.918-6.458c-.836-.489-1.915-.122-1.915.815ZM45.65 50.384C51.274 50.385 56 45.7 56 40.037s-4.665-10.349-10.349-10.349c-5.663 0-10.348 4.686-10.348 10.349c0 5.703 4.685 10.348 10.348 10.348m.02-3.626c-.712 0-1.344-.489-1.344-1.263v-4.217h-3.89c-.693 0-1.243-.57-1.243-1.242c0-.693.55-1.263 1.242-1.263h3.891v-4.217c0-.754.632-1.243 1.345-1.243s1.324.49 1.324 1.243v4.217h3.89c.693 0 1.264.57 1.264 1.263c0 .672-.57 1.242-1.263 1.242h-3.891v4.217c0 .774-.611 1.263-1.324 1.263m-20.33-.652c-5.194 0-9.696-2.363-12.772-5.928c-.448-.509-.978-.733-1.487-.733c-.835 0-1.61.672-1.61 1.61c0 .447.204.957.652 1.507c3.565 4.237 9.147 6.987 15.218 6.987c3.36 0 6.539-.856 9.31-2.343c-.632-.937-1.1-1.955-1.468-3.055a16.6 16.6 0 0 1-7.842 1.955"/></svg>Memories Badge Plus アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="f7:memories-badge-plus" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:memories-badge-plus" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:memories-badge-plus" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--memories-badge-plus]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:memories-badge-plus"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:memories-badge-plus"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/f7/memories-badge-plus.svg" alt="Memories Badge Plus アイコン" width="24" height="24">Framework7 Icons の関連アイコン
Memories Badge Plus アイコン のよくある質問
Memories Badge Plus アイコンは商用利用でも無料ですか?
はい。Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Memories Badge Plus アイコンを使うには?
@iconify/react をインストールして <Icon icon="f7:memories-badge-plus" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Memories Badge Plus アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/f7/memories-badge-plus.svg" alt="Memories Badge Plus アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。