SethTrowbridge/atomic-css
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

icons added

Browse Source
This commit is contained in:
TreetopFlyer 2021-09-22 14:52:33 -04:00
parent a868c3255a
commit 8b537361ee
10 changed files with 85 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
icon-pay-american-express.svg Normal file
View File

@ -0,0 +1,8 @@
<svg width="28" height="20" viewBox="0 0 28 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="28" height="20" fill="white"/>
<rect width="28" height="20" fill="#016FD0"/>
<path d="M20.35 12.2901L22.0393 10.1023L20.3098 7.85986H21.6494L22.6794 9.24612L23.7129 7.85986H25L23.2932 10.075L24.9856 12.2901H23.6463L22.6462 10.9257L21.6704 12.2901H20.35Z" fill="white"/>
<path d="M16.6732 12.2901V7.85986H20.1428V8.85083H17.7477V9.60863H20.0868V10.5413H17.7477V11.3282H20.1428V12.2901H16.6732Z" fill="white"/>
<path d="M8.20569 12.2901V7.85986L9.89803 7.86641L10.8824 10.7227L11.8431 7.85986H13.5219V12.2901H12.4587V9.02571L11.3316 12.2901H10.3991L9.26894 9.02571V12.2901H8.20569Z" fill="white"/>
<path d="M4.82921 7.85986L3 12.2901H4.19091L4.52842 11.4029H6.49053L6.82629 12.2901H8.04343L6.21597 7.85986H4.82921ZM5.50598 8.8909L6.10405 10.4411H4.90615L5.50598 8.8909V8.8909Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 907 B

35
icon-pay-discover.svg Normal file
View File

