feat: Added new icons NavUp, NavDown, Dot

src/Icon/iconMap.js

@@ -28,6 +28,7 @@ const iconMap = {
 	chevron: require('../icons/Chevron').default,
 	collection: require('../icons/Collection').default,
 	disk: require('../icons/Disk').default,
+	dot: require('../icons/Dot').default,
 	download: require('../icons/Download').default,
 	dropbox: require('../icons/Dropbox').default,
 	edit: require('../icons/Edit').default,
@@ -45,8 +46,10 @@ const iconMap = {
 	logout: require('../icons/Logout').default,
 	megaphone: require('../icons/Megaphone').default,
 	menu: require('../icons/Menu').default,
+	'nav-down': require('../icons/NavDown').default,
 	'nav-left': require('../icons/NavLeft').default,
 	'nav-right': require('../icons/NavRight').default,
+	'nav-up': require('../icons/NavUp').default,
 	offline: require('../icons/Offline').default,
 	ok: require('../icons/Ok').default,
 	pause: require('../icons/Pause').default,

src/icons/Dot.js

@@ -0,0 +1,31 @@
+import React, {forwardRef} from 'react';
+
+import Svg from './BaseSvg';
+
+const DotIcon = forwardRef((props, ref) => {
+	const {size, color, ...otherProps} = props;
+
+	return (
+		<Svg
+			{...otherProps}
+			ref={ref}
+			viewBox="0 0 18 18"
+			width={size}
+			height={size}
+			fill={color}
+			fillRule="evenodd"
+			clipRule="evenodd"
+		>
+			<path d="M 9 4 A 5 5 0 0 1 9 14 A 5 5 0 0 1 9 4" />
+		</Svg>
+	);
+});
+
+DotIcon.displayName = 'DotIcon';
+
+DotIcon.defaultProps = {
+	size: 18,
+	color: 'currentcolor',
+};
+
+export default DotIcon;

src/icons/NavDown.js

@@ -0,0 +1,31 @@
+import React, {forwardRef} from 'react';
+
+import Svg from './BaseSvg';
+
+const NavDownIcon = forwardRef((props, ref) => {
+	const {size, color, ...otherProps} = props;
+
+	return (
+		<Svg
+			{...otherProps}
+			ref={ref}
+			viewBox="0 0 18 18"
+			width={size}
+			height={size}
+			fill={color}
+			fillRule="evenodd"
+			clipRule="evenodd"
+		>
+			<path d="M14,5l-5,9l-5,-9l10,0Z" />
+		</Svg>
+	);
+});
+
+NavDownIcon.displayName = 'NavDownIcon';
+
+NavDownIcon.defaultProps = {
+	size: 18,
+	color: 'currentcolor',
+};
+
+export default NavDownIcon;

src/icons/NavUp.js

@@ -0,0 +1,31 @@
+import React, {forwardRef} from 'react';
+
+import Svg from './BaseSvg';
+
+const NavUpIcon = forwardRef((props, ref) => {
+	const {size, color, ...otherProps} = props;
+
+	return (
+		<Svg
+			{...otherProps}
+			ref={ref}
+			viewBox="0 0 18 18"
+			width={size}
+			height={size}
+			fill={color}
+			fillRule="evenodd"
+			clipRule="evenodd"
+		>
+			<path d="M4,13l5,-9l5,9l-10,0Z" />
+		</Svg>
+	);
+});
+
+NavUpIcon.displayName = 'NavUpIcon';
+
+NavUpIcon.defaultProps = {
+	size: 18,
+	color: 'currentcolor',
+};
+
+export default NavUpIcon;

src/icons/README.mdx

@@ -53,6 +53,7 @@ After that, you can follow the normal instructions for updating/publishing this
 	<Icon name="chevron" />
 	<Icon name="collection" />
 	<Icon name="disk" />
+	<Icon name="dot" />
 	<Icon name="download" />
 	<Icon name="dropbox" />
 	<Icon name="edit" />
@@ -72,6 +73,8 @@ After that, you can follow the normal instructions for updating/publishing this
 	<Icon name="menu" />
 	<Icon name="nav-left" />
 	<Icon name="nav-right" />
+	<Icon name="nav-up" />
+	<Icon name="nav-down" />
 	<Icon name="offline" />
 	<Icon name="ok" />
 	<Icon name="pause" />

src/icons/index.js

@@ -26,6 +26,7 @@ export {default as Chat} from './Chat';
 export {default as Chevron} from './Chevron';
 export {default as Collection} from './Collection';
 export {default as Disk} from './Disk';
+export {default as Dot} from './Dot';
 export {default as Download} from './Download';
 export {default as Dropbox} from './Dropbox';
 export {default as Edit} from './Edit';
@@ -43,8 +44,10 @@ export {default as Link} from './Link';
 export {default as Logout} from './Logout';
 export {default as Megaphone} from './Megaphone';
 export {default as Menu} from './Menu';
+export {default as NavDown} from './NavDown';
 export {default as NavLeft} from './NavLeft';
 export {default as NavRight} from './NavRight';
+export {default as NavUp} from './NavUp';
 export {default as Offline} from './Offline';
 export {default as Ok} from './Ok';
 export {default as Pause} from './Pause';