staroflife icon
staroflife-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.
- Name
- staroflife-fill
- Set
- Framework7 Icons
- Style
- Fill
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
Use the staroflife icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M31.574 46.691V34.13l10.805 6.234c2.156 1.29 3.094.985 4.523-1.218l.188-.258c1.453-2.227.96-3.375-1.196-4.594l-11.203-6.469l11.18-6.117c2.18-1.195 2.484-2.297 1.219-4.57l-.188-.282c-1.336-2.296-2.414-2.46-4.547-1.265l-10.78 6.258V9.308c0-2.554-.868-3.257-3.493-3.257h-.281c-2.625 0-3.492.703-3.492 3.258v12.539L13.527 15.59c-2.109-1.242-3.468-1.195-4.617 1.265l-.117.258c-1.125 2.39-.937 3.352 1.242 4.618l11.156 6.093l-11.203 6.469c-2.156 1.242-2.531 2.297-1.172 4.617l.118.211c1.312 2.297 2.414 2.531 4.57 1.242l10.805-6.234V46.69c0 2.555.867 3.258 3.492 3.258h.281c2.625 0 3.492-.703 3.492-3.258"/></svg>
React
import type { SVGProps } from "react";
export function F7StaroflifeFill(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="M31.574 46.691V34.13l10.805 6.234c2.156 1.29 3.094.985 4.523-1.218l.188-.258c1.453-2.227.96-3.375-1.196-4.594l-11.203-6.469l11.18-6.117c2.18-1.195 2.484-2.297 1.219-4.57l-.188-.282c-1.336-2.296-2.414-2.46-4.547-1.265l-10.78 6.258V9.308c0-2.554-.868-3.257-3.493-3.257h-.281c-2.625 0-3.492.703-3.492 3.258v12.539L13.527 15.59c-2.109-1.242-3.468-1.195-4.617 1.265l-.117.258c-1.125 2.39-.937 3.352 1.242 4.618l11.156 6.093l-11.203 6.469c-2.156 1.242-2.531 2.297-1.172 4.617l.118.211c1.312 2.297 2.414 2.531 4.57 1.242l10.805-6.234V46.69c0 2.555.867 3.258 3.492 3.258h.281c2.625 0 3.492-.703 3.492-3.258"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M31.574 46.691V34.13l10.805 6.234c2.156 1.29 3.094.985 4.523-1.218l.188-.258c1.453-2.227.96-3.375-1.196-4.594l-11.203-6.469l11.18-6.117c2.18-1.195 2.484-2.297 1.219-4.57l-.188-.282c-1.336-2.296-2.414-2.46-4.547-1.265l-10.78 6.258V9.308c0-2.554-.868-3.257-3.493-3.257h-.281c-2.625 0-3.492.703-3.492 3.258v12.539L13.527 15.59c-2.109-1.242-3.468-1.195-4.617 1.265l-.117.258c-1.125 2.39-.937 3.352 1.242 4.618l11.156 6.093l-11.203 6.469c-2.156 1.242-2.531 2.297-1.172 4.617l.118.211c1.312 2.297 2.414 2.531 4.57 1.242l10.805-6.234V46.69c0 2.555.867 3.258 3.492 3.258h.281c2.625 0 3.492-.703 3.492-3.258"/></svg> </template>
CSS
.icon-staroflife-fill {
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%22M31.574%2046.691V34.13l10.805%206.234c2.156%201.29%203.094.985%204.523-1.218l.188-.258c1.453-2.227.96-3.375-1.196-4.594l-11.203-6.469l11.18-6.117c2.18-1.195%202.484-2.297%201.219-4.57l-.188-.282c-1.336-2.296-2.414-2.46-4.547-1.265l-10.78%206.258V9.308c0-2.554-.868-3.257-3.493-3.257h-.281c-2.625%200-3.492.703-3.492%203.258v12.539L13.527%2015.59c-2.109-1.242-3.468-1.195-4.617%201.265l-.117.258c-1.125%202.39-.937%203.352%201.242%204.618l11.156%206.093l-11.203%206.469c-2.156%201.242-2.531%202.297-1.172%204.617l.118.211c1.312%202.297%202.414%202.531%204.57%201.242l10.805-6.234V46.69c0%202.555.867%203.258%203.492%203.258h.281c2.625%200%203.492-.703%203.492-3.258%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%22M31.574%2046.691V34.13l10.805%206.234c2.156%201.29%203.094.985%204.523-1.218l.188-.258c1.453-2.227.96-3.375-1.196-4.594l-11.203-6.469l11.18-6.117c2.18-1.195%202.484-2.297%201.219-4.57l-.188-.282c-1.336-2.296-2.414-2.46-4.547-1.265l-10.78%206.258V9.308c0-2.554-.868-3.257-3.493-3.257h-.281c-2.625%200-3.492.703-3.492%203.258v12.539L13.527%2015.59c-2.109-1.242-3.468-1.195-4.617%201.265l-.117.258c-1.125%202.39-.937%203.352%201.242%204.618l11.156%206.093l-11.203%206.469c-2.156%201.242-2.531%202.297-1.172%204.617l.118.211c1.312%202.297%202.414%202.531%204.57%201.242l10.805-6.234V46.69c0%202.555.867%203.258%203.492%203.258h.281c2.625%200%203.492-.703%203.492-3.258%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/staroflife-fill.svg?color=%231a73e8&size=48