@ -0,0 +1,35 @@
<svg width="28" height="20" viewBox="0 0 28 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<rect width="28" height="20" fill="white"/>
<path d="M28.5 11.5453C28.5 11.5453 20.1148 17.4714 6.05615 20H28.5V11.5453Z" fill="url(#paint0_linear)"/>
<path d="M14.5227 11.5453C15.7276 11.5453 16.7044 10.5278 16.7044 9.27267C16.7044 8.01751 15.7276 7 14.5227 7C13.3177 7 12.3409 8.01751 12.3409 9.27267C12.3409 10.5278 13.3177 11.5453 14.5227 11.5453Z" fill="url(#paint1_linear)"/>
<path d="M2.16907 7.12411H1V11.3902H2.16907C2.78711 11.3902 3.23389 11.2351 3.62854 10.9016C4.09766 10.4982 4.37317 9.8932 4.37317 9.26492C4.36573 8.0006 3.46473 7.12411 2.16907 7.12411ZM3.1073 10.3353C2.85413 10.568 2.53394 10.6766 2.0127 10.6766H1.79675V7.85322H2.0127C2.52649 7.85322 2.83924 7.9463 3.1073 8.19451C3.38282 8.45048 3.54663 8.84606 3.54663 9.25716C3.54663 9.66826 3.38282 10.0794 3.1073 10.3353Z" fill="#231F20"/>
<path d="M5.5348 7.12411H4.73804V11.3902H5.5348V7.12411Z" fill="#231F20"/>
<path d="M7.48573 8.76074C7.00917 8.57458 6.86769 8.45048 6.86769 8.22554C6.86769 7.95406 7.12086 7.75239 7.46339 7.75239C7.70167 7.75239 7.90272 7.85322 8.10377 8.10143L8.52076 7.53521C8.17823 7.22494 7.76869 7.06205 7.31446 7.06205C6.59217 7.06205 6.0337 7.5895 6.0337 8.28759C6.0337 8.87709 6.29432 9.1796 7.03895 9.45883C7.35169 9.57518 7.50807 9.65275 7.58998 9.69929C7.74635 9.80788 7.82826 9.96301 7.82826 10.1414C7.82826 10.4905 7.56764 10.7464 7.21021 10.7464C6.83045 10.7464 6.52516 10.5448 6.339 10.1802L5.8252 10.6999C6.19007 11.2661 6.63685 11.5143 7.24 11.5143C8.06654 11.5143 8.6548 10.9403 8.6548 10.1104C8.66969 9.42005 8.39418 9.10979 7.48573 8.76074Z" fill="#231F20"/>
<path d="M8.91542 9.26492C8.91542 10.5215 9.8611 11.4911 11.0748 11.4911C11.4174 11.4911 11.7152 11.4212 12.0726 11.2428V10.2655C11.7525 10.599 11.4695 10.7309 11.1121 10.7309C10.3079 10.7309 9.73451 10.1259 9.73451 9.25716C9.73451 8.43497 10.3228 7.79117 11.0748 7.79117C11.4546 7.79117 11.745 7.93079 12.0726 8.27208V7.29475C11.7227 7.10859 11.4323 7.03103 11.0897 7.03103C9.89088 7.03103 8.91542 8.02387 8.91542 9.26492Z" fill="#231F20"/>
<path d="M18.4169 9.99404L17.3223 7.12411H16.4511L18.1861 11.4988H18.6179L20.3827 7.12411H19.519L18.4169 9.99404Z" fill="#231F20"/>
<path d="M20.7476 11.3902H23.0113V10.6689H21.5443V9.52089H22.9591V8.79952H21.5443V7.85322H23.0113V7.12411H20.7476V11.3902Z" fill="#231F20"/>
<path d="M26.1759 8.38843C26.1759 7.5895 25.6473 7.13186 24.7239 7.13186H23.54V11.398H24.3367V9.68377H24.441L25.543 11.398H26.5259L25.2377 9.59845C25.8409 9.46659 26.1759 9.03998 26.1759 8.38843ZM24.5675 9.09427H24.3367V7.79893H24.5824C25.0813 7.79893 25.3494 8.01611 25.3494 8.43497C25.3494 8.86158 25.0813 9.09427 24.5675 9.09427Z" fill="#231F20"/>
</g>
<defs>
<linearGradient id="paint0_linear" x1="15.6377" y1="11.0914" x2="14.0406" y2="8.69078" gradientUnits="userSpaceOnUse">
<stop stop-color="#F89F20"/>
<stop offset="0.2502" stop-color="#F79A20"/>
<stop offset="0.5331" stop-color="#F68D20"/>
<stop offset="0.6196" stop-color="#F58720"/>
<stop offset="0.7232" stop-color="#F48120"/>
<stop offset="1" stop-color="#F37521"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="15.6377" y1="11.0914" x2="14.0406" y2="8.69078" gradientUnits="userSpaceOnUse">
<stop stop-color="#F89F20"/>
<stop offset="0.2502" stop-color="#F79A20"/>
<stop offset="0.5331" stop-color="#F68D20"/>
<stop offset="0.6196" stop-color="#F58720"/>
<stop offset="0.7232" stop-color="#F48120"/>
<stop offset="1" stop-color="#F37521"/>
</linearGradient>
<clipPath id="clip0">
<rect width="28" height="20" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB

6
icon-pay-mastercard.svg Normal file
View File

@ -0,0 +1,6 @@
<svg width="28" height="20" viewBox="0 0 28 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="28" height="20" fill="white"/>
<path d="M16.8884 4.50693H10.9688V15.582H16.8884V4.50693Z" fill="#FF5A00"/>
<path d="M11.3628 10.0445C11.3628 7.79435 12.3786 5.79728 13.9373 4.50693C12.7901 3.56766 11.3431 3 9.76465 3C6.02549 3 3 6.15064 3 10.0445C3 13.9383 6.02549 17.089 9.76465 17.089C11.3431 17.089 12.7901 16.5213 13.9373 15.582C12.3764 14.3099 11.3628 12.2946 11.3628 10.0445Z" fill="#EB001B"/>
<path d="M24.8746 10.0445C24.8746 13.9383 21.8491 17.089 18.1099 17.089C16.5315 17.089 15.0844 16.5213 13.9373 15.582C15.5157 14.2894 16.5118 12.2946 16.5118 10.0445C16.5118 7.79435 15.496 5.79728 13.9373 4.50693C15.0822 3.56766 16.5293 3 18.1077 3C21.8491 3 24.8746 6.17116 24.8746 10.0445Z" fill="#F79E1B"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 826 B

7
icon-pay-paypal.svg Normal file
View File

