Update pagination icons, add new query title and post terms icons (#3…

…8521) * Update pagination icon. * Update next/prev icons. * Update pagination numbers icon. * Add new post terms and query title icons. * Wire up post terms and query title icons. * Update changelog.
WordPress · Feb 7, 2022 · f931779 · f931779
1 parent a82af52
commit f931779
Show file tree

Hide file tree

Showing 10 changed files with 47 additions and 30 deletions.
diff --git a/packages/block-library/src/post-terms/index.js b/packages/block-library/src/post-terms/index.js
@@ -5,10 +5,16 @@ import metadata from './block.json';
 import edit from './edit';
 import variations from './variations';
 
+/**
+ * WordPress dependencies
+ */
+import { postTerms as icon } from '@wordpress/icons';
+
 const { name } = metadata;
 export { metadata, name };
 
 export const settings = {
+	icon,
 	variations,
 	edit,
 };
diff --git a/packages/block-library/src/query-title/index.js b/packages/block-library/src/query-title/index.js
@@ -6,10 +6,16 @@ import edit from './edit';
 import variations from './variations';
 import deprecated from './deprecated';
 
+/**
+ * WordPress dependencies
+ */
+import { queryTitle as icon } from '@wordpress/icons';
+
 const { name } = metadata;
 export { metadata, name };
 
 export const settings = {
+	icon,
 	edit,
 	variations,
 	deprecated,

diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md
@@ -5,6 +5,7 @@
 ### New Features
 
 -   Added new block icon: `tip` ([#38424](https://github.com/WordPress/gutenberg/pull/38424)).
+-   Added new query title, post terms icons, updated pagination, pagination next/prev, and pagination numbers icons: `tip` ([#38521](https://github.com/WordPress/gutenberg/pull/38521)).
 
 ## 6.2.0 (2022-01-27)
 

diff --git a/packages/icons/src/index.js b/packages/icons/src/index.js
@@ -163,6 +163,7 @@ export { default as postExcerpt } from './library/post-excerpt';
 export { default as postFeaturedImage } from './library/post-featured-image';
 export { default as postList } from './library/post-list';
 export { default as postTitle } from './library/post-title';
+export { default as postTerms } from './library/post-terms';
 export { default as previous } from './library/previous';
 export { default as next } from './library/next';
 export { default as preformatted } from './library/preformatted';
@@ -173,6 +174,7 @@ 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 queryTitle } from './library/query-title';
 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/post-terms.js b/packages/icons/src/library/post-terms.js
@@ -0,0 +1,12 @@
+/**
+ * WordPress dependencies
+ */
+import { Path, SVG } from '@wordpress/primitives';
+
+const postTerms = (
+	<SVG viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+		<Path d="M8.1 12.3c.1.1.3.3.5.3.2.1.4.1.6.1.2 0 .4 0 .6-.1.2-.1.4-.2.5-.3l3-3c.3-.3.5-.7.5-1.1 0-.4-.2-.8-.5-1.1L9.7 3.5c-.1-.2-.3-.3-.5-.3H5c-.4 0-.8.4-.8.8v4.2c0 .2.1.4.2.5l3.7 3.6zM5.8 4.8h3.1l3.4 3.4v.1l-3 3 .5.5-.7-.5-3.3-3.4V4.8zM4 20h9v-1.5H4V20zm0-5.5V16h16v-1.5H4z" />
+	</SVG>
+);
+
+export default postTerms;
diff --git a/packages/icons/src/library/query-pagination-next.js b/packages/icons/src/library/query-pagination-next.js
@@ -1,13 +1,11 @@
 /**
  * WordPress dependencies
  */
-import { SVG, Path, Rect } from '@wordpress/primitives';
+import { SVG, Path } 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" />
-		<Rect x="11" y="10.5" width="3" height="3" rx="1.5" />
-		<Path d="M16.5 9.5L19 12l-2.5 2.5" strokeWidth="1.5" />
+		<Path d="M5 13.5h3v-3H5v3zm5 0h3v-3h-3v3zM17 9l-1 1 2 2-2 2 1 1 3-3-3-3z" />
 	</SVG>
 );
 

diff --git a/packages/icons/src/library/query-pagination-numbers.js b/packages/icons/src/library/query-pagination-numbers.js
@@ -1,13 +1,11 @@
 /**
  * WordPress dependencies
  */
-import { SVG, Path, Rect } from '@wordpress/primitives';
+import { SVG, Path } 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" />
-		<Path d="M13.5 14v-4l-1.5.5" />
-		<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" />
+		<Path d="M4 13.5h6v-3H4v3zm8.2-2.5.8-.3V14h1V9.3l-2.2.7.4 1zm7.1-1.2c-.5-.6-1.2-.5-1.7-.4-.3.1-.5.2-.7.3l.1 1.1c.2-.2.5-.4.8-.5.3-.1.6 0 .7.1.2.3 0 .8-.2 1.1-.5.8-.9 1.6-1.4 2.5h2.7v-1h-.9c.3-.6.8-1.4.9-2.1 0-.3-.1-.8-.3-1.1z" />
 	</SVG>
 );
 

diff --git a/packages/icons/src/library/query-pagination-previous.js b/packages/icons/src/library/query-pagination-previous.js
@@ -1,27 +1,11 @@
 /**
  * WordPress dependencies
  */
-import { SVG, Path, Rect } from '@wordpress/primitives';
+import { SVG, Path } 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)"
-		/>
-		<Rect
-			x="13"
-			y="13.5"
-			width="3"
-			height="3"
-			rx="1.5"
-			transform="rotate(-180 13 13.5)"
-		/>
-		<Path d="M7.5 14.5L5 12l2.5-2.5" strokeWidth="1.5" />
+		<Path d="M16 10.5v3h3v-3h-3zm-5 3h3v-3h-3v3zM7 9l-3 3 3 3 1-1-2-2 2-2-1-1z" />
 	</SVG>
 );
 

