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 HeartOutlineProps = {
4 size?: number;
5 color?: string;
6 width?: number;
7 height?: number;
8};
9
10const HeartOutline: React.FC<HeartOutlineProps> = ({
11 size = 20,
12 color = "#000",
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 className="ionicon"
28 style={{
29 fill: color,
30 }}
31 >
32 <path
33 fill="none"
34 stroke="currentColor"
35 strokeLinecap="round"
36 strokeLinejoin="round"
37 d="M13.534 4C11.167 4 10 6.364 10 6.364S8.833 4 6.466 4C4.543 4 3.02 5.63 3 7.575c-.04 4.038 3.162 6.91 6.672 9.323a.578.578 0 0 0 .656 0c3.51-2.413 6.712-5.285 6.672-9.323C16.98 5.63 15.457 4 13.534 4Z"
38 style={{
39 fill: "none",
40 }}
41 />
42 <path
43 stroke="currentColor"
44 strokeLinecap="round"
45 strokeLinejoin="round"
46 d="M13.534 4C11.167 4 10 6.364 10 6.364S8.833 4 6.466 4C4.543 4 3.02 5.63 3 7.575c-.04 4.038 3.162 6.91 6.672 9.323a.578.578 0 0 0 .656 0c3.51-2.413 6.712-5.285 6.672-9.323C16.98 5.63 15.457 4 13.534 4Z"
47 style={{
48 fill: "none",
49 strokeWidth: 2,
50 stroke: color,
51 strokeOpacity: 1,
52 }}
53 className="stroke-shape"
54 />
55 </g>
56 </svg>
57);
58
59export default HeartOutline;