@ -0,0 +1,7 @@
<svg width="28" height="20" viewBox="0 0 28 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="28" height="20" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.7732 17.2929L14.2538 14.2117L14.2848 14.0409C14.308 13.8924 14.3832 13.7566 14.4964 13.6588C14.6097 13.561 14.7542 13.5071 14.9031 13.5071H15.2848C15.9209 13.5071 16.5053 13.4384 17.0219 13.3029C17.5731 13.1585 18.0634 12.9335 18.4789 12.6347C18.9195 12.3179 19.2895 11.9083 19.5789 11.4177C19.8842 10.9001 20.1084 10.2769 20.2453 9.56569C20.3663 8.93763 20.389 8.37536 20.313 7.89432C20.2325 7.38615 20.0388 6.95255 19.7375 6.60521C19.5548 6.39483 19.321 6.21255 19.0427 6.06341L19.0361 6.05984L19.036 6.05172C19.1332 5.42479 19.1295 4.90184 19.0249 4.45166C18.9198 4.00052 18.7071 3.59453 18.374 3.21081C17.6838 2.41573 16.4285 2.01251 14.6431 2.01251H9.73981C9.57591 2.01251 9.41683 2.07181 9.29213 2.17952C9.16744 2.28723 9.08485 2.43685 9.05914 2.60061L7.01746 15.6904C6.99882 15.8098 7.03273 15.9311 7.1105 16.0228C7.18827 16.1149 7.30139 16.1677 7.42094 16.1677H10.4629L10.4602 16.1823L10.2513 17.5216C10.2352 17.6257 10.2648 17.7313 10.3324 17.8113C10.4001 17.8914 10.4986 17.9375 10.6027 17.9375H13.1541C13.2972 17.9375 13.4359 17.8857 13.5447 17.7916C13.6535 17.6976 13.7258 17.5671 13.7481 17.4243L13.7732 17.2929Z" fill="#27346A"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0252 6.06877C12.0575 5.86131 12.1891 5.69154 12.3664 5.6056C12.447 5.56661 12.537 5.54484 12.6314 5.54484H16.4748C16.9302 5.54484 17.3547 5.57506 17.7429 5.63826C17.8538 5.65629 17.9616 5.67708 18.0666 5.70064C18.1715 5.7242 18.2732 5.75035 18.3717 5.7796C18.421 5.79405 18.4694 5.80933 18.5171 5.82541C18.7077 5.88942 18.8851 5.9648 19.0484 6.0522C19.2409 4.81151 19.0471 3.96721 18.3833 3.20252C17.6525 2.36066 16.3323 2 14.6431 2H9.7398C9.39465 2 9.10075 2.25392 9.04692 2.59866L7.00524 15.6884C6.96491 15.9467 7.16239 16.1802 7.42094 16.1802H10.4479L12.0252 6.06877Z" fill="#27346A"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.0484 6.05219C19.0337 6.14691 19.0175 6.24324 18.9982 6.34251C18.3518 9.69906 16.1395 10.8595 13.314 10.8595H11.8752C11.53 10.8595 11.2385 11.1136 11.1847 11.4583L10.2391 17.5198C10.2039 17.7456 10.3766 17.95 10.6027 17.95H13.1542C13.4562 17.95 13.7133 17.7279 13.7603 17.4262L13.7854 17.2951L14.266 14.2136L14.297 14.0434C14.3441 13.7417 14.6012 13.5196 14.9031 13.5196H15.2848C17.7566 13.5196 19.6921 12.5042 20.2577 9.56796C20.4939 8.34107 20.3718 7.31693 19.7469 6.59692C19.5579 6.37922 19.3226 6.19906 19.0484 6.05219Z" fill="#2790C3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.3717 5.77959C18.2732 5.75035 18.1715 5.72419 18.0666 5.70064C17.9616 5.67708 17.8538 5.65628 17.7429 5.63825C17.3547 5.57506 16.9302 5.54484 16.4748 5.54484H12.6314C12.537 5.54484 12.447 5.56661 12.3664 5.6056C12.1891 5.69154 12.0575 5.86131 12.0252 6.06877L11.2083 11.3054L11.1847 11.4583C11.2385 11.1136 11.53 10.8595 11.8752 10.8595H13.3139C16.1395 10.8595 18.3518 9.69906 18.9982 6.34251C19.0175 6.24325 19.0337 6.14691 19.0484 6.0522C18.8851 5.96479 18.7077 5.88941 18.5171 5.8254C18.4694 5.80932 18.421 5.79405 18.3717 5.77959Z" fill="#1F264F"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

