edit image icon

src/lib/viewers/controls/edit/EditControl.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import IconRotate24 from '../icons/IconRotate24';
+import IconEdit24 from '../icons/IconEdit24';
 import './EditControl.scss';
 
 export type Props = {
@@ -9,7 +9,7 @@ export type Props = {
 export default function EditControl({ onEditImageClick }: Props): JSX.Element {
     return (
         <button className="bp-EditControl" onClick={onEditImageClick} title={__('edit_image')} type="button">
-            <IconRotate24 />
+            <IconEdit24 />
         </button>
     );
 }

src/lib/viewers/controls/icons/IconEdit24.tsx

@@ -0,0 +1,11 @@
+import * as React from 'react';
+
+function IconEdit24(props: React.SVGProps<SVGSVGElement>): JSX.Element {
+    return (
+        <svg fill="#fff" focusable="false" height={24} viewBox="2 1 20 20" width={24} {...props}>
+            <path d="M21.73682,3.751,19.31689,1.33105a.99964.99964,0,0,0-1.41406,0L13.32275,5.91113a1.00013,1.00013,0,0,0-.293.707V9.03809a1.00005,1.00005,0,0,0,1,1H16.4502a1.00014,1.00014,0,0,0,.707-.293L21.73682,5.165A.99964.99964,0,0,0,21.73682,3.751ZM16.03613,8.03809H15.02979V7.03223l3.58007-3.58008L19.61572,4.458ZM19,11a1,1,0,0,0-1,1v2.3916l-1.48047-1.48047a2.78039,2.78039,0,0,0-3.92822,0l-.698.698L9.40723,11.123a2.777,2.777,0,0,0-3.92432,0L4,12.606V7A1.0013,1.0013,0,0,1,5,6h6a1,1,0,0,0,0-2H5A3.00328,3.00328,0,0,0,2,7V19a3.00328,3.00328,0,0,0,3,3H17a3.00328,3.00328,0,0,0,3-3V12A1,1,0,0,0,19,11ZM5,20a1.0013,1.0013,0,0,1-1-1V15.43408l2.897-2.897a.79926.79926,0,0,1,1.09619,0l3.168,3.16711c.00849.00916.0116.02179.02045.03064L15.44714,20Zm13-1a.97137.97137,0,0,1-.17877.53705l-4.51386-4.51386.698-.698a.77979.77979,0,0,1,1.1001,0L18,17.21973Z" />
+        </svg>
+    );
+}
+
+export default IconEdit24;