diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-04-26 18:16:00 +0200 | 
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-04-26 18:16:00 +0200 | 
| commit | 5324664e87bedfaa01ba62c0c847ef5b861e69b3 (patch) | |
| tree | beb3b76b89fa59ffd5192b540013e4d5f3e77740 /src/components/atoms/icons/feed.tsx | |
| parent | 8a6f09b564d5d2f02d0a2605f6b52070a910aaa3 (diff) | |
chore: add a Feed icon component
Diffstat (limited to 'src/components/atoms/icons/feed.tsx')
| -rw-r--r-- | src/components/atoms/icons/feed.tsx | 74 | 
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; | 
