icons.js
41 lines
| 1 | /** |
| 2 | * WordPress dependencies |
| 3 | */ |
| 4 | import { Path, SVG } from '@wordpress/components'; |
| 5 | |
| 6 | export const marginIcon = ( |
| 7 | <SVG width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 8 | <Path |
| 9 | fillRule="evenodd" |
| 10 | clipRule="evenodd" |
| 11 | d="M8 0h16v1.5H8V0zm2.76 22.5H24V24H9.9c.55-.29.88-.89.86-1.5zm.75-5.92L15.93 21l5.3-5.3-1.03-1.03-3.55 3.55V5.78l3.21 3.2 1.03-1.02-2.48-2.48L15.93 3l-4.96 4.96L11.99 9l3.21-3.21v12.44l-2.79-2.79c-.07.2-.19.4-.35.57l-.55.58z" |
| 12 | /> |
| 13 | <Path d="M10.89 14.78H7.62a.11.11 0 00-.1.08l-.25.72c-.02.08.03.16.1.16h1.27c.1 0 .15.12.08.19L6.7 18.1l1.05 3.4c.02.07-.03.14-.1.14H6.63a.1.1 0 01-.1-.08L6 19.83c-.03-.1-.17-.1-.2 0l-.43 1.22a.1.1 0 000 .06l.39 1.49c.01.04.06.08.1.08h3.29c.07 0 .12-.08.1-.14l-1.33-4.28c-.01-.04 0-.09.03-.12l3.02-3.17c.07-.07.01-.2-.08-.2z" /> |
| 14 | <Path |
| 15 | d="M7.02 13H5.03a.11.11 0 00-.1.08l-.26.73c-.03.07.03.15.1.15h.84c.08 0 .13.07.1.15l-2.37 6.72a.1.1 0 01-.2 0l-1.7-4.85a.11.11 0 01.1-.15h.86c.04 0 .09.03.1.07l.62 1.75c.03.1.17.1.2 0l.96-2.72a.11.11 0 00-.1-.15H.1c-.08 0-.13.07-.1.15l3.12 9c.04.1.17.1.2 0l3.8-10.78c.02-.07-.03-.15-.1-.15z" |
| 16 | fill="#D8141C" |
| 17 | /> |
| 18 | </SVG> |
| 19 | ); |
| 20 | |
| 21 | export const marginTopIcon = ( |
| 22 | <SVG width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 23 | <Path d="M23.5 22h-12v-1.5h12V22ZM18.3 2.779l3.55 3.551 1.027-1.026L17.573 0 12.27 5.304l1.027 1.026 3.55-3.55V17.5H18.3V2.78ZM11.39 14.778l-3.267.008a.11.11 0 0 0-.102.075l-.25.722c-.022.076.03.152.103.152h1.27c.095 0 .146.122.08.19L7.2 18.105h.007l1.042 3.397c.022.076-.03.145-.103.145h-1.02a.104.104 0 0 1-.102-.076L6.5 19.83c-.029-.107-.168-.107-.205-.008l-.426 1.223a.109.109 0 0 0 0 .069l.39 1.481c.014.046.058.084.102.084H9.65c.073 0 .125-.076.103-.145l-1.329-4.277c-.014-.038 0-.084.03-.114l3.016-3.176c.066-.069.015-.19-.08-.19Z" /> |
| 24 | <Path |
| 25 | d="m7.522 13-1.99.008a.11.11 0 0 0-.102.076l-.257.721c-.03.076.03.152.103.152h.836c.074 0 .125.076.103.152l-2.37 6.717a.108.108 0 0 1-.206 0l-1.703-4.848a.112.112 0 0 1 .103-.152h.859a.11.11 0 0 1 .103.076l.616 1.748a.108.108 0 0 0 .206 0l.954-2.72a.112.112 0 0 0-.103-.152H.608c-.073 0-.125.076-.103.152l3.127 8.996a.108.108 0 0 0 .205 0l3.787-10.774c.022-.076-.029-.152-.102-.152Z" |
| 26 | fill="#D8141C" |
| 27 | /> |
| 28 | </SVG> |
| 29 | ); |
| 30 | |
| 31 | export const marginBottomIcon = ( |
| 32 | <SVG width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 33 | <Path d="m11.39 14.778-3.267.008a.11.11 0 0 0-.102.075l-.25.722c-.022.076.03.152.103.152h1.27c.095 0 .146.122.08.19L7.2 18.105h.007l1.042 3.397c.022.076-.03.145-.103.145h-1.02a.104.104 0 0 1-.102-.076L6.5 19.83c-.029-.107-.168-.107-.205-.008l-.426 1.223a.109.109 0 0 0 0 .069l.39 1.481c.014.046.058.084.102.084H9.65c.073 0 .125-.076.103-.145l-1.329-4.277c-.014-.038 0-.084.03-.114l3.016-3.176c.066-.069.015-.19-.08-.19Z" /> |
| 34 | <Path |
| 35 | d="m7.522 13-1.99.008a.11.11 0 0 0-.102.076l-.257.721c-.03.076.03.152.103.152h.836c.074 0 .125.076.103.152l-2.37 6.717a.108.108 0 0 1-.206 0l-1.703-4.848a.112.112 0 0 1 .103-.152h.859a.11.11 0 0 1 .103.076l.616 1.748a.108.108 0 0 0 .206 0l.954-2.72a.112.112 0 0 0-.103-.152H.608c-.073 0-.125.076-.103.152l3.127 8.996a.108.108 0 0 0 .205 0l3.787-10.774c.022-.076-.029-.152-.102-.152Z" |
| 36 | fill="#D8141C" |
| 37 | /> |
| 38 | <Path d="M11.5 0h12v1.5h-12V0ZM16.7 19.221l-3.55-3.551-1.027 1.026L17.427 22l5.303-5.304-1.027-1.026-3.55 3.551V4.5H16.7v14.721Z" /> |
| 39 | </SVG> |
| 40 | ); |
| 41 |