Иконка Memories Badge Plus
f7:memories-badge-plus
Иконка Memories Badge Plus (f7:memories-badge-plus) — бесплатная SVG-иконка из набора Framework7 Icons от 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>Веб-компонент
<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, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Memories Badge Plus в React?
Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.