Embedded A into foreground path and reflect it using tranform

This commit is contained in:
Pavel Nikulin
2019-03-12 01:43:14 +06:00
parent 170d0d5f3c
commit d77a3c0654
2 changed files with 2 additions and 2 deletions

View File

@@ -235,7 +235,7 @@ Say thanks!
<td>Vue<br><img src="https://edent.github.io/SuperTinyIcons/images/svg/vue.svg" width="125" title="Vue" /><br>286 Bytes</td>
</tr>
<tr>
<td>Angular<br><img src="https://edent.github.io/SuperTinyIcons/images/svg/angular.svg" width="125" title="Angular" /><br>367 Bytes</td>
<td>Angular<br><img src="https://edent.github.io/SuperTinyIcons/images/svg/angular.svg" width="125" title="Angular" /><br>340 Bytes</td>
<td>Sass<br><img src="https://edent.github.io/SuperTinyIcons/images/svg/sass.svg" width="125" title="Sass" /><br>531 Bytes</td>
<td>JSON<br><img src="https://edent.github.io/SuperTinyIcons/images/svg/json.svg" width="125" title="JSON" /><br>565 Bytes</td>
</tr>

View File

@@ -3,4 +3,4 @@ aria-label="Angular" role="img"
viewBox="0 0 512 512"><rect
width="512" height="512"
rx="15%"
fill="#fff"/><path fill="#dd0031" d="M78 128l27 235 151 84 151-84 27-235-178-63z"/><path fill="#c3002f" d="M256 107v340l151-84 27-235-178-63v42z"/><path fill="#fff" d="M256 107L145 356h41l23-55h94l22 55h42zm33 159h-66l33-78z"/></svg>
fill="#fff"/><g fill="#c3002f"><path id="a" d="M256 65v42l111 249h-42l-22-55h-47v146l151-84 27-235-178-63zm0 123v78h33l-33-78z"/></g><use fill="#dd0031" href="#a" transform="matrix(-1,0,0,1,512,0)"/></svg>

Before

Width:  |  Height:  |  Size: 367 B

After

Width:  |  Height:  |  Size: 340 B