add new icons

WordPress · Jan 12, 2021 · 25e8f9e · 25e8f9e
1 parent 6adc834
commit 25e8f9e
Show file tree

Hide file tree

Showing 9 changed files with 87 additions and 4 deletions.
diff --git a/packages/block-library/src/query-pagination-next/index.js b/packages/block-library/src/query-pagination-next/index.js
@@ -2,6 +2,7 @@
  * WordPress dependencies
  */
 import { _x, __ } from '@wordpress/i18n';
+import { queryPaginationNext as icon } from '@wordpress/icons';
 
 /**
  * Internal dependencies
@@ -15,7 +16,7 @@ export { metadata, name };
 export const settings = {
 	title: _x( 'Query Pagination Next', 'block title' ),
 	description: __( 'Displays the next posts page link.' ),
-	// TODO create icon
+	icon,
 	edit,
 	parent: [ 'core/query-pagination' ],
 };
diff --git a/packages/block-library/src/query-pagination-numbers/index.js b/packages/block-library/src/query-pagination-numbers/index.js
@@ -2,6 +2,7 @@
  * WordPress dependencies
  */
 import { _x, __ } from '@wordpress/i18n';
+import { queryPaginationNumbers as icon } from '@wordpress/icons';
 
 /**
  * Internal dependencies
@@ -15,7 +16,7 @@ export { metadata, name };
 export const settings = {
 	title: _x( 'Query Pagination Numbers', 'block title' ),
 	description: __( 'Displays a list of page numbers for pagination' ),
-	// TODO create icon
+	icon,
 	edit,
 	parent: [ 'core/query-pagination' ],
 };
diff --git a/packages/block-library/src/query-pagination-previous/index.js b/packages/block-library/src/query-pagination-previous/index.js
@@ -2,6 +2,7 @@
  * WordPress dependencies
  */
 import { _x, __ } from '@wordpress/i18n';
+import { queryPaginationPrevious as icon } from '@wordpress/icons';
 
 /**
  * Internal dependencies
@@ -15,7 +16,7 @@ export { metadata, name };
 export const settings = {
 	title: _x( 'Query Pagination Previous', 'block title' ),
 	description: __( 'Displays the previous posts page link.' ),
-	// TODO create icon
+	icon,
 	edit,
 	parent: [ 'core/query-pagination' ],
 };
diff --git a/packages/block-library/src/query-pagination/index.js b/packages/block-library/src/query-pagination/index.js
@@ -2,6 +2,7 @@
  * WordPress dependencies
  */
 import { _x, __ } from '@wordpress/i18n';
+import { queryPagination as icon } from '@wordpress/icons';
 
 /**
  * Internal dependencies
@@ -18,7 +19,7 @@ export const settings = {
 	description: __(
 		'Displays a paginated navigation to next/previous set of posts, when applicable.'
 	),
-	// TODO create icon
+	icon,
 	edit,
 	save,
 	parent: [ 'core/query' ],

diff --git a/packages/icons/src/index.js b/packages/icons/src/index.js
@@ -139,6 +139,10 @@ export { default as preformatted } from './library/preformatted';
 export { default as pullLeft } from './library/pull-left';
 export { default as pullRight } from './library/pull-right';
 export { default as pullquote } from './library/pullquote';
+export { default as queryPagination } from './library/query-pagination';
+export { default as queryPaginationNext } from './library/query-pagination-next';
+export { default as queryPaginationNumbers } from './library/query-pagination-numbers';
+export { default as queryPaginationPrevious } from './library/query-pagination-previous';
 export { default as quote } from './library/quote';
 export { default as receipt } from './library/receipt';
 export { default as redo } from './library/redo';

diff --git a/packages/icons/src/library/query-pagination-next.js b/packages/icons/src/library/query-pagination-next.js
@@ -0,0 +1,14 @@
+/**
+ * WordPress dependencies
+ */
+import { SVG, Path, Rect } from '@wordpress/primitives';
+
+const queryPaginationNext = (
+	<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+		<Rect x="6" y="10.5" width="3" height="3" rx="1.5" fill="#000" />
+		<Rect x="11" y="10.5" width="3" height="3" rx="1.5" fill="#000" />
+		<Path d="M16.5 9.5L19 12l-2.5 2.5" stroke="#1E1E1E" strokeWidth="1.5" />
+	</SVG>
+);
+
+export default queryPaginationNext;
diff --git a/packages/icons/src/library/query-pagination-numbers.js b/packages/icons/src/library/query-pagination-numbers.js
@@ -0,0 +1,17 @@
+/**
+ * WordPress dependencies
+ */
+import { SVG, Path, Rect } from '@wordpress/primitives';
+
+const queryPaginationNumbers = (
+	<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+		<Rect x="4" y="10.5" width="6" height="3" rx="1.5" fill="#000" />
+		<Path d="M13.5 14v-4l-1.5.5" stroke="#1E1E1E" />
+		<Path
+			d="M19.266 9.805c-.473-.611-1.22-.51-1.702-.367a3.854 3.854 0 00-.718.307l.13 1.082c.192-.17.47-.422.782-.515.34-.1.578.025.668.141.21.27-.034.835-.16 1.055-.49.85-.93 1.594-1.45 2.492H19.5v-1h-.914c.277-.574.814-1.443.914-2.106.052-.343.02-.762-.234-1.09z"
+			fill="#1E1E1E"
+		/>
+	</SVG>
+);
+
+export default queryPaginationNumbers;
diff --git a/packages/icons/src/library/query-pagination-previous.js b/packages/icons/src/library/query-pagination-previous.js
@@ -0,0 +1,30 @@
+/**
+ * WordPress dependencies
+ */
+import { SVG, Path, Rect } from '@wordpress/primitives';
+
+const queryPaginationPrevious = (
+	<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+		<Rect
+			x="18"
+			y="13.5"
+			width="3"
+			height="3"
+			rx="1.5"
+			transform="rotate(-180 18 13.5)"
+			fill="#000"
+		/>
+		<Rect
+			x="13"
+			y="13.5"
+			width="3"
+			height="3"
+			rx="1.5"
+			transform="rotate(-180 13 13.5)"
+			fill="#000"
+		/>
+		<Path d="M7.5 14.5L5 12l2.5-2.5" stroke="#1E1E1E" strokeWidth="1.5" />
+	</SVG>
+);
+
+export default queryPaginationPrevious;
diff --git a/packages/icons/src/library/query-pagination.js b/packages/icons/src/library/query-pagination.js
@@ -0,0 +1,14 @@
+/**
+ * WordPress dependencies
+ */
+import { SVG, Rect } from '@wordpress/primitives';
+
+const queryPagination = (
+	<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+		<Rect x="4" y="10.5" width="6" height="3" rx="1.5" fill="#000" />
+		<Rect x="12" y="10.5" width="3" height="3" rx="1.5" fill="#000" />
+		<Rect x="17" y="10.5" width="3" height="3" rx="1.5" fill="#000" />
+	</SVG>
+);
+
+export default queryPagination;