andrew/mana
andrew/mana
1
0
Fork 0
mirror of https://github.com/andrewgioia/mana.git synced 2024-11-21 22:54:45 +00:00
Code Issues Projects Releases Wiki Activity

Adds D20 symbol from AFR, adds MTGA's snow mana variant (#69), adds the 2 alternate white mana symbols (#70), fixes missing Sass gradiant variable (#64 and #76), fixes Sass overwrite for kicker (#65)

Browse Source
This commit is contained in:
Andrew Gioia 2021-07-10 13:27:04 -04:00
parent 958d12b79a
commit 3507f0ebf2
21 changed files with 379 additions and 241 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
CHANGELOG.md
View File

@ -11,6 +11,14 @@ All notable changes to this project will be documented in this file.
## Versions ## Versions
### [1.13.0] 2021-07-10 D20, alternate white symbols, basic ligature support
* **Added:** D20 ability symbol from Arena
* **Added:** Alternate white mana symbols (the original pre-Ice Age symbol and the recent List variant) ([#70](https://github.com/andrewgioia/mana/issues/70))
* **Added:** Arena's snow mana symbol variant ([#69](https://github.com/andrewgioia/mana/issues/69))
* **Fixed:** Missing variable in `_variables.scss` for `.ms-ability-grad` added ([#64](https://github.com/andrewgioia/mana/issues/64) and [#76](https://github.com/andrewgioia/mana/issues/76))
* **Fixed:** Kicker icon is no longer overwritten by the static ability icon in the Sass version ([#65](https://github.com/andrewgioia/mana/issues/65))
### [1.12.1] 2021-07-08 SVG files ### [1.12.1] 2021-07-08 SVG files
* **Added:** missing SVG files for the most recent abilities and type symbols. * **Added:** missing SVG files for the most recent abilities and type symbols.

2
README.md
View File

@ -1,4 +1,4 @@
# Mana v1.12.1 # Mana v1.13.0
## The Magic: the Gathering mana symbol font! ## The Magic: the Gathering mana symbol font!

2
bower.json
View File

@ -1,7 +1,7 @@
{ {
"name": "mana", "name": "mana",
"homepage": "https://github.com/andrewgioia/mana", "homepage": "https://github.com/andrewgioia/mana",
"version": "1.12.1", "version": "1.13.0",
"authors": [ "authors": [
"Andrew Gioia <andrew@gioia.email>" "Andrew Gioia <andrew@gioia.email>"
], ],

23
css/mana.css
View File

@ -1,14 +1,14 @@
@font-face { @font-face {
font-family: 'Mana'; font-family: 'Mana';
src: url('../fonts/mana.eot?v=1.12.0'); src: url('../fonts/mana.eot?v=1.13.0');
src: url('../fonts/mana.eot?#iefix&v=1.12.0') format('embedded-opentype'), url('../fonts/mana.woff?v=1.12.0') format('woff'), url('../fonts/mana.ttf?v=1.12.0') format('truetype'), url('../fonts/mana.svg?v=1.12.0#mana') format('svg'); src: url('../fonts/mana.eot?#iefix&v=1.13.0') format('embedded-opentype'), url('../fonts/mana.woff?v=1.13.0') format('woff'), url('../fonts/mana.ttf?v=1.13.0') format('truetype'), url('../fonts/mana.svg?v=1.13.0#mana') format('svg');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'MPlantin'; font-family: 'MPlantin';
src: url('../fonts/mplantin.eot?v=1.12.0'); src: url('../fonts/mplantin.eot?v=1.13.0');
src: url('../fonts/mplantin.eot?#iefix&v=1.12.0') format('embedded-opentype'), url('../fonts/mplantin.woff?v=1.12.0') format('woff'), url('../fonts/mplantin.ttf?v=1.12.0') format('truetype'), url('../fonts/mplantin.svg?v=1.12.0#mplantin') format('svg'); src: url('../fonts/mplantin.eot?#iefix&v=1.13.0') format('embedded-opentype'), url('../fonts/mplantin.woff?v=1.13.0') format('woff'), url('../fonts/mplantin.ttf?v=1.13.0') format('truetype'), url('../fonts/mplantin.svg?v=1.13.0#mplantin') format('svg');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@ -28,6 +28,12 @@
.ms-w::before { .ms-w::before {
content: "\e600"; content: "\e600";
} }
.ms-w-original::before {
content: "\e997";
}
.ms-w-list::before {
content: "\e998";
}
.ms-u::before { .ms-u::before {
content: "\e601"; content: "\e601";
} }
@ -123,6 +129,9 @@
.ms-s::before { .ms-s::before {
content: "\e619"; content: "\e619";
} }
.ms-s-mtga::before {
content: "\e996";
}
.ms-c::before { .ms-c::before {
content: "\e904"; content: "\e904";
} }
@ -505,6 +514,9 @@
.ms-ability-convoke::before { .ms-ability-convoke::before {
content: "\e949"; content: "\e949";
} }
.ms-ability-d20::before {
content: "\e999";
}
.ms-ability-deathtouch::before { .ms-ability-deathtouch::before {
content: "\e94b"; content: "\e94b";
} }
@ -954,6 +966,9 @@
margin-left: -0.9em; margin-left: -0.9em;
font-size: 1.1em; font-size: 1.1em;
} }
.ms-cost.ms-s-mtga::before {
color: #fff;
}
.ms-cost.ms-untap { .ms-cost.ms-untap {
background-color: #111; background-color: #111;
color: #fff; color: #fff;

2
css/mana.min.css vendored
View File

File diff suppressed because one or more lines are too long

BIN
fonts/mana.eot
View File

Binary file not shown.

473
fonts/mana.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 622 KiB

After

Width:  |  Height:  |  Size: 712 KiB

BIN
fonts/mana.ttf
View File

Binary file not shown.

BIN
fonts/mana.woff
View File

Binary file not shown.

BIN
fonts/mana.woff2
View File

Binary file not shown.

5
index.html
View File

@ -86,6 +86,9 @@
<i class="ms ms-b ms-cost ms-shadow"></i> <i class="ms ms-b ms-cost ms-shadow"></i>
<i class="ms ms-r ms-cost ms-shadow"></i> <i class="ms ms-r ms-cost ms-shadow"></i>
<i class="ms ms-g ms-cost ms-shadow"></i> <i class="ms ms-g ms-cost ms-shadow"></i>
&nbsp;&nbsp;
<i class="ms ms-w ms-w-original ms-cost ms-shadow"></i>
<i class="ms ms-w ms-w-list ms-cost ms-shadow"></i>
</div> </div>
<div class="sm-screen"> <div class="sm-screen">
<i class="ms ms-0 ms-cost ms-shadow"></i> <i class="ms ms-0 ms-cost ms-shadow"></i>
@ -124,6 +127,7 @@
<i class="ms ms-rp ms-cost ms-shadow"></i> <i class="ms ms-rp ms-cost ms-shadow"></i>
<i class="ms ms-gp ms-cost ms-shadow"></i> <i class="ms ms-gp ms-cost ms-shadow"></i>
<i class="ms ms-s ms-cost ms-shadow"></i> <i class="ms ms-s ms-cost ms-shadow"></i>
<i class="ms ms-s-mtga ms-cost ms-shadow"></i>
<i class="ms ms-c ms-cost ms-shadow"></i> <i class="ms ms-c ms-cost ms-shadow"></i>
<i class="ms ms-e"></i> <i class="ms ms-e"></i>
<br /> <br />
@ -349,6 +353,7 @@
<i class="ms ms-ability-companion ms-2x" title="Companion"></i> <i class="ms ms-ability-companion ms-2x" title="Companion"></i>
<i class="ms ms-ability-constellation ms-2x" title="Constellation"></i> <i class="ms ms-ability-constellation ms-2x" title="Constellation"></i>
<i class="ms ms-ability-convoke ms-2x" title="Convoke"></i> <i class="ms ms-ability-convoke ms-2x" title="Convoke"></i>
<i class="ms ms-ability-d20 ms-2x" title="D20"></i>
<i class="ms ms-ability-deathtouch ms-2x" title="Deathtouch"></i> <i class="ms ms-ability-deathtouch ms-2x" title="Deathtouch"></i>
<i class="ms ms-ability-defender ms-2x" title="Defender"></i> <i class="ms ms-ability-defender ms-2x" title="Defender"></i>
<i class="ms ms-ability-devotion ms-2x" title="Devotion"></i> <i class="ms ms-ability-devotion ms-2x" title="Devotion"></i>

35
less/cost.less
View File

@ -242,21 +242,26 @@
} }
// Snow mana // Snow mana
&.@{ms-prefix}-s::before { &.@{ms-prefix}-s {
color: #fff; &::before {
-webkit-text-stroke: 2px #fff; color: #fff;
font-size: 0.85em; -webkit-text-stroke: 2px #fff;
top: -0.05em; font-size: 0.85em;
position: relative; top: -0.05em;
display: inline-block; position: relative;
} display: inline-block;
&.@{ms-prefix}-s::after { }
//text-shadow: -1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff; &::after {
content: "\e619"; //text-shadow: -1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff;
position: absolute; content: "\e619";
color: #333; position: absolute;
margin-left: -0.9em; color: #333;
font-size: 1.1em; margin-left: -0.9em;
font-size: 1.1em;
}
&-mtga::before {
color: #fff;
}
} }
// Tap symbols // Tap symbols

4
less/icons.less
View File

@ -4,6 +4,8 @@
// resources // resources
&-w::before { content: "\e600"; } &-w::before { content: "\e600"; }
&-w-original::before { content: "\e997"; }
&-w-list::before { content: "\e998"; }
&-u::before { content: "\e601"; } &-u::before { content: "\e601"; }
&-b::before { content: "\e602"; } &-b::before { content: "\e602"; }
&-r::before { content: "\e603"; } &-r::before { content: "\e603"; }
@ -39,6 +41,7 @@
&-rp::before, &-rp::before,
&-gp::before { content: "\e618"; } &-gp::before { content: "\e618"; }
&-s::before { content: "\e619"; } &-s::before { content: "\e619"; }
&-s-mtga::before { content: "\e996"; }
&-c::before { content: "\e904"; } &-c::before { content: "\e904"; }
&-e::before, &-e::before,
&-energy::before{ content: "\e907"; } &-energy::before{ content: "\e907"; }
@ -220,6 +223,7 @@
&-companion::before { content: "\e97b"; } &-companion::before { content: "\e97b"; }
&-constellation::before { content: "\e97c"; } &-constellation::before { content: "\e97c"; }
&-convoke::before { content: "\e949"; } &-convoke::before { content: "\e949"; }
&-d20::before { content: "\e999"; }
&-deathtouch::before { content: "\e94b"; } &-deathtouch::before { content: "\e94b"; }
&-defender::before { content: "\e94c"; } &-defender::before { content: "\e94c"; }
&-devotion::before { content: "\e97d"; } &-devotion::before { content: "\e97d"; }

2
less/variables.less
View File

@ -1,6 +1,6 @@
// base variables // base variables
@ms-font-path: '../fonts'; @ms-font-path: '../fonts';
@ms-version: '1.12.0'; @ms-version: '1.13.0';
@ms-font-size-base: 14px; @ms-font-size-base: 14px;
@ms-prefix: ms; @ms-prefix: ms;
@ms-serif-font: MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif; @ms-serif-font: MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif;

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "mana-font", "name": "mana-font",
"version": "1.12.1", "version": "1.13.0",
"description": "Magic: the Gathering mana symbol pictographic font", "description": "Magic: the Gathering mana symbol pictographic font",
"main": "css/mana.css", "main": "css/mana.css",
"repository": { "repository": {

35
sass/_cost.scss
View File

@ -241,21 +241,26 @@
} }
// snow mana // snow mana
&.#{$ms-prefix}-s::before { &.#{$ms-prefix}-s {
color: #fff; &::before {
-webkit-text-stroke: 2px #fff; color: #fff;
font-size: 0.85em; -webkit-text-stroke: 2px #fff;
top: -0.05em; font-size: 0.85em;
position: relative; top: -0.05em;
display: inline-block; position: relative;
} display: inline-block;
&.#{$ms-prefix}-s::after { }
//text-shadow: -1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff; &::after {
content: "\e619"; //text-shadow: -1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff;
position: absolute; content: "\e619";
color: #333; position: absolute;
margin-left: -0.9em; color: #333;
font-size: 1.1em; margin-left: -0.9em;
font-size: 1.1em;
}
&-mtga::before {
color: #fff;
}
} }
// tap symbols // tap symbols

7
sass/_icons.scss
View File

@ -4,6 +4,8 @@
// resources // resources
&-w::before { content: "\e600"; } &-w::before { content: "\e600"; }
&-w-original::before { content: "\e997"; }
&-w-list::before { content: "\e998"; }
&-u::before { content: "\e601"; } &-u::before { content: "\e601"; }
&-b::before { content: "\e602"; } &-b::before { content: "\e602"; }
&-r::before { content: "\e603"; } &-r::before { content: "\e603"; }
@ -39,6 +41,7 @@
&-rp::before, &-rp::before,
&-gp::before { content: "\e618"; } &-gp::before { content: "\e618"; }
&-s::before { content: "\e619"; } &-s::before { content: "\e619"; }
&-s-mtga::before { content: "\e996"; }
&-c::before { content: "\e904"; } &-c::before { content: "\e904"; }
&-e::before, &-e::before,
&-energy::before{ content: "\e907"; } &-energy::before{ content: "\e907"; }
@ -220,6 +223,7 @@
&-companion::before { content: "\e97b"; } &-companion::before { content: "\e97b"; }
&-constellation::before { content: "\e97c"; } &-constellation::before { content: "\e97c"; }
&-convoke::before { content: "\e949"; } &-convoke::before { content: "\e949"; }
&-d20::before { content: "\e999"; }
&-deathtouch::before { content: "\e94b"; } &-deathtouch::before { content: "\e94b"; }
&-defender::before { content: "\e94c"; } &-defender::before { content: "\e94c"; }
&-devotion::before { content: "\e97d"; } &-devotion::before { content: "\e97d"; }
@ -263,8 +267,7 @@
&-spectacle::before { content: "\e96b"; } &-spectacle::before { content: "\e96b"; }
&-static::before, &-static::before,
&-enchant::before, &-enchant::before,
&-improvise::before, &-improvise::before { content: "\e962"; }
&-kicker::before { content: "\e962"; }
&-summoning-sickness::before { content: "\e96a"; } &-summoning-sickness::before { content: "\e96a"; }
&-surveil::before { content: "\e963"; } &-surveil::before { content: "\e963"; }
&-trample::before { content: "\e964"; } &-trample::before { content: "\e964"; }

3
sass/_variables.scss
View File

@ -1,6 +1,6 @@
// base variables // base variables
$ms-font-path: '../fonts' !default; $ms-font-path: '../fonts' !default;
$ms-version: '1.12.0' !default; $ms-version: '1.13.0' !default;
$ms-font-size-base: 14px !default; $ms-font-size-base: 14px !default;
$ms-prefix: ms !default; $ms-prefix: ms !default;
$ms-serif-font: 'MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif' !default; $ms-serif-font: 'MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif' !default;
@ -22,3 +22,4 @@ $ms-green: #3d684b;
// colors // colors
$ms-multicolor-flat: #cca753; $ms-multicolor-flat: #cca753;
$ms-multicolor-grad: linear-gradient(45deg, #cca54f 0%, #e0d3bb 50%, #cca54f 100%); $ms-multicolor-grad: linear-gradient(45deg, #cca54f 0%, #e0d3bb 50%, #cca54f 100%);
$ms-ability-grad: linear-gradient(0deg, #c8913b 0%, #ecc65a 100%);

5
svg/ability-d20.svg Normal file
View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="30" height="32" viewBox="0 0 30 32">
<title>ability-d20</title>
<path fill="#444" d="M4.654 18.61l10.584-10.096c0.514-0.509 0.811-0.123 0.927 0.312l3.409 14.3c0 0.404-0.171 0.576-0.576 0.576l-14.034-3.985c-0.531-0.088-0.841-0.664-0.31-1.107zM4.61 5.992c-0.404 0-0.724 0.271-0.724 0.676l0.303 9.926c0 0.404 0.191 0.953 0.997 0.422l9.474-9.209c0.354-0.487 0.044-0.841-0.599-0.865l-9.451-0.951zM20.37 22.107c0.117 0.636 0.727 0.647 1.043 0.255l7.236-9.066c0.185-0.329 0.125-0.547-0.204-0.733l-10.827-4.597c-0.329-0.185-0.864-0.064-0.679 0.615l3.432 13.524zM10.117 28.716c0.165 0.369 0.543 0.551 0.912 0.386l6.508-3.807c0.369-0.165 0.664-0.708-0.004-0.974l-11.861-3.497c-0.589-0.125-0.892 0.132-0.509 0.856l4.954 7.037zM15.191 6.341c0.781 0.089 0.656-0.063 0.974-0.664l1.466-3.095c0.324-0.643 0.301-0.95-0.274-0.801l-11.466 1.948c-1.471 0.31-1.964 1.195-1.383 1.372l10.683 1.24zM17.183 6.922c-0.603-0.343-0.369-0.633-0.084-1.312l1.376-3.168c0.279-0.607 0.531-0.839 1.099-0.39l7.98 7.352c1.166 1.417 0.907 2.16-0.129 1.818l-10.242-4.301zM21.441 23.868c-0.341 0.541-0.097 0.807 0.479 0.94l2.789 0.797c0.708 0.065 1.184-0.43 1.594-1.372l3.028-7.904c0.441-1.598-0.042-2.364-0.726-1.526zM22.656 27.080c1.299-0.587 0.849-0.874 0.105-1.122l-2.335-0.734c-0.657-0.2-1.107-0.033-1.694 0.32l-6.552 3.795c-1.042 0.709-1.579 1.093 0.153 0.837zM3.016 7.143c-0.191-1.392-1.14 0.397-1.24 1.245l-1.55 9.69c0 0.404 0.001 0.788 0.708 0.93l1.823 0.216c0.404 0 0.591-0.574 0.568-1.146l-0.31-10.935zM1.334 19.893c-0.305 0.011-1.921-0.103-1.107 0.908l7.792 8.362c0.708 0.603 1.151 0.404 1.151 0l-4.9-7.587c-0.353-0.552-0.895-1.301-1.229-1.412s-1.402-0.28-1.708-0.27z"></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

5
svg/w-list.svg Normal file
View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>w-list</title>
<path fill="#444" d="M16 22.38c-3.524 0-6.38-2.856-6.38-6.38s2.856-6.38 6.38-6.38c3.523 0 6.38 2.856 6.38 6.38s-2.856 6.38-6.38 6.38zM16 9.029c3.854 0 6.979 3.124 6.979 6.979s-3.125 6.979-6.979 6.979-6.979-3.124-6.979-6.979c0-3.854 3.124-6.979 6.979-6.979zM16 0.078l-2.345 7.063-5.711-4.969 1.502 7.292-7.232-1.489 4.895 5.626-7.108 2.444 7.116 2.362-4.903 5.635 7.226-1.488-1.495 7.262 5.708-4.966 2.348 7.072 2.376-6.911 5.594 4.867-1.514-7.354 7.371 1.518-4.911-5.644 7.084-2.436-7.079-2.35 4.905-5.638-7.364 1.516 1.507-7.319-5.581 4.855-2.389-6.949z"></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 724 B

5
svg/w-original.svg Normal file
View File

@ -0,0 +1,5 @@
<!-- Generated by IcoMoon.io -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>w-original</title>
<path fill="#444" d="M16.929 0.001c0.414 0.004 0.617 0.373 0.776 0.709 0.588 1.364 0.804 2.848 1.099 4.293 0.12 0.564 0.635 1.099 1.246 1.038 0.662 0.069 1.253-0.288 1.763-0.668 0.917-0.64 1.94-1.167 3.043-1.389 0.539-0.035 1.159 0.045 1.567 0.434 0.151 0.114 0.138 0.318 0.108 0.484-0.111 0.147-0.249 0.271-0.379 0.399-0.62 0.57-1.109 1.279-1.443 2.052-0.204 0.418-0.208 0.908-0.126 1.356 0.123 0.141 0.242 0.347 0.454 0.344 0.525 0.032 1.053 0.021 1.578-0.010 0.745-0.133 1.491-0.297 2.193-0.586 0.356-0.106 0.764-0.304 1.121-0.097 0.228 0.092 0.314 0.341 0.378 0.558-0.113 0.766-0.586 1.399-1.054 1.987-0.434 0.538-0.9 1.046-1.376 1.546-0.218 0.274-0.521 0.554-0.495 0.936-0.011 0.165 0.011 0.339 0.091 0.485 0.467 0.010 0.952 0.059 1.404-0.094 0.687-0.185 1.353-0.432 2.030-0.652 0.266-0.101 0.601-0.034 0.761 0.216 0.15 0.31 0.108 0.661 0.053 0.989-0.039 0.695-0.135 1.473-0.667 1.98-1.090 0.933-2.257 1.775-3.476 2.532-0.354 0.178-0.35 0.634-0.224 0.956 0.669 1.11 1.706 1.944 2.387 3.046 0.173 0.257 0.201 0.612 0 0.863-0.382 0.496-0.988 0.827-1.611 0.88-0.886-0.109-1.648-0.608-2.432-0.995-0.365-0.055-0.849-0.117-1.057 0.268-0.281 0.527-0.41 1.118-0.589 1.685-0.337 1.195-0.573 2.417-0.766 3.642-0.021 0.352-0.12 0.691-0.221 1.026-0.284 0.048-0.486-0.145-0.634-0.362-0.756-0.971-1.47-1.974-2.14-3.007-0.189-0.283-0.336-0.607-0.609-0.823-0.151-0.083-0.338-0.040-0.501-0.028-0.176 0.16-0.274 0.383-0.341 0.607-0.346 1.115-0.739 2.221-1.278 3.26-0.301 0.603-0.829 1.046-1.354 1.451-0.403 0.293-0.829 0.59-1.327 0.689-0.476-0.054-0.677-0.57-0.806-0.968-0.348-1.377-0.422-2.8-0.602-4.203-0.021-0.598-0.175-1.322-0.781-1.59-0.394-0.066-0.821-0.090-1.206 0.021-0.521 0.345-0.861 0.892-1.297 1.331-0.615 0.607-1.121 1.378-1.944 1.727-0.293-0.744-0.334-1.576-0.183-2.357 0.123-0.489 0.298-0.908 0.463-1.385 0.113-0.325 0.162-0.813 0.025-1.075-0.256-0.49-0.869-0.7-1.352-0.928-1.333-0.585-2.911-0.999-4.311-1.384-0.156-0.043-0.199-0.188 0.196-0.396 0.74-0.39 1.674-0.415 2.285-1.032 0.028-0.257 0.119-0.617-0.133-0.79-0.361-0.283-0.81-0.425-1.248-0.541-0.593-0.052-1.195-0.058-1.787 0.008-0.573 0.17-1.28 0.089-1.672-0.402-0.444-0.589-0.342-1.403-0.021-2.024 0.237-0.459 0.727-0.706 1.203-0.846 0.761-0.201 1.551-0.27 2.337-0.272 0.312-0.041 0.642-0.058 0.931-0.196 0.428-0.502 0.332-1.207 0.3-1.815-0.183-0.428-0.6-0.686-0.887-1.037-0.325-0.398-0.702-0.819-0.802-1.306-0.038-0.183 0.074-0.352 0.138-0.502 0.355-0.553 1.025-0.786 1.64-0.912 0.929-0.204 1.856 0.108 2.771 0.253 0.701 0.111 0.829 0.035 1.243 0.021 0.025-0.174 0.101-0.373 0.003-0.536-0.218-0.297-0.535-0.534-0.647-0.898-0.074-0.455 0.144-0.883 0.335-1.28 0.514-0.982 1.081-1.937 1.673-2.874 0.182-0.28 0.352-0.58 0.621-0.785 0.212 0.108 0.273 0.352 0.357 0.555 0.25 0.711 0.548 1.404 0.825 2.104 0.113 0.274 0.221 0.562 0.435 0.776 0.194 0.040 0.397 0.042 0.595 0.009 0.572-0.28 1.055-0.773 1.226-1.399 0.373-1.39 0.672-2.813 1.268-4.13 0.186-0.353 0.367-0.789 0.777-0.927l0.080-0.012zM16.427 8.67c-4.030 0-7.298 3.267-7.298 7.298s3.267 7.298 7.298 7.298c4.030 0 7.298-3.267 7.298-7.298s-3.267-7.298-7.298-7.298zM16.427 22.321c3.509 0 6.353-2.844 6.353-6.353s-2.844-6.353-6.353-6.353-6.353 2.844-6.353 6.353c0 3.509 2.844 6.353 6.353 6.353z"></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB