Update pencil icon. (#25135)

* Update pencil icon. * Address feedback.
WordPress · Sep 9, 2020 · cef5be7 · cef5be7
1 parent a84d673
commit cef5be7
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 17 deletions.
diff --git a/packages/block-editor/src/components/url-popover/link-viewer.js b/packages/block-editor/src/components/url-popover/link-viewer.js
@@ -8,7 +8,7 @@ import classnames from 'classnames';
  */
 import { __ } from '@wordpress/i18n';
 import { Button } from '@wordpress/components';
-import { pencil } from '@wordpress/icons';
+import { edit } from '@wordpress/icons';
 
 /**
  * Internal dependencies
@@ -38,7 +38,7 @@ export default function LinkViewer( {
 			/>
 			{ onEditLinkClick && (
 				<Button
-					icon={ pencil }
+					icon={ edit }
 					label={ __( 'Edit' ) }
 					onClick={ onEditLinkClick }
 				/>

diff --git a/packages/block-library/src/embed/embed-controls.js b/packages/block-library/src/embed/embed-controls.js
@@ -9,7 +9,7 @@ import {
 	ToolbarGroup,
 } from '@wordpress/components';
 import { BlockControls, InspectorControls } from '@wordpress/block-editor';
-import { pencil } from '@wordpress/icons';
+import { edit } from '@wordpress/icons';
 
 const EmbedControls = ( {
 	blockSupportsResponsive,
@@ -27,7 +27,7 @@ const EmbedControls = ( {
 					<ToolbarButton
 						className="components-toolbar__control"
 						label={ __( 'Edit URL' ) }
-						icon={ pencil }
+						icon={ edit }
 						onClick={ switchBackToURLInput }
 					/>
 				) }

diff --git a/packages/block-library/src/rss/edit.js b/packages/block-library/src/rss/edit.js
@@ -13,7 +13,7 @@ import {
 	ToolbarGroup,
 } from '@wordpress/components';
 import { useState } from '@wordpress/element';
-import { grid, list, pencil, rss } from '@wordpress/icons';
+import { grid, list, edit, rss } from '@wordpress/icons';
 import { __ } from '@wordpress/i18n';
 import ServerSideRender from '@wordpress/server-side-render';
 
@@ -75,7 +75,7 @@ export default function RSSEdit( { attributes, setAttributes } ) {
 
 	const toolbarControls = [
 		{
-			icon: pencil,
+			icon: edit,
 			title: __( 'Edit RSS URL' ),
 			onClick: () => setIsEditing( true ),
 		},

diff --git a/packages/icons/src/library/edit.js b/packages/icons/src/library/edit.js
@@ -1,12 +1,6 @@
 /**
- * WordPress dependencies
+ * Internal dependencies
  */
-import { SVG, Path } from '@wordpress/primitives';
 
-const edit = (
-	<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-		<Path d="M20.1 5.1L16.9 2 6.2 12.7l-1.3 4.4 4.5-1.3L20.1 5.1zM4 20.8h8v-1.5H4v1.5z" />
-	</SVG>
-);
-
-export default edit;
+import { default as pencil } from './pencil';
+export default pencil;
diff --git a/packages/icons/src/library/pencil.js b/packages/icons/src/library/pencil.js
@@ -4,8 +4,8 @@
 import { SVG, Path } from '@wordpress/primitives';
 
 const pencil = (
-	<SVG xmlns="http://www.w3.org/2000/svg" viewBox="-2 -2 24 24">
-		<Path d="M13.89 3.39l2.71 2.72c.46.46.42 1.24.03 1.64l-8.01 8.02-5.56 1.16 1.16-5.58s7.6-7.63 7.99-8.03c.39-.39 1.22-.39 1.68.07zm-2.73 2.79l-5.59 5.61 1.11 1.11 5.54-5.65zm-2.97 8.23l5.58-5.6-1.07-1.08-5.59 5.6zM13.89 3.39l2.71 2.72c.46.46.42 1.24.03 1.64l-8.01 8.02-5.56 1.16 1.16-5.58s7.6-7.63 7.99-8.03c.39-.39 1.22-.39 1.68.07zm-2.73 2.79l-5.59 5.61 1.11 1.11 5.54-5.65zm-2.97 8.23l5.58-5.6-1.07-1.08-5.59 5.6z" />
+	<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+		<Path d="M20.1 5.1L16.9 2 6.2 12.7l-1.3 4.4 4.5-1.3L20.1 5.1zM4 20.8h8v-1.5H4v1.5z" />
 	</SVG>
 );