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
38
39
40
41
42
43
|
<?xml version="1.0" encoding="utf-8"?>
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
<!--
This image defines three versions of the star:
#full = star filled with full color
#half = half-filled star (full color at left, transparent color at right)
#empty = star filled with transparent color
-->
<!-- Default image: full star -->
<view id="full" viewBox="0 0 64 64" />
<view id="half" viewBox="0 64 64 64" />
<view id="empty" viewBox="0 128 64 64" />
<defs>
<g id="star-shape" fill="context-fill" transform="translate(-140.000000, -607.000000)" fill-opacity="context-fill-opacity">
<path d="M154.994575,670.99995 C153.704598,671.000763 152.477615,670.442079 151.630967,669.468394 C150.784319,668.49471 150.401158,667.201652 150.580582,665.923653 L153.046749,648.259919 L141.193762,635.514481 C140.080773,634.318044 139.711733,632.608076 140.232152,631.058811 C140.752571,629.509546 142.078939,628.369589 143.688275,628.088421 L160.214424,625.130961 L168.013827,609.468577 C168.767364,607.955994 170.3113,607 172.000594,607 C173.689888,607 175.233824,607.955994 175.98736,609.468577 L183.790813,625.130961 L200.329111,628.08437 C201.934946,628.371492 203.25546,629.513805 203.771316,631.062053 C204.287172,632.610301 203.915846,634.316807 202.803377,635.51043 L190.954439,648.26397 L193.420606,665.923653 C193.652457,667.578241 192.93975,669.223573 191.574418,670.185702 C190.209085,671.147831 188.420524,671.265104 186.941351,670.489485 L172.002619,662.698806 L157.047688,670.50569 C156.413201,670.833752 155.708782,671.003331 154.994575,670.99995 Z"></path>
</g>
<clipPath id="left-half">
<rect x="0" y="0" width="50%" height="100%" />
</clipPath>
<clipPath id="right-half">
<rect x="50%" y="0" width="50%" height="100%" />
</clipPath>
</defs>
<!-- full -->
<use href="#star-shape" x="0" y="0" />
<!-- half -->
<g transform="translate(0, 64)">
<use href="#star-shape" clip-path="url(#left-half)" />
<use href="#star-shape" clip-path="url(#right-half)" opacity="0.25" />
</g>
<!-- empty -->
<g transform="translate(0, 128)">
<use href="#star-shape" opacity="0.25" />
</g>
</svg>
|