7
icon-pay-transfer.svg Normal file
View File

@ -0,0 +1,7 @@
<svg width="28" height="20" viewBox="0 0 28 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="28" height="20" fill="white"/>
<rect width="28" height="20" fill="#388E3C"/>
<path d="M8.60716 12.3725C8.60716 12.0199 8.52182 11.7432 8.35113 11.5423C8.18044 11.3414 7.88064 11.1517 7.45174 10.9732C7.02283 10.7946 6.62675 10.6138 6.26349 10.4308C5.90023 10.2478 5.5873 10.0358 5.32471 9.79475C5.06211 9.55371 4.86079 9.27473 4.72074 8.95781C4.58069 8.64088 4.51066 8.257 4.51066 7.80617C4.51066 7.0518 4.76013 6.43135 5.25906 5.9448C5.75799 5.45379 6.42324 5.16812 7.25479 5.08777V3.675H8.29861V5.11455C9.09953 5.23507 9.72757 5.57208 10.1827 6.12558C10.6423 6.67462 10.8721 7.37319 10.8721 8.22129H8.65311C8.65311 7.75707 8.56558 7.39997 8.39052 7.15C8.21545 6.90004 7.96599 6.77505 7.64212 6.77505C7.35326 6.77505 7.12787 6.86879 6.96593 7.05627C6.80838 7.23928 6.7296 7.49371 6.7296 7.81956C6.7296 8.14988 6.82151 8.41323 7.00532 8.60964C7.18914 8.80158 7.48456 8.98682 7.89159 9.16537C8.29861 9.33945 8.68156 9.52247 9.04044 9.71441C9.4037 9.90188 9.71663 10.1161 9.97923 10.3572C10.2418 10.5982 10.4475 10.8794 10.5963 11.2008C10.7451 11.5222 10.8195 11.9083 10.8195 12.3592C10.8195 13.1225 10.581 13.7451 10.104 14.2272C9.63129 14.7093 8.98574 14.9905 8.16731 15.0709V16.4167H7.12349V15.0642C6.16939 14.9615 5.43631 14.629 4.92425 14.0665C4.41656 13.4996 4.16272 12.7542 4.16272 11.8302H6.37509C6.37509 12.3391 6.48451 12.7274 6.70334 12.9952C6.92654 13.2586 7.24166 13.3903 7.64868 13.3903C7.94629 13.3903 8.18044 13.301 8.35113 13.1225C8.52182 12.9394 8.60716 12.6895 8.60716 12.3725Z" fill="white"/>
<path d="M14.8614 9.26667H21.1174V10.825H14.8614V9.26667Z" fill="white"/>
<path d="M25.1974 10L19.4854 6.60834V13.3917L25.1974 10Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

8
icon-pay-visa.svg Normal file
View File

