Updating to use @wordpress/icons lib and keep icon 24px.

Automattic · Sep 1, 2021 · 8c1a5b5 · 8c1a5b5
1 parent eef2120
commit 8c1a5b5
Showing 1 changed file with 2 additions and 10 deletions.
diff --git a/projects/plugins/jetpack/extensions/blocks/videopress/edit.js b/projects/plugins/jetpack/extensions/blocks/videopress/edit.js
@@ -7,7 +7,6 @@ import {
 	BaseControl,
 	Button,
 	PanelBody,
-	Path,
 	SandBox,
 	SelectControl,
 	ToggleControl,
@@ -26,6 +25,7 @@ import {
 } from '@wordpress/block-editor';
 import { Component, createRef, Fragment } from '@wordpress/element';
 import { __, _x, sprintf } from '@wordpress/i18n';
+import { Icon, pencil } from '@wordpress/icons';
 import classnames from 'classnames';
 import { get, indexOf } from 'lodash';
 
@@ -35,7 +35,6 @@ import { get, indexOf } from 'lodash';
 import Loading from './loading';
 import { getVideoPressUrl } from './url';
 import { getClassNames } from './utils';
-import renderMaterialIcon from '../../shared/render-material-icon';
 import SeekbarColorSettings from './seekbar-color-settings';
 
 const VIDEO_POSTER_ALLOWED_MEDIA_TYPES = [ 'image' ];
@@ -278,14 +277,7 @@ const VideoPressEdit = CoreVideoEdit =>
 								className="components-icon-button components-toolbar__control"
 								label={ __( 'Edit video', 'jetpack' ) }
 								onClick={ this.switchToEditing }
-								icon={ renderMaterialIcon(
-									<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"
-										stroke="currentColor"
-									/>,
-									18,
-									18
-								) }
+								icon={ <Icon icon={ pencil } /> }
 							/>
 						</ToolbarGroup>
 					</BlockControls>