diff --git a/packages/icons/src/library/query-pagination.js b/packages/icons/src/library/query-pagination.js
@@ -1,13 +1,11 @@
 /**
  * WordPress dependencies
  */
-import { SVG, Rect } from '@wordpress/primitives';
+import { SVG, Path } 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" />
-		<Rect x="12" y="10.5" width="3" height="3" rx="1.5" />
-		<Rect x="17" y="10.5" width="3" height="3" rx="1.5" />
+		<Path d="M4 13.5h6v-3H4v3zm8 0h3v-3h-3v3zm5-3v3h3v-3h-3z" />
 	</SVG>
 );
 

diff --git a/packages/icons/src/library/query-title.js b/packages/icons/src/library/query-title.js
@@ -0,0 +1,12 @@
+/**
+ * WordPress dependencies
+ */
+import { Path, SVG } from '@wordpress/primitives';
+
+const queryTitle = (
+	<SVG viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+		<Path d="M4 20h9v-1.5H4V20zm0-5.5V16h16v-1.5H4zm1.3-2.9c.6.3 1.3.5 2 .5.8 0 1.4-.2 2-.5.1 0 .1-.1.2-.2l.8.7.9-1-.8-.7.3-.3a5.09 5.09 0 0 0 0-4.4c-.2-.6-.7-1-1.3-1.4-.6-.3-1.3-.5-2-.5-.8 0-1.4.2-2 .5-.7.4-1.1.8-1.5 1.5-.3.6-.5 1.3-.5 2.2 0 .8.2 1.6.5 2.2.4.6.8 1.1 1.4 1.4zm-.1-5c.2-.4.5-.7.8-1s.8-.4 1.3-.4 1 .1 1.3.4.6.6.8 1c.3.4.4.8.4 1.4 0 .5-.1 1-.3 1.4v.1l-1-.9-.9 1 .9.9c-.3.2-.7.3-1.2.3s-1-.1-1.3-.4c-.4-.2-.6-.6-.8-1C5 9 4.9 8.5 4.9 8c0-.6.1-1 .3-1.4z" />
+	</SVG>
+);
+
+export default queryTitle;