Skip to content
This repository has been archived by the owner on Mar 16, 2021. It is now read-only.

Commit

Permalink
feat(icons): Arrow up (#209)
Browse files Browse the repository at this point in the history
* feat(icons): Arrow up

- Fix other arrow dimensions

* test: Update snapshot
  • Loading branch information
hachiojidev committed Mar 9, 2021
1 parent 6cea4fb commit 6e93077
Show file tree
Hide file tree
Showing 4 changed files with 17 additions and 3 deletions.
2 changes: 1 addition & 1 deletion src/components/Svg/Icons/ArrowDown.tsx
Expand Up @@ -4,7 +4,7 @@ import { SvgProps } from "../types";

const Icon: React.FC<SvgProps> = (props) => {
return (
<Svg viewBox="0 0 24 25" {...props}>
<Svg viewBox="0 0 24 24" {...props}>
<path d="M11 5V16.17L6.11997 11.29C5.72997 10.9 5.08997 10.9 4.69997 11.29C4.30997 11.68 4.30997 12.31 4.69997 12.7L11.29 19.29C11.68 19.68 12.31 19.68 12.7 19.29L19.29 12.7C19.68 12.31 19.68 11.68 19.29 11.29C18.9 10.9 18.27 10.9 17.88 11.29L13 16.17V5C13 4.45 12.55 4 12 4C11.45 4 11 4.45 11 5Z" />
</Svg>
);
Expand Down
4 changes: 2 additions & 2 deletions src/components/Svg/Icons/ArrowForward.tsx
Expand Up @@ -4,8 +4,8 @@ import { SvgProps } from "../types";

const Icon: React.FC<SvgProps> = (props) => {
return (
<Svg viewBox="0 0 24 25" {...props}>
<path d="M5 13.0022H16.17L11.29 17.8822C10.9 18.2722 10.9 18.9122 11.29 19.3022C11.68 19.6922 12.31 19.6922 12.7 19.3022L19.29 12.7122C19.68 12.3222 19.68 11.6922 19.29 11.3022L12.71 4.70217C12.32 4.31217 11.69 4.31217 11.3 4.70217C10.91 5.09217 10.91 5.72217 11.3 6.11217L16.17 11.0022H5C4.45 11.0022 4 11.4522 4 12.0022C4 12.5522 4.45 13.0022 5 13.0022Z" />
<Svg viewBox="0 0 24 24" {...props}>
<path d="M5 13H16.17L11.29 17.88C10.9 18.27 10.9 18.91 11.29 19.3C11.68 19.69 12.31 19.69 12.7 19.3L19.29 12.71C19.68 12.32 19.68 11.69 19.29 11.3L12.71 4.7C12.32 4.31 11.69 4.31 11.3 4.7C10.91 5.09 10.91 5.72 11.3 6.11L16.17 11H5C4.45 11 4 11.45 4 12C4 12.55 4.45 13 5 13Z" />
</Svg>
);
};
Expand Down
13 changes: 13 additions & 0 deletions src/components/Svg/Icons/ArrowUp.tsx
@@ -0,0 +1,13 @@
import React from "react";
import Svg from "../Svg";
import { SvgProps } from "../types";

const Icon: React.FC<SvgProps> = (props) => {
return (
<Svg viewBox="0 0 24 24" {...props}>
<path d="M13 19V7.83001L17.88 12.71C18.27 13.1 18.91 13.1 19.3 12.71C19.69 12.32 19.69 11.69 19.3 11.3L12.71 4.71001C12.32 4.32001 11.69 4.32001 11.3 4.71001L4.69997 11.29C4.30997 11.68 4.30997 12.31 4.69997 12.7C5.08997 13.09 5.71997 13.09 6.10997 12.7L11 7.83001V19C11 19.55 11.45 20 12 20C12.55 20 13 19.55 13 19Z" />
</Svg>
);
};

export default Icon;
1 change: 1 addition & 0 deletions src/components/Svg/index.tsx
Expand Up @@ -4,6 +4,7 @@ export { default as ArrowDownIcon } from "./Icons/ArrowDown";
export { default as ArrowDropDownIcon } from "./Icons/ArrowDropDown";
export { default as ArrowDropUpIcon } from "./Icons/ArrowDropUp";
export { default as ArrowForwardIcon } from "./Icons/ArrowForward";
export { default as ArrowUpIcon } from "./Icons/ArrowUp";
export { default as AutoRenewIcon } from "./Icons/AutoRenew";
export { default as BinanceIcon } from "./Icons/Binance";
export { default as BlockIcon } from "./Icons/Block";
Expand Down

0 comments on commit 6e93077

Please sign in to comment.