A decentralized music tracking and discovery platform built on AT Protocol 馃幍
rocksky.app
spotify
atproto
lastfm
musicbrainz
scrobbling
listenbrainz
1import * as React from "react";
2
3export type HeartProps = {
4 size?: number;
5 color?: string;
6 width?: number;
7 height?: number;
8};
9
10const Heart: React.FC<HeartProps> = ({
11 size = 20,
12 color = "#ab28fc",
13 ...props
14}) => (
15 <svg
16 width={size}
17 xmlns="http://www.w3.org/2000/svg"
18 height={size}
19 style={{
20 WebkitPrintColorAdjust: "exact",
21 paddingTop: 1,
22 }}
23 fill="none"
24 {...props}
25 >
26 <g
27 style={{
28 fill: color,
29 }}
30 >
31 <path
32 d="M10 17c-.247 0-.488-.071-.692-.203-3.023-1.945-4.332-3.279-5.053-4.113C2.716 10.907 1.98 9.082 2 7.106 2.025 4.842 3.941 3 6.273 3c1.695 0 2.869.905 3.553 1.659a.236.236 0 0 0 .348 0C10.858 3.905 12.032 3 13.727 3 16.059 3 17.975 4.842 18 7.107c.02 1.976-.717 3.801-2.255 5.578-.721.834-2.03 2.167-5.053 4.112A1.275 1.275 0 0 1 10 17Z"
33 style={{
34 fill: color,
35 fillOpacity: 1,
36 }}
37 className="ionicon"
38 />
39 </g>
40 </svg>
41);
42
43export default Heart;