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
|
<?xml version="1.0" encoding="UTF-8"?>
<!-- Licensed under the Creative Commons Attribution-Share Alike 3.0 United States License (http://creativecommons.org/licenses/by-sa/3.0/) -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 10 10">
<style>
svg[id] {
display: none;
}
svg[id]:target {
display: initial;
}
path {
fill: inherit;
}
#normal {
fill: hsla(0, 0%, 0%, 0.5);
}
#active {
fill: hsla(0, 0%, 0%, 0.7);
}
#selected {
fill: white;
}
#selected-active {
fill: hsla(0, 0%, 100%, 0.75);
}
</style>
<defs>
<path id="go-to-arrow-path" d="m3.7812 0c-1.5485 0-2.8124 1.264-2.8124 2.8125v0.40625h1.625v-0.40625c0-0.6773 0.5102-1.1875 1.1874-1.1875 0.6773 0 1.2188 0.5102 1.2188 1.1875v5.25h1.625v-5.25c0-1.5485-1.2952-2.8125-2.8438-2.8125 M9.0302 5.6424h-0.80604c-0.20706 0-0.42596 0.10465-0.57934 0.25189l-1.8389 1.8387-1.8387-1.8388c-0.1534-0.1472-0.3723-0.2518-0.5794-0.2518h-0.80604v0.80604c0 0.24943 0.072785 0.44519 0.2267 0.60453l2.9974 2.9471 2.9975-2.9471c0.1539-0.1593 0.2267-0.3551 0.2267-0.6045z"/>
</defs>
<svg id="normal"><use xlink:href="#go-to-arrow-path"/></svg>
<svg id="active"><use xlink:href="#go-to-arrow-path"/></svg>
<svg id="selected"><use xlink:href="#go-to-arrow-path"/></svg>
<svg id="selected-active"><use xlink:href="#go-to-arrow-path"/></svg>
</svg>
|