Add Animoto, Dailymotion block embed icons (#21882)

* Add Animoto icon * Clean up pixel alignment of Animoto * Add Dailymotion icon * Fix linting errors Co-authored-by: William Earnhardt <wearnhardt@gmail.com>
WordPress · May 15, 2020 · dc7ac8e · dc7ac8e
1 parent 8044d4a
commit dc7ac8e
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 2 deletions.
diff --git a/packages/block-library/src/embed/core-embeds.js b/packages/block-library/src/embed/core-embeds.js
@@ -17,6 +17,8 @@ import {
 	embedRedditIcon,
 	embedTumblrIcon,
 	embedAmazonIcon,
+	embedAnimotoIcon,
+	embedDailymotionIcon,
 } from './icons';
 
 /**
@@ -129,7 +131,7 @@ export const others = [
 		name: 'core-embed/animoto',
 		settings: {
 			title: 'Animoto',
-			icon: embedVideoIcon,
+			icon: embedAnimotoIcon,
 			description: __( 'Embed an Animoto video.' ),
 		},
 		patterns: [ /^https?:\/\/(www\.)?(animoto|video214)\.com\/.+/i ],
@@ -185,7 +187,7 @@ export const others = [
 		name: 'core-embed/dailymotion',
 		settings: {
 			title: 'Dailymotion',
-			icon: embedVideoIcon,
+			icon: embedDailymotionIcon,
 			keywords: [ __( 'video' ) ],
 			description: __( 'Embed a Dailymotion video.' ),
 		},

diff --git a/packages/block-library/src/embed/icons.js b/packages/block-library/src/embed/icons.js
@@ -109,3 +109,36 @@ export const embedAmazonIcon = (
 		<Path d="M22.8 17.96c-.36-.45-2.22-.2-3.1-.12-.23.03-.3-.18-.05-.36 1.5-1.05 3.96-.75 4.26-.39.3.36-.1 2.82-1.5 4.02-.21.18-.42.1-.3-.15.3-.8 1.02-2.58.69-3z" />
 	</SVG>
 );
+export const embedAnimotoIcon = (
+	<SVG viewBox="0 0 24 24">
+		<Path
+			d="m.0206909 21 19.8160091-13.07806 3.5831 6.20826z"
+			fill="#4bc7ee"
+		/>
+		<Path
+			d="m23.7254 19.0205-10.1074-17.18468c-.6421-1.114428-1.7087-1.114428-2.3249 0l-11.2931 19.16418h22.5655c1.279 0 1.8019-.8905 1.1599-1.9795z"
+			fill="#d4cdcb"
+		/>
+		<Path
+			d="m.0206909 21 15.2439091-16.38571 4.3029 7.32271z"
+			fill="#c3d82e"
+		/>
+		<Path
+			d="m13.618 1.83582c-.6421-1.114428-1.7087-1.114428-2.3249 0l-11.2931 19.16418 15.2646-16.38573z"
+			fill="#e4ecb0"
+		/>
+		<Path d="m.0206909 21 19.5468091-9.063 1.6621 2.8344z" fill="#209dbd" />
+		<Path
+			d="m.0206909 21 17.9209091-11.82623 1.6259 2.76323z"
+			fill="#7cb3c9"
+		/>
+	</SVG>
+);
+export const embedDailymotionIcon = (
+	<SVG viewBox="0 0 24 24">
+		<Path
+			d="m12.1479 18.5957c-2.4949 0-4.28131-1.7558-4.28131-4.0658 0-2.2176 1.78641-4.0965 4.09651-4.0965 2.2793 0 4.0349 1.7864 4.0349 4.1581 0 2.2794-1.7556 4.0042-3.8501 4.0042zm8.3521-18.5957-4.5329 1v7c-1.1088-1.41691-2.8028-1.8787-4.8049-1.8787-2.09443 0-3.97329.76993-5.5133 2.27917-1.72483 1.66323-2.6489 3.78863-2.6489 6.16033 0 2.5873.98562 4.8049 2.89526 6.499 1.44763 1.2936 3.17251 1.9402 5.17454 1.9402 1.9713 0 3.4498-.5236 4.8973-1.9402v1.9402h4.5329c0-7.6359 0-15.3641 0-23z"
+			fill="#333436"
+		/>
+	</SVG>
+);