-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.js
37 lines (32 loc) · 3.06 KB
/
index.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
import { Path, SVG } from '@wordpress/components';
/**
* https://developer.wordpress.org/block-editor/components/svg/
* https://wp.zacgordon.com/2017/12/07/how-to-add-custom-icons-to-gutenberg-editor-blocks-in-wordpress/
* https://rudrastyh.com/gutenberg/custom-svg-icons.html
*
*/
/**
* "Not all SVG’s are created equal.
* I have had success with those that
* define a square viewBox and
* set a width and height of “1em”."
* @see https://firxworx.com/blog/wordpress/custom-svg-icons-for-gutenberg-blocks-in-wordpress/
*/
const svg_fill = '#d20394'; // default pink
const bg_fill = 'black';
export default () => (
<SVG
viewBox="60 60 344 344"
xmlns="http://www.w3.org/2000/svg"
width="1.5em"
height="1.5em"
fill={ bg_fill }
>
<Path d="M158 123.5c-21 4.7-38.2 21.1-44.7 42.5-1.5 4.8-1.7 14.5-2.2 78-.5 54.6-.9 73-1.8 74.6-3.6 6.2-12.5 10.3-18.8 8.5-1.9-.5-3.5-.7-3.5-.4 0 .8 25 24.6 27.9 26.5 1.6 1.1 4.5 1.8 7.7 1.8 6.1 0 10.7-2.7 13.8-8 2-3.4 2.1-5 2.4-64.3l.3-60.7h18.5c13.4 0 19.3-.4 21.7-1.4 10.3-4.4 11.7-18 2.4-23.6-2.9-1.8-5.1-2-23.1-2h-19.8l.4-11.8c.3-9.7.8-12.4 2.6-16 6.1-11.6 15.1-17.1 28.9-17.9 9.7-.6 12.4-1.7 15.3-6.6 3.9-6.3 1.8-15.2-4.3-18.3-4.3-2.3-15.7-2.7-23.7-.9zM313.1 123.7c-1.9 1-4.4 3.1-5.5 4.6-2.1 2.8-2.1 3.7-2.1 69.5 0 61.9.1 67.1 1.8 71.9 3.9 11.1 15 19.3 28.2 20.8l6 .7-2.6-2.8c-5.8-6.3-5.9-6.9-5.9-37.9V222h18.8c21 0 23.8-.7 27.9-6.9 4-5.9 2.2-14.4-3.9-18.1-3-1.8-5-2-23-2h-19.7l-.3-31.8c-.3-28.4-.5-32.1-2.1-34.5-3.9-5.9-11.6-8.2-17.6-5z" />
<Path fill={svg_fill} d="M133.3 127c-11.8 4.2-19.6 9.2-29.4 19-8.5 8.4-10.2 10.7-14.7 20-8.6 17.4-8.5 16.1-8.9 83.7-.3 39.8-.1 60.4.6 63.1 1.3 4.8 5.1 8.7 9.8 10.3 2.8.9 4.3.8 7.8-.5 8.5-3.3 7.9 2.2 8.5-79.6.5-72.5.5-72.5 2.9-79.5 4.9-14.8 13.3-26.2 25-34.1 7.1-4.7 6.6-5.3-1.6-2.4zM290.9 140.7c-5.8 6-11.8 12.3-13.2 14.1l-2.7 3.4v54.2c0 50.7.1 54.8 2 62 2.7 10.8 8.2 20.7 15.5 28 11.6 11.5 25.1 17.5 41.2 18.4l9.3.4 4-4c3.5-3.4 4-4.6 4-8.3 0-8.9-4.8-13.2-15.6-14.2-13.9-1.3-26.7-10.4-31.6-22.5l-2.3-5.7v-68.2V130s-4.8 4.8-10.6 10.7zM162.8 154.4c-4.9 1.3-6.2 2.1-11.7 7-4 3.7-8.1 11.9-8.1 16.3 0 3.1.2 3.3 3.3 3.3 1.7 0 4.4-.8 5.8-1.8 2.3-1.5 26.9-24.8 26.9-25.5 0-.8-12.4-.3-16.2.7zM160.3 225.7l-17.3.3v26h3.8c2-.1 4.7-.6 5.8-1.3 3.2-1.8 27.8-25.7 26.2-25.5-.7.1-9.1.4-18.5.5z" />
<Path fill={svg_fill} d="M353.8 225.7l-17.8.3v26h4c2.3 0 5.3-.6 6.8-1.4 2.8-1.5 27.4-25.8 25.7-25.4-.6.1-9 .4-18.7.5z" />
<Path d="M275.4 291.7c1.9 28.7 22.8 54.3 50.2 61.3 5.9 1.5 11.1 2 21.8 2 12.7 0 14.6-.2 18.6-2.3 8.9-4.5 13.5-14.4 11-23.7-.9-3.4-3.3-6.5-11.6-14.9L355 303.5v4.3c0 5.6-3.1 11.5-7.7 14.7-3.2 2.1-4.9 2.5-11.4 2.5-24 0-46.4-14.1-58.5-36.7l-2.5-4.8.5 8.2z" />
<Path fill={svg_fill} d="M211.6 293c-8.3 2.6-12.3 12.9-8.1 21 5.3 10.3 20.4 10.1 25.4-.4 2.7-5.4 2.6-8.9 0-13.6-3.4-6-10.8-9-17.3-7z" />
<Path d="M234 300.6c3.6 9.4-2.8 21.6-12.8 24.4-4.9 1.3-6.2 1.3-11.3-.5-4.3-1.5-3.9-1.1 9.6 12.5 7.7 7.8 15.7 15 17.7 16.1 14.1 7.3 30.5-5.8 26.7-21.4-1.1-4.6-2.5-6.5-15.2-19.4-7.7-7.9-14.4-14.3-14.8-14.3-.5 0-.4 1.2.1 2.6z" />
</SVG>
);