@ -0,0 +1,8 @@
<svg width="28" height="20" viewBox="0 0 28 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="28" height="20" fill="white"/>
<path d="M12.1031 14.5235H10.0274L11.3257 6.15175H13.4012L12.1031 14.5235Z" fill="#00579F"/>
<path d="M19.6273 6.35642C19.2179 6.18703 18.5686 6 17.7657 6C15.7159 6 14.2725 7.13992 14.2637 8.76966C14.2466 9.97208 15.2971 10.6399 16.0828 11.0409C16.8858 11.4505 17.1588 11.7179 17.1588 12.0831C17.1506 12.644 16.5099 12.9025 15.9123 12.9025C15.0836 12.9025 14.6396 12.7692 13.9648 12.4572L13.6915 12.3234L13.4011 14.2027C13.8879 14.434 14.7848 14.6392 15.7159 14.6482C17.8938 14.6482 19.3117 13.5259 19.3285 11.7892C19.3368 10.8362 18.7821 10.106 17.5862 9.50924C16.8603 9.12619 16.4157 8.86791 16.4157 8.47598C16.4242 8.11968 16.7917 7.75474 17.6112 7.75474C18.286 7.73687 18.7817 7.90602 19.1573 8.07529L19.345 8.16419L19.6273 6.35642Z" fill="#00579F"/>
<path d="M22.386 11.5577C22.5569 11.0767 23.2147 9.21533 23.2147 9.21533C23.206 9.2332 23.3853 8.72551 23.4877 8.41383L23.6328 9.13519C23.6328 9.13519 24.0259 11.1391 24.1112 11.5577C23.7868 11.5577 22.796 11.5577 22.386 11.5577ZM24.9481 6.15175H23.3426C22.8475 6.15175 22.4713 6.30303 22.2577 6.84636L19.1747 14.5233H21.3526C21.3526 14.5233 21.7111 13.4901 21.7882 13.2675C22.0271 13.2675 24.1457 13.2675 24.4531 13.2675C24.5127 13.5615 24.7007 14.5233 24.7007 14.5233H26.6226L24.9481 6.15175Z" fill="#00579F"/>
<path d="M8.29381 6.15175L6.2611 11.8605L6.03898 10.7027C5.66318 9.36672 4.48457 7.91525 3.16931 7.19354L5.0312 14.5146H7.2261L10.4886 6.15175H8.29381Z" fill="#00579F"/>
<path d="M4.37362 6.15175H1.03416L1 6.3209C3.60498 7.01562 5.33021 8.69023 6.03903 10.703L5.31307 6.85547C5.19356 6.32078 4.82626 6.16939 4.37362 6.15175Z" fill="#FAA61A"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

3
icon-wire-envelope.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.5 9.125L2 12.5M9.5 9.125L14 12.5M2 3.5L8 8L14 3.5M2.52174 12.5H13.4783C13.7664 12.5 14 12.2761 14 12V4C14 3.72386 13.7664 3.5 13.4783 3.5H2.52174C2.23359 3.5 2 3.72386 2 4V12C2 12.2761 2.23359 12.5 2.52174 12.5Z" stroke="black"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 345 B

3
icon-wire-magnify.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.95667 10.1245L14 14M6.8189 4.53585V8.61132M9.03937 6.61887H4.59843M11.6378 6.61887C11.6378 9.1698 9.4803 11.2377 6.8189 11.2377C4.15749 11.2377 2 9.1698 2 6.61887C2 4.06794 4.15749 2 6.8189 2C9.4803 2 11.6378 4.06794 11.6378 6.61887Z" stroke="black" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 414 B

3
icon-wire-phone.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.65477 9.36104C6.65214 9.3584 6.64951 9.35577 6.64687 9.35313M6.64687 9.35313C5.6283 8.33184 4.74632 6.92412 4.82523 6.60848C4.90434 6.29201 5.73176 5.70194 5.979 5.45471C6.22624 5.20747 6.50973 5.03605 6.19327 4.48224L4.87468 2.17471C4.64194 1.85635 4.09988 1.99326 3.11106 2.42194C2.92709 2.50169 1.90785 3.59219 2.00674 5.04264C2.09371 6.31819 3.05917 8.76151 5.14697 10.853M6.64687 9.35313C6.64423 9.35049 6.6416 9.34786 6.63896 9.34523M6.64687 9.35313C7.66816 10.3717 9.07588 11.2537 9.39152 11.1748C9.70798 11.0957 10.2981 10.2682 10.5453 10.021C10.7925 9.77376 10.9639 9.49027 11.5178 9.80673L13.8253 11.1253C14.1436 11.3581 14.0067 11.9001 13.5781 12.8889C13.4983 13.0729 12.4078 14.0922 10.9574 13.9933C9.68181 13.9063 7.23849 12.9408 5.14697 10.853M5.14697 10.853C5.1496 10.8557 5.15224 10.8583 5.15487 10.8609M5.14697 10.853C5.14434 10.8504 5.1417 10.8478 5.13906 10.8451" stroke="black"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1015 B

5
icon-wire-truck.svg Normal file
View File

@ -0,0 +1,5 @@
<svg width="34" height="32" viewBox="0 0 34 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.226 10.5232H27.1703L32 15.3529V25.8483H29.9545M21.226 25.8483V3H2V25.8483H6.09091M12.3096 25.8483H23.8182" stroke="black"/>
<circle cx="9.4304" cy="25.9412" r="3.12229" stroke="black"/>
<circle cx="26.8915" cy="25.9412" r="3.12229" stroke="black"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 365 B