Skip to content
Permalink
Browse files

[FEATURE] Add support for transparency in SVG color params

...and update all bundled SVGs to suit

Non-bundled SVGs must add:

fill-opacity="param(fill-opacity)"
and
stroke-opacity="param(outline-opacity)"

to enable transparency support
  • Loading branch information
nyalldawson committed Dec 8, 2015
1 parent 757cd7a commit 8cac36433db4fb6e5e1fa441084617da8a20a57b
Showing 310 changed files with 1,407 additions and 1,165 deletions.
@@ -26,7 +26,7 @@
<rect id="rect4134" x="1" y="1" display="inline" fill="none" stroke="#757575" stroke-width="0.1" width="10" height="10"/>
<rect id="rect4136" x="2" y="2" display="inline" fill="none" stroke="#757575" stroke-width="0.1" width="8" height="8"/>
</g>
<path fill="param(fill)" stroke="param(outline)" stroke-width="param(outline-width)" d="M385.039,331.465l-26.564-14.867l-38.115-46.031
<path fill="param(fill)" fill-opacity="param(fill-opacity)" stroke="param(outline)" stroke-opacity="param(outline-opacity)" stroke-width="param(outline-width)" d="M385.039,331.465l-26.564-14.867l-38.115-46.031
c-5.268-6.194-12.706-10.067-22.313-11.618c-16.729-2.478-29.279,3.409-37.648,17.661l-42.301,72.983
c-2.79,4.653-4.029,10.384-3.716,17.192l1.39,92.503l-32.073,68.799c-1.239,2.789-2.009,5.111-2.312,6.965
c-0.937,5.892,0.3,11.083,3.709,15.575s8.06,7.206,13.951,8.143c9.911,1.541,16.88-1.868,20.909-10.228l35.335-75.31
@@ -35,14 +35,14 @@
l-31.733-44.25l30.683-53.45l15.334,19.519c1.239,1.863,3.102,3.259,5.589,4.186l30.583,14.853v179.932
c0,3.553,2.881,6.434,6.434,6.434s6.434-2.881,6.434-6.434V362.743c2.345-0.813,4.464-2.246,6.351-4.319
c3.102-3.409,4.652-7.284,4.652-11.625C396.203,339.054,392.481,333.942,385.039,331.465z"/>
<path fill="param(fill)" stroke="param(outline)" stroke-width="param(outline-width)" d="M196.252,343.082c5.268,3.102,9.296,2.02,12.086-3.248
<path fill="param(fill)" fill-opacity="param(fill-opacity)" stroke="param(outline)" stroke-opacity="param(outline-opacity)" stroke-width="param(outline-width)" d="M196.252,343.082c5.268,3.102,9.296,2.02,12.086-3.248
l46.485-79.949c3.102-5.267,2.019-9.296-3.248-12.086l-14.88-8.837c-5.268-3.092-9.296-2.004-12.086,3.263l-46.485,79.948
c-3.092,5.268-2.005,9.296,3.263,12.086L196.252,343.082z"/>
<path fill="param(fill)" stroke="param(outline)" stroke-width="param(outline-width)" d="M317.11,254.765c8.369,0,15.651-3.021,21.846-9.064
<path fill="param(fill)" fill-opacity="param(fill-opacity)" stroke="param(outline)" stroke-opacity="param(outline-opacity)" stroke-width="param(outline-width)" d="M317.11,254.765c8.369,0,15.651-3.021,21.846-9.064
s9.291-13.4,9.291-22.072c0-8.369-3.097-15.653-9.291-21.853c-6.194-6.199-13.477-9.298-21.846-9.299
c-8.682,0-16.044,3.1-22.087,9.299c-6.042,6.199-9.064,13.483-9.064,21.853c0,8.672,3.021,16.029,9.064,22.072
C301.066,251.743,308.429,254.765,317.11,254.765z"/>
<path fill="param(fill)" stroke="param(outline)" stroke-width="param(outline-width)" d="M556.268,171.503c-0.549-3.575-2.75-6.681-5.941-8.383
<path fill="param(fill)" fill-opacity="param(fill-opacity)" stroke="param(outline)" stroke-opacity="param(outline-opacity)" stroke-width="param(outline-width)" d="M556.268,171.503c-0.549-3.575-2.75-6.681-5.941-8.383
L293.698,26.253c-3.373-1.8-7.423-1.8-10.797,0L26.273,163.121c-3.207,1.71-5.413,4.838-5.948,8.432s0.663,7.229,3.231,9.799
l17.098,17.113c3.255,3.258,8.143,4.253,12.414,2.528l19.15-7.739v287.454c0,6.949,5.633,12.583,12.583,12.583h31.996
c6.949,0,12.583-5.634,12.583-12.583v-308.13c0-0.798-0.083-1.575-0.225-2.332l7.835-3.167l151.207-17.894l150.871,18.158
@@ -56,22 +56,22 @@
<rect id="rect4134" x="1" y="1" display="inline" fill="none" stroke="#757575" stroke-width="0.1" width="10" height="10"/>
<rect id="rect4136" x="2" y="2" display="inline" fill="none" stroke="#757575" stroke-width="0.1" width="8" height="8"/>
</g>
<path fill="param(fill)" stroke="param(outline)" stroke-width="param(outline-width)" d="M269.939,305.951c3.069,2.776,7.104,4.185,11.991,4.185
<path fill="param(fill)" fill-opacity="param(fill-opacity)" stroke="param(outline)" stroke-opacity="param(outline-opacity)" stroke-width="param(outline-width)" d="M269.939,305.951c3.069,2.776,7.104,4.185,11.991,4.185
c5.216,0,11.134-2.046,17.59-6.08l0.836-0.522l-0.781-0.602c-6.047-4.651-13.907-11.544-23.361-20.486l-0.407-0.384l-0.458,0.321
c-4.047,2.842-6.67,5.226-8.019,7.287c-1.357,2.073-2.046,4.305-2.046,6.633C265.284,299.91,266.85,303.156,269.939,305.951z"/>
<path fill="param(fill)" stroke="param(outline)" stroke-width="param(outline-width)" d="M285.799,258.768l0.466-0.254c3.76-2.046,6.711-4.312,8.772-6.732
<path fill="param(fill)" fill-opacity="param(fill-opacity)" stroke="param(outline)" stroke-opacity="param(outline-opacity)" stroke-width="param(outline-width)" d="M285.799,258.768l0.466-0.254c3.76-2.046,6.711-4.312,8.772-6.732
c2.114-2.483,3.187-4.892,3.187-7.159c0-2.395-0.928-4.446-2.757-6.098c-1.81-1.633-4.306-2.462-7.42-2.462
c-3.07,0-5.616,0.913-7.566,2.713c-1.966,1.815-2.963,3.995-2.963,6.48c0,3.115,2.59,7.408,7.918,13.123L285.799,258.768z"/>
<path fill="param(fill)" stroke="param(outline)" stroke-width="param(outline-width)" d="M182.433,261.415c2.091-1.838,3.151-4.507,3.151-7.932
<path fill="param(fill)" fill-opacity="param(fill-opacity)" stroke="param(outline)" stroke-opacity="param(outline-opacity)" stroke-width="param(outline-width)" d="M182.433,261.415c2.091-1.838,3.151-4.507,3.151-7.932
c0-3.193-1.062-5.733-3.154-7.548c-2.093-1.816-5.563-2.699-10.609-2.699h-14.748v20.917h14.537
C176.798,264.152,180.339,263.256,182.433,261.415z"/>
<path fill="param(fill)" stroke="param(outline)" stroke-width="param(outline-width)" d="M425.98,285.335c-2.375-1.976-6.348-2.936-12.145-2.936h-16.856
<path fill="param(fill)" fill-opacity="param(fill-opacity)" stroke="param(outline)" stroke-opacity="param(outline-opacity)" stroke-width="param(outline-width)" d="M425.98,285.335c-2.375-1.976-6.348-2.936-12.145-2.936h-16.856
v22.252h16.927c5.707,0,9.648-1.009,12.05-3.085c2.396-2.071,3.611-4.884,3.611-8.357
C429.567,289.963,428.361,287.314,425.98,285.335z"/>
<path fill="param(fill)" stroke="param(outline)" stroke-width="param(outline-width)" d="M422.339,261.415c2.091-1.838,3.15-4.507,3.15-7.932
<path fill="param(fill)" fill-opacity="param(fill-opacity)" stroke="param(outline)" stroke-opacity="param(outline-opacity)" stroke-width="param(outline-width)" d="M422.339,261.415c2.091-1.838,3.15-4.507,3.15-7.932
c0-3.193-1.061-5.733-3.153-7.548c-2.094-1.816-5.564-2.699-10.609-2.699h-14.747v20.917h14.536
C416.705,264.152,420.245,263.256,422.339,261.415z"/>
<path fill="param(fill)" stroke="param(outline)" stroke-width="param(outline-width)" d="M289.488,28.744L29.521,258.427h52.756V553.03h156.264V379.165
<path fill="param(fill)" fill-opacity="param(fill-opacity)" stroke="param(outline)" stroke-opacity="param(outline-opacity)" stroke-width="param(outline-width)" d="M289.488,28.744L29.521,258.427h52.756V553.03h156.264V379.165
h105.434l0.001,173.865h152.723V258.427h52.756L289.488,28.744z M244.156,282.195c3.843-5.101,10.251-9.485,19.045-13.031
l0.867-0.35l-0.595-0.721c-3.69-4.474-6.257-8.403-7.631-11.677c-1.364-3.251-2.056-6.604-2.056-9.965
c0-7.068,2.733-12.972,8.125-17.548c5.425-4.604,13.816-6.939,24.94-6.939c11.36,0,19.801,2.218,25.087,6.593
@@ -89,7 +89,7 @@
c3.375,4.191,5.087,9.546,5.087,15.918c0,5.196-1.223,9.93-3.634,14.069c-2.412,4.142-5.758,7.464-9.946,9.877
c-2.581,1.494-6.564,2.601-11.84,3.289c-7.108,0.929-11.881,1.4-14.185,1.4h-54.3V223.722h58.94c9.713,0,17.257,2.423,22.422,7.201
c5.149,4.764,7.761,10.746,7.761,17.778C455.339,254.596,453.479,259.72,449.812,263.931z"/>
<path fill="param(fill)" stroke="param(outline)" stroke-width="param(outline-width)" d="M186.075,285.335c-2.375-1.976-6.348-2.936-12.145-2.936h-16.857
<path fill="param(fill)" fill-opacity="param(fill-opacity)" stroke="param(outline)" stroke-opacity="param(outline-opacity)" stroke-width="param(outline-width)" d="M186.075,285.335c-2.375-1.976-6.348-2.936-12.145-2.936h-16.857
v22.252H174c5.707,0,9.648-1.009,12.049-3.085c2.397-2.071,3.612-4.884,3.612-8.357
C189.662,289.963,188.455,287.314,186.075,285.335z"/>
</svg>
@@ -13,7 +13,7 @@
<inkscape:perspective inkscape:vp_z="580 : 290 : 1" inkscape:vp_y="0 : 1000 : 0" inkscape:vp_x="0 : 290 : 1" sodipodi:type="inkscape:persp3d" id="perspective2441" inkscape:persp3d-origin="290 : 193.33333 : 1">
</inkscape:perspective>
</defs>
<path fill="param(fill)" stroke="param(outline)" stroke-width="param(outline-width)" d="M504.911,519.52l0.713-0.006l-10.927-19.284L304.525,139.548
<path fill="param(fill)" fill-opacity="param(fill-opacity)" stroke="param(outline)" stroke-opacity="param(outline-opacity)" stroke-width="param(outline-width)" d="M504.911,519.52l0.713-0.006l-10.927-19.284L304.525,139.548
l35.603-67.259l-23.227-12.295l-27.214,51.412l-28.368-53.804l-23.246,12.257l36.007,68.292
c-15.495,32.074-121.491,230.255-192.826,362.816L70.813,520.37l94.237-0.156l23.41,0.181l0.115-0.22l202.599-0.336l0.291,0.556
l91.769-0.708l21.747-0.036L504.911,519.52z M289.962,285.859c21.655,72.987,67.317,167.251,87.688,207.723l-175.523,0.29
@@ -26,7 +26,7 @@
<rect id="rect4134" x="1" y="1" display="inline" fill="none" stroke="#757575" stroke-width="0.1" width="10" height="10"/>
<rect id="rect4136" x="2" y="2" display="inline" fill="none" stroke="#757575" stroke-width="0.1" width="8" height="8"/>
</g>
<path fill="param(fill)" stroke="param(outline)" stroke-width="param(outline-width)" d="M529.607,383.164h-42.309V236.306
<path fill="param(fill)" fill-opacity="param(fill-opacity)" stroke="param(outline)" stroke-opacity="param(outline-opacity)" stroke-width="param(outline-width)" d="M529.607,383.164h-42.309V236.306
c0-22.719-7.93-41.91-23.789-57.573c-15.859-15.662-34.952-23.493-57.276-23.494H131.322c-22.72,0-41.911,7.832-57.573,23.494
c-15.662,15.663-23.493,34.854-23.493,57.573v103.977c0,16.445,5.874,30.542,17.622,42.29s25.845,17.623,42.29,17.623h94.583
c1.171-16.84,7.828-31.134,19.971-42.883c12.143-11.748,26.831-17.621,44.064-17.621c16.839,0,31.426,5.873,43.76,17.621
@@ -35,7 +35,7 @@
h125.705c11.366,0,17.048,5.486,17.049,16.457V250.988z M437.372,250.396c0,11.354-5.479,17.031-16.438,17.031h-58.155
c-10.972,0-16.458-5.677-16.457-17.031v-27.607c-0.001-10.971,5.485-16.457,16.457-16.457h58.155
c10.959,0,16.438,5.486,16.438,16.457V250.396z"/>
<path fill="param(fill)" stroke="param(outline)" stroke-width="param(outline-width)" d="M268.786,357.904c-12.932,0-23.9,4.503-32.905,13.508
<path fill="param(fill)" fill-opacity="param(fill-opacity)" stroke="param(outline)" stroke-opacity="param(outline-opacity)" stroke-width="param(outline-width)" d="M268.786,357.904c-12.932,0-23.9,4.503-32.905,13.508
c-9.006,9.006-13.508,19.969-13.508,32.888c0,12.537,4.502,23.309,13.508,32.313c9.005,9.006,19.973,13.508,32.905,13.508
c12.525,0,23.293-4.502,32.305-13.508c9.011-9.005,13.517-19.776,13.518-32.313c-0.001-12.919-4.507-23.882-13.518-32.888
C292.079,362.407,281.311,357.904,268.786,357.904z M282.877,418.399c-3.92,3.914-8.617,5.871-14.091,5.871
@@ -29,21 +29,21 @@
<rect id="rect4134" x="1" y="1" display="inline" fill="none" stroke="#757575" stroke-width="0.1" width="10" height="10"/>
<rect id="rect4136" x="2" y="2" display="inline" fill="none" stroke="#757575" stroke-width="0.1" width="8" height="8"/>
</g>
<polygon opacity="0.5" fill="param(fill)" stroke="param(outline)" stroke-width="param(outline-width)" points="295.237,39.758 294.855,39.364
<polygon opacity="0.5" fill="param(fill)" fill-opacity="param(fill-opacity)" stroke="param(outline)" stroke-opacity="param(outline-opacity)" stroke-width="param(outline-width)" points="295.237,39.758 294.855,39.364
106.54,232.642 144.682,232.642 144.682,520.607 257.98,520.607 257.98,374.266 334.294,374.266 334.294,520.607 445.027,520.607
445.027,232.642 483.169,232.642 "/>
<g>
<polygon fill="param(fill)" stroke="param(outline)" stroke-width="param(outline-width)" stroke-miterlimit="10" points="505.014,350.967 503.808,412.455
<polygon fill="param(fill)" fill-opacity="param(fill-opacity)" stroke="param(outline)" stroke-opacity="param(outline-opacity)" stroke-width="param(outline-width)" stroke-miterlimit="10" points="505.014,350.967 503.808,412.455
77.661,409.614 79.33,279.464 45.71,279.033 42.709,513.187 76.328,513.618 77.23,443.234 503.148,446.073 502.012,504.067
535.627,504.726 538.629,351.625 "/>
<path fill="param(fill)" stroke="param(outline)" stroke-width="param(outline-width)" stroke-miterlimit="10" d="M257.652,402.149h195.127
<path fill="param(fill)" fill-opacity="param(fill-opacity)" stroke="param(outline)" stroke-opacity="param(outline-opacity)" stroke-width="param(outline-width)" stroke-miterlimit="10" d="M257.652,402.149h195.127
c22.248,0,40.348-18.1,40.348-40.347s-18.1-40.347-40.348-40.347H257.652c-22.247,0-40.346,18.1-40.346,40.347
S235.405,402.149,257.652,402.149z"/>
<path fill="param(fill)" stroke="param(outline)" stroke-width="param(outline-width)" stroke-miterlimit="10" d="M169.841,328.922h0.013
<path fill="param(fill)" fill-opacity="param(fill-opacity)" stroke="param(outline)" stroke-opacity="param(outline-opacity)" stroke-width="param(outline-width)" stroke-miterlimit="10" d="M169.841,328.922h0.013
c9.029-0.003,17.523-3.125,23.917-8.791c6.433-5.7,9.974-13.29,9.97-21.394c-0.007-16.617-15.216-30.136-33.915-30.136
c-9.029,0.003-17.523,3.125-23.917,8.792c-6.433,5.701-9.974,13.29-9.97,21.393C135.947,315.402,151.155,328.922,169.841,328.922z
M169.841,327.772L169.841,327.772L169.841,327.772L169.841,327.772z"/>
<path fill="param(fill)" stroke="param(outline)" stroke-width="param(outline-width)" stroke-miterlimit="10" d="M106.799,398.126h84.055
<path fill="param(fill)" fill-opacity="param(fill-opacity)" stroke="param(outline)" stroke-opacity="param(outline-opacity)" stroke-width="param(outline-width)" stroke-miterlimit="10" d="M106.799,398.126h84.055
c11.339,0,20.563-9.225,20.563-20.563S202.193,357,190.854,357h-84.055c-11.339,0-20.563,9.224-20.563,20.563
S95.46,398.126,106.799,398.126z"/>
</g>
@@ -29,19 +29,19 @@
<rect id="rect4134" x="1" y="1" display="inline" fill="none" stroke="#757575" stroke-width="0.1" width="10" height="10"/>
<rect id="rect4136" x="2" y="2" display="inline" fill="none" stroke="#757575" stroke-width="0.1" width="8" height="8"/>
</g>
<path fill="param(fill)" stroke="param(outline)" stroke-width="param(outline-width)" d="M537.344,251.464c-0.12-0.002-0.239-0.003-0.358-0.003
<path fill="param(fill)" fill-opacity="param(fill-opacity)" stroke="param(outline)" stroke-opacity="param(outline-opacity)" stroke-width="param(outline-width)" d="M537.344,251.464c-0.12-0.002-0.239-0.003-0.358-0.003
c-9.729,0-17.713,7.792-17.904,17.563l-1.285,65.525l-454.115-3.027l1.778-138.693c0.127-9.893-7.791-18.016-17.684-18.143
c-0.078-0.001-0.156-0.001-0.234-0.001c-9.786,0-17.782,7.87-17.908,17.685l-3.199,249.522c-0.127,9.893,7.791,18.016,17.684,18.143
c0.078,0.001,0.156,0.001,0.234,0.001c9.786,0,17.782-7.87,17.908-17.685l0.962-75.003l453.872,3.026l-1.212,61.799
c-0.194,9.893,7.668,18.068,17.56,18.263c0.12,0.002,0.239,0.004,0.358,0.004c9.729,0,17.713-7.792,17.904-17.563l3.199-163.15
C555.098,259.834,547.235,251.658,537.344,251.464z"/>
<path fill="param(fill)" stroke="param(outline)" stroke-width="param(outline-width)" d="M255.485,323.566H463.42c23.707,0,42.994-19.287,42.994-42.995
<path fill="param(fill)" fill-opacity="param(fill-opacity)" stroke="param(outline)" stroke-opacity="param(outline-opacity)" stroke-width="param(outline-width)" d="M255.485,323.566H463.42c23.707,0,42.994-19.287,42.994-42.995
c0-23.707-19.287-42.994-42.994-42.994H255.485c-23.708,0-42.995,19.287-42.995,42.994
C212.49,304.279,231.777,323.566,255.485,323.566z"/>
<path fill="param(fill)" stroke="param(outline)" stroke-width="param(outline-width)" d="M161.91,230.538h0.015c9.604-0.003,18.637-3.324,25.437-9.349
<path fill="param(fill)" fill-opacity="param(fill-opacity)" stroke="param(outline)" stroke-opacity="param(outline-opacity)" stroke-width="param(outline-width)" d="M161.91,230.538h0.015c9.604-0.003,18.637-3.324,25.437-9.349
c6.839-6.06,10.604-14.127,10.6-22.74c-0.008-17.667-16.18-32.039-36.065-32.039c-9.603,0.003-18.637,3.324-25.437,9.349
c-6.839,6.06-10.604,14.127-10.6,22.74C125.867,216.165,142.04,230.538,161.91,230.538z M161.91,229.387L161.91,229.387
L161.91,229.387L161.91,229.387z"/>
<path fill="param(fill)" stroke="param(outline)" stroke-width="param(outline-width)" d="M94.731,319.279h89.572c12.083,0,21.914-9.83,21.914-21.913
<path fill="param(fill)" fill-opacity="param(fill-opacity)" stroke="param(outline)" stroke-opacity="param(outline-opacity)" stroke-width="param(outline-width)" d="M94.731,319.279h89.572c12.083,0,21.914-9.83,21.914-21.913
s-9.831-21.914-21.914-21.914H94.731c-12.083,0-21.913,9.831-21.913,21.914S82.648,319.279,94.731,319.279z"/>
</svg>
@@ -56,7 +56,7 @@
<rect id="rect4134" x="1" y="1" display="inline" fill="none" stroke="#757575" stroke-width="0.1" width="10" height="10"/>
<rect id="rect4136" x="2" y="2" display="inline" fill="none" stroke="#757575" stroke-width="0.1" width="8" height="8"/>
</g>
<polygon fill="param(fill)" stroke="param(outline)" stroke-width="param(outline-width)" points="290.329,128.447 290,128.11 129.451,292.891
<polygon fill="param(fill)" fill-opacity="param(fill-opacity)" stroke="param(outline)" stroke-opacity="param(outline-opacity)" stroke-width="param(outline-width)" points="290.329,128.447 290,128.11 129.451,292.891
128.693,293.668 161.365,293.668 161.365,506.07 258.414,506.07 258.414,380.717 323.783,380.717 323.783,506.07 418.637,506.07
418.637,293.668 451.307,293.668 "/>
</svg>

0 comments on commit 8cac364

Please sign in to comment.
You can’t perform that action at this time.