memories icon
memories from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- memories
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
The same icon in other sets
Related icons in Framework7 Icons
Use the memories icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M9.426 31.305c.61 0 1.078-.164 1.664-.586l6.117-4.524a1.89 1.89 0 0 0 .797-1.547c0-1.101-.867-1.898-1.852-1.898c-.445 0-.843.117-1.195.398l-3.14 2.438A19.22 19.22 0 0 1 30.94 8.71A19.265 19.265 0 0 1 50.254 28c.024 10.71-8.578 19.313-19.313 19.313c-5.976 0-11.156-2.72-14.695-6.82c-.516-.587-1.125-.845-1.71-.845c-.962 0-1.852.774-1.852 1.852c0 .516.234 1.102.75 1.734c4.101 4.875 10.523 8.04 17.507 8.04c12.75 0 23.274-10.547 23.274-23.274c0-12.703-10.547-23.273-23.274-23.273c-11.789 0-21.726 9.093-23.109 20.578l-2.508-3.563c-.375-.539-.937-.89-1.617-.89c-1.078 0-1.922.773-1.922 1.851c0 .469.14.914.422 1.266l4.922 6.07c.75.938 1.36 1.266 2.297 1.266m15.586 4.383c0 1.054 1.171 1.546 2.203.937l12.562-7.43c.914-.539.89-1.828 0-2.367l-12.562-7.43c-.961-.562-2.203-.14-2.203.938Z"/></svg>
React
import type { SVGProps } from "react";
export function F7Memories(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M9.426 31.305c.61 0 1.078-.164 1.664-.586l6.117-4.524a1.89 1.89 0 0 0 .797-1.547c0-1.101-.867-1.898-1.852-1.898c-.445 0-.843.117-1.195.398l-3.14 2.438A19.22 19.22 0 0 1 30.94 8.71A19.265 19.265 0 0 1 50.254 28c.024 10.71-8.578 19.313-19.313 19.313c-5.976 0-11.156-2.72-14.695-6.82c-.516-.587-1.125-.845-1.71-.845c-.962 0-1.852.774-1.852 1.852c0 .516.234 1.102.75 1.734c4.101 4.875 10.523 8.04 17.507 8.04c12.75 0 23.274-10.547 23.274-23.274c0-12.703-10.547-23.273-23.274-23.273c-11.789 0-21.726 9.093-23.109 20.578l-2.508-3.563c-.375-.539-.937-.89-1.617-.89c-1.078 0-1.922.773-1.922 1.851c0 .469.14.914.422 1.266l4.922 6.07c.75.938 1.36 1.266 2.297 1.266m15.586 4.383c0 1.054 1.171 1.546 2.203.937l12.562-7.43c.914-.539.89-1.828 0-2.367l-12.562-7.43c-.961-.562-2.203-.14-2.203.938Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M9.426 31.305c.61 0 1.078-.164 1.664-.586l6.117-4.524a1.89 1.89 0 0 0 .797-1.547c0-1.101-.867-1.898-1.852-1.898c-.445 0-.843.117-1.195.398l-3.14 2.438A19.22 19.22 0 0 1 30.94 8.71A19.265 19.265 0 0 1 50.254 28c.024 10.71-8.578 19.313-19.313 19.313c-5.976 0-11.156-2.72-14.695-6.82c-.516-.587-1.125-.845-1.71-.845c-.962 0-1.852.774-1.852 1.852c0 .516.234 1.102.75 1.734c4.101 4.875 10.523 8.04 17.507 8.04c12.75 0 23.274-10.547 23.274-23.274c0-12.703-10.547-23.273-23.274-23.273c-11.789 0-21.726 9.093-23.109 20.578l-2.508-3.563c-.375-.539-.937-.89-1.617-.89c-1.078 0-1.922.773-1.922 1.851c0 .469.14.914.422 1.266l4.922 6.07c.75.938 1.36 1.266 2.297 1.266m15.586 4.383c0 1.054 1.171 1.546 2.203.937l12.562-7.43c.914-.539.89-1.828 0-2.367l-12.562-7.43c-.961-.562-2.203-.14-2.203.938Z"/></svg> </template>
CSS
.icon-memories {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.426%2031.305c.61%200%201.078-.164%201.664-.586l6.117-4.524a1.89%201.89%200%200%200%20.797-1.547c0-1.101-.867-1.898-1.852-1.898c-.445%200-.843.117-1.195.398l-3.14%202.438A19.22%2019.22%200%200%201%2030.94%208.71A19.265%2019.265%200%200%201%2050.254%2028c.024%2010.71-8.578%2019.313-19.313%2019.313c-5.976%200-11.156-2.72-14.695-6.82c-.516-.587-1.125-.845-1.71-.845c-.962%200-1.852.774-1.852%201.852c0%20.516.234%201.102.75%201.734c4.101%204.875%2010.523%208.04%2017.507%208.04c12.75%200%2023.274-10.547%2023.274-23.274c0-12.703-10.547-23.273-23.274-23.273c-11.789%200-21.726%209.093-23.109%2020.578l-2.508-3.563c-.375-.539-.937-.89-1.617-.89c-1.078%200-1.922.773-1.922%201.851c0%20.469.14.914.422%201.266l4.922%206.07c.75.938%201.36%201.266%202.297%201.266m15.586%204.383c0%201.054%201.171%201.546%202.203.937l12.562-7.43c.914-.539.89-1.828%200-2.367l-12.562-7.43c-.961-.562-2.203-.14-2.203.938Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.426%2031.305c.61%200%201.078-.164%201.664-.586l6.117-4.524a1.89%201.89%200%200%200%20.797-1.547c0-1.101-.867-1.898-1.852-1.898c-.445%200-.843.117-1.195.398l-3.14%202.438A19.22%2019.22%200%200%201%2030.94%208.71A19.265%2019.265%200%200%201%2050.254%2028c.024%2010.71-8.578%2019.313-19.313%2019.313c-5.976%200-11.156-2.72-14.695-6.82c-.516-.587-1.125-.845-1.71-.845c-.962%200-1.852.774-1.852%201.852c0%20.516.234%201.102.75%201.734c4.101%204.875%2010.523%208.04%2017.507%208.04c12.75%200%2023.274-10.547%2023.274-23.274c0-12.703-10.547-23.273-23.274-23.273c-11.789%200-21.726%209.093-23.109%2020.578l-2.508-3.563c-.375-.539-.937-.89-1.617-.89c-1.078%200-1.922.773-1.922%201.851c0%20.469.14.914.422%201.266l4.922%206.07c.75.938%201.36%201.266%202.297%201.266m15.586%204.383c0%201.054%201.171%201.546%202.203.937l12.562-7.43c.914-.539.89-1.828%200-2.367l-12.562-7.43c-.961-.562-2.203-.14-2.203.938Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/memories.svg?color=%231a73e8&size=48
