From 8c1a5b5b441c3a54e4774d0e133d92c544b772eb Mon Sep 17 00:00:00 2001
From: Dan Roundhill <dan@a8c.com>
Date: Wed, 1 Sep 2021 13:08:07 -0600
Subject: [PATCH] Updating to use `@wordpress/icons` lib and keep icon 24px.

---
 .../jetpack/extensions/blocks/videopress/edit.js     | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

diff --git a/projects/plugins/jetpack/extensions/blocks/videopress/edit.js b/projects/plugins/jetpack/extensions/blocks/videopress/edit.js
index 0acb96747cbed..927a3d3b1587d 100644
--- 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>