summaryrefslogtreecommitdiffstats
path: root/src/components/atoms/icons/feed.tsx
blob: 4428eb9120a913bd0d1279972b7745f27f930beb (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
import { FC } from 'react';
import styles from './feed.module.scss';

export type FeedProps = {
  /**
   * Should the svg be hidden from assistive technologies?
   */
  'aria-hidden'?: boolean;
  /**
   * Set additional classnames to the icon.
   */
  className?: string;
};

/**
 * Feed Component
 *
 * Render a feed svg icon.
 */
const Feed: FC<FeedProps> = ({ className = '', ...props }) => {
  return (
    <svg
      viewBox="0 0 256 256"
      xmlns="http://www.w3.org/2000/svg"
      className={`${styles.icon} ${className}`}
      {...props}
    >
      <defs>
        <linearGradient x1="0.085" y1="0.085" x2="0.915" y2="0.915" id="RSSg">
          <stop offset="0.0" stopColor="#E3702D" />
          <stop offset="0.1071" stopColor="#EA7D31" />
          <stop offset="0.3503" stopColor="#F69537" />
          <stop offset="0.5" stopColor="#FB9E3A" />
          <stop offset="0.7016" stopColor="#EA7C31" />
          <stop offset="0.8866" stopColor="#DE642B" />
          <stop offset="1.0" stopColor="#D95B29" />
        </linearGradient>
      </defs>
      <rect
        width="256"
        height="256"
        rx="55"
        ry="55"
        x="0"
        y="0"
        fill="#CC5D15"
      />
      <rect
        width="246"
        height="246"
        rx="50"
        ry="50"
        x="5"
        y="5"
        fill="#F49C52"
      />
      <rect
        width="236"
        height="236"
        rx="47"
        ry="47"
        x="10"
        y="10"
        fill="url(#RSSg)"
      />
      <circle cx="68" cy="189" r="24" fill="#FFF" />
      <path
        d="M160 213h-34a82 82 0 0 0 -82 -82v-34a116 116 0 0 1 116 116z"
        fill="#FFF"
      />
      <path
        d="M184 213A140 140 0 0 0 44 73 V 38a175 175 0 0 1 175 175z"
        fill="#FFF"
      />
    </svg>
  );
};

export default Feed;