.svg icons for tabs

This commit is contained in:
James Koster 2012-08-06 12:53:49 +01:00
parent e40c754a98
commit 569065fdf2
11 changed files with 72 additions and 10 deletions

File diff suppressed because one or more lines are too long

View File

@ -1442,47 +1442,56 @@ img.help_tip {
border-bottom: 1px solid #d5d5d5;
text-shadow: 0 1px 1px #fff;
color: #555;
background: #f1f1f1 url(../images/icons/wc-tab-icons.png) no-repeat 9px 9px;
background-color: #f1f1f1;
background-size: 12px !important;
background-position: 12px 11px !important;
}
}
&.general_options {
a {
background-position: 9px 9px;
background: url(../images/icons/general.svg) left no-repeat #f1f1f1;
}
}
&.tax_options {
a {
background-position: 9px -55px;
background: url(../images/icons/taxes.svg) left no-repeat #f1f1f1;
background-size: 16px !important;
background-position: 9px 9px !important;
}
}
&.inventory_options {
a {
background-position: 9px -119px;
background: url(../images/icons/inventory.svg) left no-repeat #f1f1f1;
}
}
&.shipping_options {
a {
background-position: 9px -631px;
background: url(../images/icons/shipping.svg) left no-repeat #f1f1f1;
background-size: 15px !important;
background-position: 10px 10px !important;
}
}
&.related_product_options {
a {
background-position: 9px -567px;
background: url(../images/icons/related.svg) left no-repeat #f1f1f1;
}
}
&.attribute_options {
a {
background-position: 9px -247px;
background: url(../images/icons/attributes.svg) left no-repeat #f1f1f1;
background-position: 11px 11px !important;
}
}
&.advanced_options {
a {
background-position: 9px -695px;
background: url(../images/icons/advanced.svg) left no-repeat #f1f1f1;
}
}
&.variation_options {
a {
background-position: 9px -439px;
background: url(../images/icons/variations.svg) left no-repeat #f1f1f1;
background-size: 16px !important;
background-position: 9px 9px !important;
}
}
&.active {

View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Settings_1_" x="0px" y="0px" width="100px" height="100px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path fill-rule="evenodd" clip-rule="evenodd" d="M95.525,52.728c-5.582-1.496-6.847-14.585-2.268-17.228 c1.501-0.87,2.665-2.104,3.434-3.527c-1.191-4.343-5.255-10.6-7.548-13.383c-1.676-0.078-3.39,0.305-4.95,1.206 c-4.995,2.886-15.321-4.833-13.783-10.578c0.481-1.795,0.227-3.972-0.165-5.244c-2.839-1.468-9.562-3.443-14.555-3.932 c-1.076,0.783-2.308,2.676-2.788,4.483c-1.629,6.075-14.52,6.958-17.285,2.17c-0.923-1.6-2.623-3.09-3.798-3.58 c-3.23,0.979-10.249,5.048-13.088,7.397c0.196,1.664,0.234,3.597,1.188,5.247c2.763,4.789-4.72,15.438-10.629,13.855 c-1.944-0.52-3.984-0.372-5.648,0.313C2.271,32.963,0.196,40.97,0,44.2c0.392,0.881,2.729,2.428,4.598,2.928 c8.043,2.156,8.106,13.951,2.279,17.315c-1.646,0.951-3.056,2.271-3.643,3.936c0.979,3.132,4.913,10.018,7.458,12.955 c1.664,0.195,3.597-0.232,5.248-1.187c5.204-3.007,15.612,4.064,13.853,10.631c-0.457,1.709-0.204,3.507,0.089,5.27 c3.916,1.664,11,4.005,14.916,3.907c1.272-1.175,2.057-2.812,2.504-4.483c1.54-5.748,14.253-7.582,17.257-2.378 c0.839,1.455,2.014,2.836,3.384,3.619c4.111-1.175,11.338-5.219,13.788-7.764c0.096-1.859-0.604-3.412-1.474-4.922 c-3.247-5.619,4.338-15.458,10.575-13.786c1.708,0.456,3.568,0.302,5.135-0.089c1.37-3.427,3.642-9.549,4.032-14.639 C98.629,53.947,97.329,53.212,95.525,52.728z M76.521,56.525c-3.807,14.217-18.417,22.651-32.632,18.843 c-14.213-3.81-22.647-18.423-18.839-32.639c3.808-14.216,18.418-22.651,32.631-18.842C71.895,27.696,80.33,42.307,76.521,56.525z"/>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="100px" height="100px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M100,15.915V0L0,100h15.916v-8.009h4.004V100h10.01v-8.009h4.004V100h10.01v-8.009h4.004V100h10.01v-8.009h4.004V100h10.011
v-8.009h4.004V100h10.01v-8.009h4.004V100H100V89.989h-8.009v-4.004H100v-10.01h-8.009v-4.004H100V61.961h-8.009v-4.004H100v-10.01
h-8.009v-4.004H100v-10.01h-8.009v-4.004H100v-10.01h-8.009v-4.004H100z M85.986,85.985H33.833l52.153-52.152V85.985z"/>
</svg>

After

Width:  |  Height:  |  Size: 861 B

12
assets/images/icons/cart.svg Executable file
View File

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="100px" height="88.003px" viewBox="0 0 100 88.003" enable-background="new 0 0 100 88.003" xml:space="preserve">
<circle cx="40.518" cy="78.482" r="9.522"/>
<circle cx="90.478" cy="78.482" r="9.522"/>
<path d="M32.475,51.182c0.029,0.1,0.057,0.201,0.089,0.3L32.475,51.182z"/>
<path d="M23.071,54.431l-0.086-0.294C23.014,54.236,23.041,54.334,23.071,54.431z"/>
<path d="M100,11.189H20.685L17.384,0H0l1.876,6.315h7.018l14.091,47.822l0.086,0.294c2.25,7.066,8.872,12.201,16.674,12.201H100
v-9.939H39.745c-3.348,0-6.19-2.189-7.181-5.211c-0.032-0.099-0.06-0.2-0.089-0.3l-0.41-1.394L100,36.503V11.189z"/>
</svg>

After

Width:  |  Height:  |  Size: 982 B

View File

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="100px" height="100px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
<path style="fill:#010101;" d="M100,25h-6.25V6.25C93.75,2.795,90.967,0,87.5,0c-3.442,0-6.25,2.795-6.25,6.25V25H75v12.5h6.25 v56.25c0,3.455,2.808,6.25,6.25,6.25c3.467,0,6.25-2.795,6.25-6.25V37.5H100V25z"/>
<path style="fill:#010101;" d="M62.5,62.5h-6.25V6.25C56.25,2.795,53.467,0,50,0c-3.442,0-6.25,2.795-6.25,6.25V62.5H37.5V75h6.25 v18.75c0,3.455,2.808,6.25,6.25,6.25c3.467,0,6.25-2.795,6.25-6.25V75h6.25V62.5z"/>
<path style="fill:#010101;" d="M25,37.5h-6.25V6.25C18.75,2.795,15.967,0,12.5,0C9.058,0,6.25,2.795,6.25,6.25V37.5H0V50h6.25v43.75 c0,3.455,2.808,6.25,6.25,6.25c3.467,0,6.25-2.795,6.25-6.25V50H25V37.5z"/>
</svg>

After

Width:  |  Height:  |  Size: 868 B

View File

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="100px" height="100px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
<rect x="37.5" y="25" style="fill:#010101;" width="25" height="75"/>
<rect x="75" style="fill:#010101;" width="25" height="100"/>
<rect y="50" style="fill:#010101;" width="25" height="50"/>
</svg>

After

Width:  |  Height:  |  Size: 438 B

View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="100px" height="100px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
<path style="fill:#010101;" d="M98.169,1.831c-2.441-2.441-6.433-2.441-8.874,0L76.574,14.562 c-5.212-3.467-11.193-5.188-17.199-5.188c-7.996,0-16.095,3.052-22.095,9.155L18.53,37.28C7.837,47.961,6.519,64.478,14.551,76.6 L1.831,89.331c-2.441,2.441-2.441,6.396,0,8.838C3.052,99.39,4.651,100,6.25,100c1.6,0,3.198-0.61,4.419-1.831l12.72-12.731 c5.213,3.467,11.23,5.188,17.236,5.188c7.892,0,15.991-3.052,22.095-9.155l18.714-18.75C92.127,52.039,93.445,35.522,85.412,23.4 l12.757-12.731C100.61,8.228,100.61,4.272,98.169,1.831z M78.088,40.625c0,5.005-1.953,9.717-5.492,13.257l-18.714,18.75 c-3.552,3.54-8.355,5.493-13.257,5.493c-2.832,0-5.542-0.695-8.032-1.88l9.223-9.326c2.441-2.441,2.441-6.396,0-8.838 c-2.338-2.441-6.293-2.441-8.734,0l-9.326,9.326c-1.196-2.478-1.88-5.188-1.88-8.032c0-5.005,1.953-9.717,5.493-13.257l18.646-18.75 c3.54-3.54,8.355-5.493,13.36-5.493c2.832,0,5.529,0.695,8.02,1.88l-9.509,9.521c-2.441,2.441-2.441,6.396,0,8.838 c1.221,1.221,2.819,1.831,4.419,1.831c1.587,0,3.186-0.61,4.406-1.831l9.498-9.521C77.404,35.07,78.088,37.781,78.088,40.625z"/>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.2" baseProfile="tiny" id="Layer_1" x="0px" y="0px" width="100.0px" height="100px" viewBox="0 0 120 120" xml:space="preserve">
<path fill="#000000" d="M110.975,69.466c0,0.848-0.693,1.541-1.541,1.541H48.62c-0.847,0-1.541-0.693-1.541-1.541V27.855 c0-0.847,0.694-1.541,1.541-1.541h60.814c0.848,0,1.541,0.694,1.541,1.541V69.466z"/>
<path fill="#000000" d="M85.513,79.291c0,0.847-0.694,1.541-1.541,1.541H48.62c-0.847,0-1.541-0.694-1.541-1.541v-3.66 c0-0.848,0.694-1.541,1.541-1.541h35.352c0.847,0,1.541,0.693,1.541,1.541V79.291z"/>
<path fill="#000000" d="M33.466,81.732c1.699,0,3.082,1.381,3.082,3.08c0,1.701-1.383,3.084-3.082,3.084s-3.083-1.383-3.083-3.084 C30.383,83.113,31.767,81.732,33.466,81.732 M33.466,75.567c-5.106,0-9.247,4.141-9.247,9.245c0,5.108,4.141,9.249,9.247,9.249 c5.108,0,9.247-4.141,9.247-9.249C42.712,79.708,38.574,75.567,33.466,75.567L33.466,75.567z"/>
<path fill="#000000" d="M97.938,81.732c1.699,0,3.082,1.381,3.082,3.08c0,1.701-1.383,3.084-3.082,3.084s-3.083-1.383-3.083-3.084 C94.855,83.113,96.239,81.732,97.938,81.732 M97.938,75.567c-5.108,0-9.247,4.141-9.247,9.245c0,5.108,4.139,9.249,9.247,9.249 c5.107,0,9.246-4.141,9.246-9.249C107.185,79.708,103.046,75.567,97.938,75.567L97.938,75.567z"/>
<path fill="#000000" d="M26.245,37.552c-0.847,0-1.894,0.598-2.324,1.328L11.757,59.527c-0.431,0.73-0.783,2.021-0.783,2.869v20.419 c0,0.847,0.694,1.541,1.541,1.541h4.786c0.847,0,1.836-0.541,2.136-1.423c0.543-1.603,1.634-11.988,13.13-11.988h9.888 c0.848,0,1.542-0.694,1.542-1.542V39.093c0-0.848-0.694-1.542-1.542-1.542H26.245z"/>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

6
assets/images/icons/taxes.svg Executable file
View File

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Calque_1" x="0px" y="0px" width="100px" height="100px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<polygon points="34.318,69.084 5.173,54.513 2.953,55.621 34.318,71.304 97.047,39.939 94.827,38.829 "/>
<polygon points="34.318,73.523 5.173,58.952 2.953,60.061 34.318,75.743 97.047,44.379 94.827,43.269 "/>
<polygon points="34.318,77.963 5.173,63.392 2.953,64.501 34.318,80.183 97.047,48.818 94.827,47.707 "/>
<path d="M65.683,19.817L2.953,51.182l31.365,15.682l62.729-31.364L65.683,19.817z M57.84,47.262c-4.327,2.165-11.349,2.165-15.68,0 c-4.332-2.166-4.332-5.677,0-7.842c4.329-2.164,11.351-2.164,15.68,0C62.172,41.585,62.172,45.096,57.84,47.262z"/>
</svg>

After

Width:  |  Height:  |  Size: 792 B

View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="100px" height="100px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path fill="#000000" d="M75.57,26.67c-10.814,0-20.731,10.156-25.741,16.299c-5.01-6.143-14.927-16.299-25.741-16.299 c-12.629,0-22.903,10.274-22.903,22.903s10.274,22.903,22.903,22.903c10.814,0,20.731-10.156,25.741-16.299 c5.009,6.143,14.926,16.299,25.741,16.299c12.629,0,22.903-10.274,22.903-22.903S88.199,26.67,75.57,26.67z M24.088,64.523 c-8.244,0-14.951-6.706-14.951-14.95s6.707-14.951,14.951-14.951c7.68,0,16.509,9.362,20.822,14.951 C40.596,55.164,31.768,64.523,24.088,64.523z M75.57,64.523c-7.683,0-16.514-9.365-20.825-14.954 c4.303-5.59,13.116-14.948,20.825-14.948c8.244,0,14.95,6.707,14.95,14.951S83.814,64.523,75.57,64.523z"/>
</svg>

After

Width:  |  Height:  |  Size: 879 B