aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/atoms/icons/feed.tsx
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2022-04-26 18:16:00 +0200
committerArmand Philippot <git@armandphilippot.com>2022-04-26 18:16:00 +0200
commit5324664e87bedfaa01ba62c0c847ef5b861e69b3 (patch)
treebeb3b76b89fa59ffd5192b540013e4d5f3e77740 /src/components/atoms/icons/feed.tsx
parent8a6f09b564d5d2f02d0a2605f6b52070a910aaa3 (diff)
chore: add a Feed icon component
Diffstat (limited to 'src/components/atoms/icons/feed.tsx')
-rw-r--r--src/components/atoms/icons/feed.tsx74
1 files changed, 74 insertions, 0 deletions
diff --git a/src/components/atoms/icons/feed.tsx b/src/components/atoms/icons/feed.tsx
new file mode 100644
index 0000000..6839abd
--- /dev/null
+++ b/src/components/atoms/icons/feed.tsx
@@ -0,0 +1,74 @@
+import { FC } from 'react';
+import styles from './feed.module.scss';
+
+export type FeedProps = {
+ /**
+ * Set additional classnames to the icon.
+ */
+ className?: string;
+};
+
+/**
+ * Feed Component
+ *
+ * Render a feed svg icon.
+ */
+const Feed: FC<FeedProps> = ({ className = '' }) => {
+ return (
+ <svg
+ viewBox="0 0 256 256"
+ xmlns="http://www.w3.org/2000/svg"
+ className={`${styles.icon} ${className}`}
+ >
+ <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;