Hallo semua. Kita lanjutkan untuk penambahan Daftar Icon SVG Siap Pakai yang Cocok untuk Median UI Part 2.
Seperti biasa Kode CSS standar untuk icon SVG pada template Median UI sudah ada. Jadi Kalian tidak perlu melakukan apapun dengan CSS dibawah ini karena sudah ada pada template ini
Beberapa icon yang saya bagikan dibawah ini adalah bawaan template Median UI karya Muhammad Maki baik versi pertama maupun update terbaru. Selain itu juga digunakan pada template Fletro dan Imagz
Dimana saya bisa mendapatkan kode HTML untuk icon SVG?
Jika Kalian memiliki file dengan ekstensi .svg, silahkan buka melalui browser apapun lalu tekan ctrl+U dan salin semua kode HTML yang muncul. Kalian juga bisa mengunakan Notepad untuk membuka file SVG.
Sebagian icon pack yang dibagiakan dilisensikan dengan Creative Commons (Attribution-ShareAlike 3.0 Unported) yang artinya untuk menghargai creatornya tambahkan link credit kepada pembuat icon tersebut.
Informasi lisensi terakhir kali dicek: 13 Januari 2022
Where can I get HTML code for SVG icon?
If you have a file with .svg extension, you can open it in any browser then press ctrl+U
and copy all the HTML code that appears. You can also use Notepad to open SVG files.
Some of the icon packs shared are licensed under Creative Commons (Attribution-ShareAlike 3.0 Unported) which means to appreciate the creator, add a credit link to the icon maker.
License information last checked: January 13, 2022
Rainbow Icon Pack (Line)
Credit: ui8.net/flexidesign/products
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><rect x='2' y='2' width='20' height='20' rx='5'></rect><path d='M175.376,181.85188c1.11615-2.25844,2.38586-3.16,3.49436-3.49435,1.91917-.57878,3.21384.58547,5.12781,0a6.13147,6.13147,0,0,0,3.42179-3.4218' transform='translate(-169.39801 -166.39381)'></path></g></svg>
<svg class='line' viewBox='0 0 24 24'><path d='M179.38391,179.442a5.02556,5.02556,0,0,0,7.5831.5436l3.01715-3.02a5.031,5.031,0,0,0-7.11042-7.1173l-1.72983,1.72145' transform='translate(-169.39568 -166.4353)'></path><path d='M183.40745,177.42863a5.02556,5.02556,0,0,0-7.5831-.5436l-3.01715,3.02a5.031,5.031,0,0,0,7.11042,7.1173l1.71976-1.72145' transform='translate(-169.39568 -166.4353)'></path></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><path d='M185.404,189.43193h-8.01673a5.98982,5.98982,0,0,1-5.88763-7.09154l.86727-4.63469a5.98982,5.98982,0,0,1,5.88763-4.8881h6.28219a5.98983,5.98983,0,0,1,5.88763,4.8881l.86727,4.63469A5.98982,5.98982,0,0,1,185.404,189.43193Z' transform='translate(-169.39562 -167.43193)'></path><line x1='14.71978' y1='16.69283' x2='9.28022' y2='16.69283'></line><line x1='15.97802' y1='7.64835' x2='14.71978' y2='2'></line><line x1='8.02198' y1='7.64835' x2='9.28022' y2='2'></line></g></svg>
<svg class='line' viewBox='0 0 24 24'><rect x='2' y='4' width='20' height='18' rx='5'></rect><line x1='16.59341' y1='5.84619' x2='16.59341' y2='2'></line><line x1='7.40659' y1='5.84619' x2='7.40659' y2='2'></line><line x1='2' y1='9' x2='22' y2='9'></line></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><circle cx='17.47857' cy='17.49096' r='4.5'></circle><circle cx='6.50904' cy='6.52143' r='4.5'></circle><circle cx='5.00904' cy='18.99096' r='3'></circle><circle cx='18.99096' cy='5.00904' r='3'></circle></g></svg>
<svg class='line' viewBox='0 0 24 24'><path d='M183.48325,178.22117l6.41006,0a1.52114,1.52114,0,0,1,1.491,1.79822,10.0812,10.0812,0,1,1-11.725-11.703,1.52344,1.52344,0,0,1,1.80812,1.48755l0,6.40356A2.01481,2.01481,0,0,0,183.48325,178.22117Z' transform='translate(-169.40522 -166.28951)'></path><path d='M189.45564,170.2328a7.11257,7.11257,0,0,1,1.91188,3.45176,1.32388,1.32388,0,0,1-1.29943,1.60347h-3.90328a1.76439,1.76439,0,0,1-1.76441-1.76441v-3.90328a1.32389,1.32389,0,0,1,1.60347-1.29943A7.11265,7.11265,0,0,1,189.45564,170.2328Z' transform='translate(-169.40522 -166.28951)'></path></svg>
<svg class='line' viewBox='0 0 24 24'><path d='M184.7647,181.67261l-2.6583-2.65825a2,2,0,0,1-.5858-1.41423v-3.75937' transform='translate(-169.5206 -166.42857)'></path><rect class='cls-3' x='2' y='2' width='20' height='20' rx='5'></rect></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><path d='M178.07073,180.50585a3.68568,3.68568,0,0,0-2.87509-1.47392.34019.34019,0,0,0-.1-.01,3.705,3.705,0,0,0,0,7.41l.00407-.00263h11.011l.00494.00263a5.283,5.283,0,0,0,.83-10.5,6.14715,6.14715,0,1,0-11.75,3.1' transform='translate(-169.39564 -166.43193)'></path></g></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><line x1='14.71978' y1='12' x2='9.28022' y2='12'></line><path d='M12,2h0A10,10,0,0,1,22,12v0A10,10,0,0,1,12,22H5a3,3,0,0,1-3-3V12A10,10,0,0,1,12,2Z'></path></g></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><rect x='5.54615' y='5.54615' width='16.45385' height='16.45385' rx='4'></rect><path d='M171.33311,181.3216v-8.45385a4,4,0,0,1,4-4H183.787' transform='translate(-169.33311 -166.86775)'></path></g></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><path d='M93.53773,266.1295l-7.25984-3.848a1.8661,1.8661,0,0,1,0-3.29762l7.25984-3.848a3.73218,3.73218,0,0,1,3.49574,0l7.25985,3.848a1.8661,1.8661,0,0,1,0,3.29762l-7.25985,3.848A3.73223,3.73223,0,0,1,93.53773,266.1295Z' transform='translate(-83.2856 -252.70127)'></path><path d='M104.29332,267.12105a1.8661,1.8661,0,0,1,0,3.29762l-7.25985,3.848a3.73223,3.73223,0,0,1-3.49574,0l-7.25984-3.848a1.8661,1.8661,0,0,1,0-3.29762' transform='translate(-83.2856 -252.70127)'></path></g></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><line x1='13.69517' y1='19.74815' x2='10.30507' y2='19.74815'></line><rect x='88.78215' y='253.5477' width='13' height='20' rx='5' transform='translate(275.5477 -84.53029) rotate(90)'></rect></g></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><path d='M100.28393,262.18707a5,5,0,0,1,5,5v.5a5,5,0,0,1-5,5h-10a5,5,0,0,1-5-5v-.5a5,5,0,0,1,5-5' transform='translate(-83.28393 -252.68707)'></path><line x1='12' y1='4' x2='12' y2='13.99753'></line><path d='M98.1397,265.23652,95.74337,267.083a.75272.75272,0,0,1-.91888,0l-2.38855-1.84052' transform='translate(-83.28393 -252.68707)'></path></g></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><path d='M88.12593,266.45868v2.07281a2.63233,2.63233,0,0,0,1.72393,2.47062l4.527,1.66448a2.63229,2.63229,0,0,0,1.81678,0l4.527-1.66448a2.63233,2.63233,0,0,0,1.72394-2.47062v-2.07434' transform='translate(-83.28527 -252.69518)'></path><path d='M95.28108,265.82755a3.322,3.322,0,0,1-1.09235-.18415l-7.74321-2.68462a1.72586,1.72586,0,0,1,.00046-3.26125l7.74879-2.68555a3.33183,3.33183,0,0,1,2.18332.00047l7.74693,2.68462a1.72586,1.72586,0,0,1-.00047,3.26125l-7.75251,2.686A3.33521,3.33521,0,0,1,95.28108,265.82755Z' transform='translate(-83.28527 -252.69518)'></path></g></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><path d='M178.41123,168.39732a5,5,0,0,0-5,5v10a5,5,0,0,0,5,5h6a5,5,0,0,0,5-5V175.809a5,5,0,0,0-1.46449-3.53555l-2.41175-2.41172a5,5,0,0,0-3.53551-1.46445Z' transform='translate(-169.41123 -166.39732)'></path><path d='M182.67934,172.11274v1.01648a2,2,0,0,0,2,2h1.01648' transform='translate(-169.41123 -166.39732)'></path><line x1='9.88231' y1='14.91347' x2='14.11769' y2='14.91347'></line></g></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><path d='M100.29,260.34082H97.45242a3.9777,3.9777,0,0,1-3.33828-1.81486h0a3.9777,3.9777,0,0,0-3.33829-1.81486H90.29a5,5,0,0,0-5,5v6a5,5,0,0,0,5,5h10a5,5,0,0,0,5-5v-2.37028A5,5,0,0,0,100.29,260.34082Z' transform='translate(-83.28996 -252.7111)'></path><line x1='14.71978' y1='15' x2='9.28022' y2='15'></line></g></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><rect x='2.00078' y='2' width='20' height='20' rx='5'></rect><circle cx='16.55022' cy='7.45055' r='1.5'></circle><path d='M85.25639,267.51309a10.6158,10.6158,0,0,1,6.81473-2.70128c4.74091.00722,9.38955,3.68041,11.12246,9.17418' transform='translate(-83.25717 -252.94368)'></path></g></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><path d='M104.10836,259.25648a5.81417,5.81417,0,0,0-8.34755-1.41453.97717.97717,0,0,1-1.17546,0,5.81416,5.81416,0,0,0-8.34752,1.4145,6.84387,6.84387,0,0,0,.137,7.53223c1.93424,2.97966,5.59943,7.87617,8.79824,7.87617s6.864-4.89654,8.79823-7.87618A6.84388,6.84388,0,0,0,104.10836,259.25648Z' transform='translate(-83.17308 -253.66485)'></path></g></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><line x1='14.71978' y1='15.00368' x2='9.28022' y2='15.00368'></line><path d='M100.28571,274.70685h-10a5,5,0,0,1-5-5v-5.00916a5,5,0,0,1,1.601-3.667l5.6798-5.2648a4,4,0,0,1,5.43845,0l5.67981,5.2648a5,5,0,0,1,1.601,3.667v5.00916A5,5,0,0,1,100.28571,274.70685Z' transform='translate(-83.28571 -252.70317)'></path></g></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><rect x='2' y='4' width='20' height='16' rx='5'></rect><path d='M90.15056,261.91842l1.082.83317a6.66376,6.66376,0,0,0,8.13139,0l1.02841-.79194' transform='translate(-83.27144 -252.82349)'></path></g></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><line x1='9.61538' y1='16.74726' x2='14.38462' y2='16.74726'></line><line x1='8' y1='13.23627' x2='16' y2='13.23627'></line><path d='M98.87079,256.7981a5.00083,5.00083,0,0,1,4.40779,4.9653v8a5,5,0,0,1-5,5h-6a5,5,0,0,1-5-5v-8a5.00051,5.00051,0,0,1,4.55373-4.98036' transform='translate(-83.27858 -252.76339)'></path><rect x='8.7738' y='2' width='6.4524' height='3.96703' rx='1.98351'></rect></g></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><line x1='10.78537' y1='12' x2='13.23595' y2='12'></line><path d='M103.28482,263.0252c0,4.61-4.799,11.67-8.0048,11.67-3.19617,0-7.9952-7.06-7.9952-11.67a8.00654,8.00654,0,1,1,16,0Z' transform='translate(-83.28482 -252.69518)'></path></g></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><rect x='2' y='9.08242' width='20' height='12.91758' rx='5'></rect><path d='M185.29487,175.46012v-3.20055a3.88186,3.88186,0,0,0-3.88186-3.88186h0a3.88186,3.88186,0,0,0-3.88187,3.88186v3.20055' transform='translate(-169.413 -166.37771)'></path><line x1='14.71979' y1='15.54121' x2='9.28023' y2='15.54121'></line></g></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><path d='M191.39575,178.8971v-3.4514a5,5,0,0,0-5-5h-10a5,5,0,0,0-5,5v3.4514a5,5,0,0,0,4.21168,4.93746h0a6.73883,6.73883,0,0,1,2.9297,1.22551l1.08137.79517a3,3,0,0,0,3.55447,0l1.08138-.79517a6.73872,6.73872,0,0,1,2.9297-1.22552h0A5,5,0,0,0,191.39575,178.8971Z' transform='translate(-169.39575 -166.44202)'></path><line x1='14.71978' y1='12' x2='9.28022' y2='12'></line></g></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><path d='M181.38337,178.48238' transform='translate(-169.39621 -166.48238)'></path><path d='M181.38337,186.48238' transform='translate(-169.39621 -166.48238)'></path><path d='M188.29775,179.22838a6.90154,6.90154,0,0,1-6.90154,6.90153h0a6.90153,6.90153,0,0,1-6.90153-6.90153' transform='translate(-169.39621 -166.48238)'></path><rect x='177.37422' y='168.48238' width='8.04397' height='14.76923' rx='4.02198' transform='translate(193.39621 185.25161) rotate(-180)'></rect><line x1='12' y1='19.64753' x2='12' y2='22'></line></g></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><path d='M183.72453,170.371a10.4306,10.4306,0,0,1-.8987,3.793,11.19849,11.19849,0,0,1-5.73738,5.72881,10.43255,10.43255,0,0,1-3.77582.89138,1.99388,1.99388,0,0,0-1.52447,3.18176,10.82936,10.82936,0,1,0,15.118-15.11819A1.99364,1.99364,0,0,0,183.72453,170.371Z' transform='translate(-169.3959 -166.45548)'></path></g></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><rect x='2' y='2' width='20' height='20' rx='5'></rect><line x1='8.5' y1='12' x2='15.5' y2='12'></line></g></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><line x1='13.64847' y1='22.00511' x2='10.35153' y2='22.00511'></line><line x1='12' y1='7.35666' x2='12' y2='10.65359'></line><path d='M105.28571,269.75867h0a2.39194,2.39194,0,0,1-2.39194,2.392H87.67766a2.392,2.392,0,0,1-2.392-2.392h0a2.392,2.392,0,0,1,.98507-1.93445h0a4.28556,4.28556,0,0,0,1.76493-3.46591v-2.08121a7.42772,7.42772,0,0,1,6.72856-7.49819,7.25534,7.25534,0,0,1,7.77145,7.2317v2.34771a4.28557,4.28557,0,0,0,1.76492,3.4659h0A2.392,2.392,0,0,1,105.28571,269.75867Z' transform='translate(-83.28571 -252.76573)'></path></g></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><path d='M88.70341,274.42334l-2.86947.27658a.50024.50024,0,0,1-.54592-.54592l.27658-2.86947a4.88867,4.88867,0,0,1,1.40932-2.98781l12.61745-12.61745a3.33563,3.33563,0,0,1,4.7173,0h0a3.33563,3.33563,0,0,1,0,4.7173L91.69122,273.014A4.88867,4.88867,0,0,1,88.70341,274.42334Z' transform='translate(-83.28566 -252.70228)'></path><line x1='18.51484' y1='5.48516' x2='16.78157' y2='7.21842'></line></g></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><line x1='13.69505' y1='18' x2='10.30495' y2='18'></line><rect x='4' y='2' width='16' height='20' rx='5'></rect></g></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><rect x='2' y='2' width='20' height='20' rx='5'></rect><line x1='8.5' y1='12' x2='15.5' y2='12'></line><line x1='12' y1='15.5' x2='12' y2='8.5'></line></g></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><path d='M98.80039,256.86631c-.97137-1.16611-2.19075-2.16707-3.51485-2.16707s-2.54349,1.001-3.51485,2.16707a4.53642,4.53642,0,0,0,.3,6.103h.00006a4.54643,4.54643,0,0,0,6.42959,0h.00006A4.53642,4.53642,0,0,0,98.80039,256.86631Z' transform='translate(-83.28549 -252.69924)'></path><rect x='2' y='15.30177' width='20' height='6.69823' rx='3.34911'></rect></g></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><circle cx='11.36167' cy='11.36167' r='9.36167'></circle><line x1='22' y1='22' x2='19.9332' y2='19.9332'></line></g></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><path d='M85.54524,258.42514l2.40954,5.20044a2.60052,2.60052,0,0,1,0,2.18665l-2.40954,5.20044a2.6037,2.6037,0,0,0,3.52865,3.42108l14.77752-7.38237a2.60678,2.60678,0,0,0,0-4.66495l-14.77752-7.38237A2.6037,2.6037,0,0,0,85.54524,258.42514Z' transform='translate(-83.29421 -252.71891)'></path></g></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><path d='M188.9,174.86929l-1.42615-.24236a2.8036,2.8036,0,0,1-2.29428-2.29428l-.24236-1.42621a3,3,0,0,0-2.9576-2.4974h-1.16436a3,3,0,0,0-2.9576,2.4974l-.24236,1.42621a2.8036,2.8036,0,0,1-2.29428,2.29428l-1.42621.24236a3,3,0,0,0-2.4974,2.9576v1.16436a3,3,0,0,0,2.4974,2.9576l1.42621.24236a2.8036,2.8036,0,0,1,2.29428,2.29428l.24236,1.42615a3,3,0,0,0,2.9576,2.4974h1.16437a3,3,0,0,0,2.95759-2.4974l.24236-1.42616a2.8036,2.8036,0,0,1,2.29427-2.29427l1.42616-.24236a3,3,0,0,0,2.4974-2.95759v-1.16437A3,3,0,0,0,188.9,174.86929Z' transform='translate(-169.39739 -166.40904)'></path><circle cx='12' cy='12' r='1.75'></circle></g></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><path d='M92.30583,264.72053a3.42745,3.42745,0,0,1-.37,1.57,3.51,3.51,0,1,1,0-3.13995A3.42751,3.42751,0,0,1,92.30583,264.72053Z' transform='translate(-83.28571 -252.73452)'></path><circle cx='18.48892' cy='5.49436' r='3.51099'></circle><circle cx='18.48892' cy='18.50564' r='3.51099'></circle><line x1='12.53012' y1='8.476' x2='8.65012' y2='10.416'></line><line x1='12.53012' y1='15.496' x2='8.65012' y2='13.556'></line></g></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><path d='M179.91029,187.1513l-1.8587,1.01868a2.04864,2.04864,0,0,1-3.01773-2.10788l.42672-2.59362a4.04634,4.04634,0,0,0-1.11291-3.4963l-1.86665-1.89681a2.02973,2.02973,0,0,1,1.15871-3.4316l2.32027-.35147a4.1,4.1,0,0,0,3.095-2.29318l1.20167-2.53825a1.81714,1.81714,0,0,1,3.27783,0l1.20167,2.53825a4.1,4.1,0,0,0,3.095,2.29318l2.32027.35147a2.02973,2.02973,0,0,1,1.15871,3.4316l-1.86665,1.89681a4.04634,4.04634,0,0,0-1.11291,3.4963l.42672,2.59362a2.04864,2.04864,0,0,1-3.01773,2.10788l-1.8587-1.01868A4.13465,4.13465,0,0,0,179.91029,187.1513Z' transform='translate(-169.8956 -166.42856)'></path></g></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><rect x='2' y='2' width='20' height='20' rx='5'></rect><line x1='12.00016' y1='10.68132' x2='12.00016' y2='17.47253'></line><line x1='7.38478' y1='12.59341' x2='7.38478' y2='17.47253'></line><line x1='16.61538' y1='7.12088' x2='16.61538' y2='17.47253'></line></g></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><circle class='line' cx='12' cy='12' r='6'></circle><circle cx='12' cy='3' r='1'></circle><circle cx='12' cy='21' r='1'></circle><circle cx='21' cy='12' r='1'></circle><circle cx='3' cy='12' r='1'></circle><circle cx='5.5' cy='5.5' r='1'></circle><circle cx='18.5' cy='18.5' r='1'></circle><circle cx='18.5' cy='5.5' r='1'></circle><circle cx='5.5' cy='18.5' r='1'></circle></g></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><path d='M5.54089,6.56513h12.9209a1.03955,1.03955,0,0,1,1.03955,1.03955V17a5,5,0,0,1-5,5h-5a5,5,0,0,1-5-5V7.60468A1.03955,1.03955,0,0,1,5.54089,6.56513Z'></path><line x1='12.00134' y1='17.91746' x2='12.00134' y2='13.86251'></line><line x1='4.48657' y1='4.06593' x2='19.51343' y2='4.06593'></line><path d='M183.39451,170.3422a1.99176,1.99176,0,0,0-3.98352,0' transform='translate(-169.40275 -166.35045)'></path></g></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><path d='M171.40439,178.28055a4.99947,4.99947,0,0,1,2.66048-4.45145l7.26486-3.8482a5,5,0,0,1,6.75884,2.078l.751,1.41778a5.04776,5.04776,0,0,1,.26849.59729' transform='translate(-169.4043 -166.40314)'></path><rect x='2' y='6.87741' width='20' height='14.12741' rx='5'></rect><line x1='14.71978' y1='13.94112' x2='9.28022' y2='13.94112'></line></g></svg>
<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><path d='M173.39918,186.38588V173.38951a5,5,0,0,1,5-5h6a5,5,0,0,1,5,5v12.99637a2,2,0,0,1-3.2,1.6l-3-2.25a3,3,0,0,0-3.6,0l-3,2.25A2,2,0,0,1,173.39918,186.38588Z' transform='translate(-169.39918 -166.38951)'></path><line class='cls-3' x1='9.28022' y1='9' x2='14.71978' y2='9'></line></g></svg>
Rainbow Icon Pack (Bulk)
Credit: ui8.net/flexidesign/products
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect class='c-2' x='2' y='2' width='20' height='20' rx='5' opacity='0.4'></rect><path class='c-1' d='M101.972,261.56949a6.731,6.731,0,0,1-3.87,3.81,5.65654,5.65654,0,0,1-2.92.02,4.58869,4.58869,0,0,0-2.21-.02,5.45765,5.45765,0,0,0-3.04,3.11.748.748,0,0,1-.68005.42.79859.79859,0,0,1-.33-.08.7482.7482,0,0,1-.34-1c1.04-2.1,2.37-3.41,3.95-3.88a5.76911,5.76911,0,0,1,2.92-.02,4.35215,4.35215,0,0,0,2.21.02,5.401,5.401,0,0,0,2.97-3.04.74814.74814,0,0,1,1-.34A.73971.73971,0,0,1,101.972,261.56949Z' transform='translate(-83.28411 -252.69896)'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path class='c-1' d='M97.12279,268.37336c-.13228,0-.26368-.00488-.39685-.0142a5.51876,5.51876,0,0,1-2.23638-.65787,5.44391,5.44391,0,0,1-1.7614-1.52879.90938.90938,0,0,1,1.45777-1.08756,3.6387,3.6387,0,0,0,1.17546,1.021,3.66232,3.66232,0,0,0,4.34668-.625l2.74243-2.74554a3.66718,3.66718,0,0,0-2.61369-6.20353,3.76424,3.76424,0,0,0-2.57641,1.029l-1.56254,1.55543a.9087.9087,0,1,1-1.282-1.2882l1.5723-1.5652a5.56106,5.56106,0,0,1,3.86461-1.54922,5.48573,5.48573,0,0,1,3.89479,9.29531l-2.754,2.75663a5.47822,5.47822,0,0,1-3.87082,1.60781Z' transform='translate(-83.28591 -252.71361)'></path><path class='c-2' d='M90.76789,274.71361h-.04972a5.48607,5.48607,0,0,1-3.89479-9.29486l2.75485-2.75707a5.47484,5.47484,0,0,1,6.50317-.93575,5.52467,5.52467,0,0,1,1.76229,1.5288.90938.90938,0,0,1-1.45778,1.08756,3.67939,3.67939,0,0,0-1.17634-1.021,3.63292,3.63292,0,0,0-1.49417-.43946,3.6929,3.6929,0,0,0-1.54123.22195,3.638,3.638,0,0,0-1.30951.843l-2.7442,2.746a3.667,3.667,0,0,0,2.61369,6.20264,3.795,3.795,0,0,0,2.57552-1.02852l1.55277-1.5541a.9087.9087,0,1,1,1.28554,1.28465l-1.56342,1.5652A5.45087,5.45087,0,0,1,90.76789,274.71361Z' transform='translate(-83.28591 -252.71361)' opacity='0.4'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path class='c-1' d='M99.11619,261.63421a.72353.72353,0,0,1-.705-.56568l-1.21233-5.44417a.72322.72322,0,0,1,1.41187-.31437l1.21233,5.44416a.72364.72364,0,0,1-.70688.88006Z' transform='translate(-83.28563 -252.74456)'></path><path class='c-1' d='M91.44975,261.63421a.72364.72364,0,0,1-.70688-.88006L91.95614,255.31a.72322.72322,0,0,1,1.41187.31437l-1.21327,5.44417A.723.723,0,0,1,91.44975,261.63421Z' transform='translate(-83.28563 -252.74456)'></path><path class='c-2' d='M99.14594,274.74456h-7.73A5.76885,5.76885,0,0,1,85.7486,267.911l.82889-4.47221a5.77413,5.77413,0,0,1,4.59751-4.60716,5.6977,5.6977,0,0,1,1.07949-.106h6.05292a5.6977,5.6977,0,0,1,1.07949.106,5.76206,5.76206,0,0,1,4.59751,4.60716l.83853,4.47221A5.7754,5.7754,0,0,1,99.14594,274.74456Z' transform='translate(-83.28563 -252.74456)' opacity='0.4'/><path class='cls-2' d='M98.70243,269.6266a.72192.72192,0,0,1-.72288.72287H92.73623a.72288.72288,0,1,1,0-1.44575h5.24332A.72822.72822,0,0,1,98.70243,269.6266Z' transform='translate(-83.28563 -252.74456)'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path class='c-2' d='M103.87843,261.38171h-17.186a.996.996,0,0,1-.92114-1.39688,4.99751,4.99751,0,0,1,4.51414-2.85312h10a4.99744,4.99744,0,0,1,4.51414,2.85314A.996.996,0,0,1,103.87843,261.38171Z' transform='translate(-83.28544 -252.68516)' opacity='0.4'></path><path class='c-2' d='M105.28544,263.43516v6.25a5,5,0,0,1-5,5h-10a5,5,0,0,1-5-5v-6.25a1,1,0,0,1,1-1h18A1,1,0,0,1,105.28544,263.43516Z' transform='translate(-83.28544 -252.68516)' opacity='0.4'></path><path class='c-1' d='M99.52653,259.57827a.769.769,0,0,1-.76881-.7688V255.454a.76881.76881,0,0,1,1.53761,0v3.35551A.769.769,0,0,1,99.52653,259.57827Z' transform='translate(-83.28544 -252.68516)'></path><path class='c-1' d='M91.04435,259.57827a.769.769,0,0,1-.7688-.7688V255.454a.7688.7688,0,0,1,1.5376,0v3.35551A.769.769,0,0,1,91.04435,259.57827Z' transform='translate(-83.28544 -252.68516)'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path class='c-2' d='M97.499,264.36132l6.35951,0a1.5103,1.5103,0,0,1,1.47922,1.786,10.00078,10.00078,0,0,1-17.66483,4.44235,9.99963,9.99963,0,0,1,6.03226-16.0656,1.51188,1.51188,0,0,1,1.79386,1.47741l0,6.3599A2,2,0,0,0,97.499,264.36132Z' transform='translate(-83.43738 -252.43065)' opacity='0.4'></path><path class='c-1' d='M103.13873,256.72161a8.06228,8.06228,0,0,1,2.16717,3.91266,1.50065,1.50065,0,0,1-1.47294,1.81756l-4.42446,0a2,2,0,0,1-2-2l0-4.42446a1.50065,1.50065,0,0,1,1.81756-1.47294A8.06228,8.06228,0,0,1,103.13873,256.72161Z' transform='translate(-83.43738 -252.43065)'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect class='c-2' x='2' y='2' width='20' height='20' rx='5' opacity='0.4'></rect><path class='c-1' d='M99.05135,268.48015a.74931.74931,0,0,1-.53.22.78555.78555,0,0,1-.53-.22l-2.66-2.66a2.77066,2.77066,0,0,1-.8-1.95v-3.75a.75.75,0,0,1,1.5,0v3.75a1.23987,1.23987,0,0,0,.37.89l2.65,2.66A.73672.73672,0,0,1,99.05135,268.48015Z' transform='translate(-83.28565 -252.69876)'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path class='c-2' d='M91.96077,266.79785a3.68569,3.68569,0,0,0-2.8751-1.47392.34019.34019,0,0,0-.1-.01,3.705,3.705,0,0,0,0,7.41l.00407-.00264h11.011l.00494.00264a5.283,5.283,0,0,0,.83-10.5,6.14715,6.14715,0,1,0-11.75,3.1' transform='translate(-83.28567 -252.72393)' opacity='0.4'></path><path class='c-1' d='M100.42453,270.2919a.5.5,0,0,1,0-1,1.7417,1.7417,0,1,0,0-3.48339.5.5,0,0,1,0-1,2.7417,2.7417,0,1,1,0,5.48339Z' transform='translate(-83.28567 -252.72393)'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path class='c-2' d='M105.28567,264.79985a9.99722,9.99722,0,0,1-10,10h-7a2.996,2.996,0,0,1-3-3v-7a10,10,0,0,1,20,0Z' transform='translate(-83.28567 -252.79985)' opacity='0.4'></path><path class='c-1' d='M98.75545,264.79985a.74267.74267,0,0,1-.75.75H92.56551a.75.75,0,0,1,0-1.5h5.43994A.749.749,0,0,1,98.75545,264.79985Z' transform='translate(-83.28567 -252.79985)'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect class='c-2' x='6.14083' y='6.14083' width='15.85917' height='15.85917' rx='4' opacity='0.4'></rect><path class='c-1' d='M90.28569,256.75157a3,3,0,0,0-3,3v7.4541a1,1,0,0,1-1,1h0a1,1,0,0,1-1-1v-7.4541a5,5,0,0,1,5-5h7.45313a1,1,0,0,1,1,1h0a1,1,0,0,1-1,1Z' transform='translate(-83.28569 -252.75157)'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path class='c-2' d='M93.5111,266.21167l-7.25994-3.84805a1.86613,1.86613,0,0,1,0-3.29766l7.25994-3.84805a3.73224,3.73224,0,0,1,3.49577,0l7.25994,3.84805a1.86613,1.86613,0,0,1,0,3.29766l-7.25994,3.84805A3.73224,3.73224,0,0,1,93.5111,266.21167Z' transform='translate(-83.24141 -252.78334)' opacity='0.4'></path><path class='c-1' d='M95.24141,274.78336a4.31247,4.31247,0,0,1-2.01836-.50159l-6.61139-3.50491a2.61,2.61,0,0,1-.00044-4.61214.91027.91027,0,1,1,.85377,1.60794.78915.78915,0,0,0-.00045,1.39449l6.61139,3.5049a2.48584,2.48584,0,0,0,2.331,0l6.61138-3.5049a.78915.78915,0,0,0-.00044-1.39449.91027.91027,0,1,1,.85377-1.60794,2.61,2.61,0,0,1-.00045,4.61214l-6.61138,3.50491A4.31248,4.31248,0,0,1,95.24141,274.78336Z' transform='translate(-83.24141 -252.78334)'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path class='c-1' d='M96.97941,272.82723H93.58977a.75.75,0,1,1,0-1.5h3.38964a.75.75,0,1,1,0,1.5Z' transform='translate(-83.28433 -252.70411)'></path><rect class='c-2' x='88.78433' y='253.081' width='13' height='20' rx='5' transform='translate(275.081 -84.90745) rotate(90)' opacity='0.4'></rect></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path class='c-1' d='M96.03289,257.45493v4.75h-1.5v-4.75a.75.75,0,0,1,1.5,0Z' transform='translate(-83.28295 -252.70493)'></path><path class='c-1' d='M98.59289,265.845l-2.4,1.85a1.50526,1.50526,0,0,1-1.82995,0l-2.39-1.84a.75211.75211,0,1,1,.92-1.19l1.64,1.27v-3.73h1.5v3.71l1.64-1.26a.76183.76183,0,0,1,1.06.14A.74861.74861,0,0,1,98.59289,265.845Z' transform='translate(-83.28295 -252.70493)'></path><path class='c-2' d='M105.283,267.20493v.5a5.00181,5.00181,0,0,1-5,5h-10a4.99541,4.99541,0,0,1-5-5v-.5a4.99541,4.99541,0,0,1,5-5h4.25v3.73l-1.64-1.27a.75211.75211,0,1,0-.92,1.19l2.39,1.84a1.50527,1.50527,0,0,0,1.83,0l2.4-1.85a.7486.7486,0,0,0,.14-1.05.76183.76183,0,0,0-1.06-.14l-1.64,1.26v-3.71h4.25A5.00181,5.00181,0,0,1,105.283,267.20493Z' transform='translate(-83.28295 -252.70493)' opacity='0.4'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path class='c-2' d='M95.27045,265.70909a3.322,3.322,0,0,1-1.09235-.18415l-7.74321-2.68462a1.72586,1.72586,0,0,1,.00046-3.26125l7.74879-2.68555a3.33174,3.33174,0,0,1,2.18332.00046l7.74693,2.68462a1.72586,1.72586,0,0,1-.00047,3.26125l-7.75251,2.686A3.33521,3.33521,0,0,1,95.27045,265.70909Z' transform='translate(-83.27464 -252.70983)' opacity='0.4'></path><path class='c-1' d='M96.532,267.15094a3.85412,3.85412,0,0,1-2.52436-.00037l-4.72739-1.63936a.87744.87744,0,0,0-1.16493.829V268.413a2.63233,2.63233,0,0,0,1.72394,2.47062l4.527,1.66448a2.6324,2.6324,0,0,0,1.81678,0l4.527-1.66448A2.63233,2.63233,0,0,0,102.434,268.413v-2.07435a.87744.87744,0,0,0-1.1647-.82909Z' transform='translate(-83.27464 -252.70983)'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path class='c-2' d='M103.28516,262.07706v7.59a5.00181,5.00181,0,0,1-5,5h-6a5.00181,5.00181,0,0,1-5-5v-10a5.00181,5.00181,0,0,1,5-5h3.59a5.036,5.036,0,0,1,3.54,1.46l2.41,2.42A4.97047,4.97047,0,0,1,103.28516,262.07706Z' transform='translate(-83.28516 -252.66702)' opacity='0.4'></path><path class='c-1' d='M100.31551,261.397a.75546.75546,0,0,1-.75.75h-1.02a2.75484,2.75484,0,0,1-2.75-2.75v-1.02a.75.75,0,0,1,1.5,0v1.02a1.25044,1.25044,0,0,0,1.25,1.25h1.02A.749.749,0,0,1,100.31551,261.397Z' transform='translate(-83.28516 -252.66702)'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path class='c-2' d='M105.28784,265.3372v2.37a5.00181,5.00181,0,0,1-5,5h-10a5.00185,5.00185,0,0,1-5-5v-6a5.00185,5.00185,0,0,1,5-5h.48a3.9739,3.9739,0,0,1,3.34,1.81,3.97247,3.97247,0,0,0,3.34,1.82h2.84A5.00181,5.00181,0,0,1,105.28784,265.3372Z' opacity='0.4' transform='translate(-83.28784 -252.7072)'></path><path class='c-1' d='M98.7535,267.7072a.75542.75542,0,0,1-.75.75H92.56355a.75.75,0,0,1,0-1.5H98.0035A.75546.75546,0,0,1,98.7535,267.7072Z' transform='translate(-83.28784 -252.7072)'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path class='c-2' d='M102.44558,274.2034v.01a5.0329,5.0329,0,0,1-2.16.49h-10a5.00181,5.00181,0,0,1-5-5v-1.73a.20933.20933,0,0,0,.06-.04,9.936,9.936,0,0,1,6.45-2.57h.02C96.43557,265.36343,100.80556,269.00345,102.44558,274.2034Z' transform='translate(-83.28554 -252.7034)' opacity='0.4'></path><path class='c-2' d='M100.28554,254.7034h-10a5.00185,5.00185,0,0,0-5,5v6.35a11.07171,11.07171,0,0,1,6.51-2.22h.02c.18,0,.37,0,.55.01a11.28076,11.28076,0,0,1,5.42,1.78,14.716,14.716,0,0,1,5.96,7.67,4.93552,4.93552,0,0,0,1.54-3.59v-10A5.00185,5.00185,0,0,0,100.28554,254.7034Zm-.69,6.95a1.5,1.5,0,1,1,1.5-1.5A1.498,1.498,0,0,1,99.59554,261.65341Z' transform='translate(-83.28554 -252.7034)' opacity='0.4'></path><path class='c-1' d='M102.44558,274.21341v-.01c-1.64-5.2-6.01-8.84-10.63-8.84h-.02a9.936,9.936,0,0,0-6.45,2.57.20933.20933,0,0,1-.06.04v-1.92a11.07171,11.07171,0,0,1,6.51-2.22h.02c.18,0,.37,0,.55.01a11.28076,11.28076,0,0,1,5.42,1.78,14.716,14.716,0,0,1,5.96,7.67A4.7251,4.7251,0,0,1,102.44558,274.21341Z' transform='translate(-83.28554 -252.7034)'></path><circle class='c-1' cx='16.31' cy='7.45001' r='1.5'></circle></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path class='c-2' d='M104.08058,266.02525c-1.93,2.98-5.6,7.87006-8.79,7.87006-3.2,0-6.87-4.89-8.8-7.87006a6.82847,6.82847,0,0,1-.14-7.53,5.811,5.811,0,0,1,8.35-1.42.97521.97521,0,0,0,1.17,0,5.80975,5.80975,0,0,1,8.35,1.42A6.82821,6.82821,0,0,1,104.08058,266.02525Z' transform='translate(-83.28562 -252.89639)' opacity='0.4'></path><path class='c-1' d='M97.40127,265.64885H93.17178a.75.75,0,0,1,0-1.5h4.22949a.75.75,0,1,1,0,1.5Z' transform='translate(-83.28562 -252.89639)'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path class='c-2' d='M105.29532,264.80613v5.01a5.00181,5.00181,0,0,1-5,5h-10a5.00181,5.00181,0,0,1-5-5v-5.01a5.01833,5.01833,0,0,1,1.6-3.67005l5.68006-5.26a3.98533,3.98533,0,0,1,5.43994,0l5.68005,5.26A5.01834,5.01834,0,0,1,105.29532,264.80613Z' opacity='0.4' transform='translate(-83.29532 -252.80983)'></path><path class='c-1' d='M98.76611,267.81637a.75541.75541,0,0,1-.75.75H92.57617a.75.75,0,1,1,0-1.5h5.43994A.749.749,0,0,1,98.76611,267.81637Z' transform='translate(-83.29532 -252.80983)'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path class='c-2' d='M105.28537,261.7035v6a5.00181,5.00181,0,0,1-5,5h-10a4.99541,4.99541,0,0,1-5-5v-6a4.99541,4.99541,0,0,1,5-5h10A5.00181,5.00181,0,0,1,105.28537,261.7035Z' opacity='0.4' transform='translate(-83.28537 -252.7035)'></path><path class='c-1' d='M100.85128,262.43132l-1.02.79a7.418,7.418,0,0,1-9.05,0l-1.08-.83a.76187.76187,0,0,1-.13995-1.06.74707.74707,0,0,1,1.05-.13l1.08.83a5.91258,5.91258,0,0,0,7.22,0l1.03-.79a.73992.73992,0,0,1,1.05.14A.751.751,0,0,1,100.85128,262.43132Z' transform='translate(-83.28537 -252.7035)'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path class='c-1' d='M98.07978,256.22151a1.53185,1.53185,0,0,1-1.528,1.528H94.00852a1.52291,1.52291,0,1,1,0-3.0458h2.54326A1.52973,1.52973,0,0,1,98.07978,256.22151Z' transform='translate(-83.28502 -252.70371)'></path><path class='c-2' d='M103.48913,261.372v8.20412a5.12943,5.12943,0,0,1-5.12757,5.12757H92.20848a5.12943,5.12943,0,0,1-5.12757-5.12757V261.372a5.108,5.108,0,0,1,4.38923-5.05577,2.55364,2.55364,0,0,0,2.54325,2.46126h2.54326a2.56058,2.56058,0,0,0,2.54325-2.46126A5.11694,5.11694,0,0,1,103.48913,261.372Z' transform='translate(-83.28502 -252.70371)' opacity='0.4'></path><path class='c-1' d='M98.49276,269.31931a.76808.76808,0,0,1-.76914.76913H92.8319a.76914.76914,0,1,1,0-1.53827h4.89172A.76169.76169,0,0,1,98.49276,269.31931Z' transform='translate(-83.28502 -252.70371)'></path><path class='c-1' d='M100.15408,265.70954a.76812.76812,0,0,1-.76913.76914H91.18084a.76914.76914,0,1,1,0-1.53827H99.385A.77473.77473,0,0,1,100.15408,265.70954Z' transform='translate(-83.28502 -252.70371)'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path class='c-2' d='M103.28018,263.03658c0,4.61-4.8,11.67-8.01,11.67-3.19,0-7.99-7.06-7.99-11.67a8.00654,8.00654,0,1,1,16,0Z' transform='translate(-83.28018 -252.70656)' opacity='0.4'></path><path class='c-1' d='M97.28012,264.70656a.75549.75549,0,0,1-.75.75h-2.45a.75.75,0,1,1,0-1.5h2.45A.749.749,0,0,1,97.28012,264.70656Z' transform='translate(-83.28018 -252.70656)'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path class='c-2' d='M100.32363,261.8039h-.37v-2.45a4.63,4.63,0,0,0-9.26,0v2.45h-.37a5.00181,5.00181,0,0,0-5,5v2.92a5.00181,5.00181,0,0,0,5,5h10a5.00181,5.00181,0,0,0,5-5v-2.92A5.00181,5.00181,0,0,0,100.32363,261.8039Zm-8.13-2.45a3.13,3.13,0,0,1,6.26,0v2.45h-6.26Z' transform='translate(-83.32363 -252.72389)' opacity='0.4'></path><path class='c-1' d='M98.793,268.27387a.74893.74893,0,0,1-.75.75H92.60311a.75.75,0,0,1,0-1.5H98.043A.7427.7427,0,0,1,98.793,268.27387Z' transform='translate(-83.32363 -252.72389)'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path class='c-2' d='M105.28581,261.6622v3.45a5.00669,5.00669,0,0,1-4.21,4.94,6.78842,6.78842,0,0,0-2.93,1.22l-1.09.8a2.98553,2.98553,0,0,1-3.55,0l-1.07995-.8a6.83956,6.83956,0,0,0-2.93-1.22,4.99766,4.99766,0,0,1-4.21-4.94v-3.45a5.00181,5.00181,0,0,1,5-5h10A5.00181,5.00181,0,0,1,105.28581,261.6622Z' transform='translate(-83.28581 -252.65971)' opacity='0.4'></path><path class='c-1' d='M98.7537,263.82112a.75546.75546,0,0,1-.75.75H92.56376a.75.75,0,0,1,0-1.5H98.0037A.74893.74893,0,0,1,98.7537,263.82112Z' transform='translate(-83.28581 -252.65971)'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path class='c-2' d='M95.27931,274.686a.72308.72308,0,0,1-.72289-.72289v-2.2675a.72289.72289,0,1,1,1.44578,0v2.2675A.72308.72308,0,0,1,95.27931,274.686Z' transform='translate(-83.27931 -252.68597)' opacity='0.4'></path><path class='c-1' d='M95.27931,272.41847a7.38341,7.38341,0,0,1-7.37478-7.37478.72289.72289,0,1,1,1.44578,0,5.929,5.929,0,0,0,11.858,0,.72289.72289,0,1,1,1.44577,0A7.38341,7.38341,0,0,1,95.27931,272.41847Z' transform='translate(-83.27931 -252.68597)'></path><rect class='c-2' x='91.40291' y='254.68597' width='7.75319' height='14.23535' rx='3.87659' transform='translate(107.2797 270.92131) rotate(-180)' opacity='0.4'></rect></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path class='c-2' d='M97.60154,256.58415a10.4308,10.4308,0,0,1-.8987,3.793,11.19852,11.19852,0,0,1-5.73739,5.72882,10.43271,10.43271,0,0,1-3.77582.89138,1.99387,1.99387,0,0,0-1.52447,3.18175,10.82936,10.82936,0,1,0,15.118-15.11819A1.99364,1.99364,0,0,0,97.60154,256.58415Z' transform='translate(-83.27291 -252.66864)' opacity='0.4'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect class='c-2' x='2.00017' y='1.9999' width='20' height='20' rx='5' opacity='0.4'></rect><path class='c-1' d='M99.53628,264.7033a.75546.75546,0,0,1-.75.75h-7a.75.75,0,0,1,0-1.5h7A.749.749,0,0,1,99.53628,264.7033Z' transform='translate(-83.28554 -252.7034)'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path class='c-1' d='M96.90086,274.73761H93.72443a.7226.7226,0,1,1,0-1.4452h3.17643a.7226.7226,0,1,1,0,1.4452Z' transform='translate(-83.30492 -252.73761)'></path><path class='c-2' d='M104.93957,269.18919a2.30269,2.30269,0,0,1-2.30269,2.3027H87.98261a2.3046,2.3046,0,0,1-1.35852-4.17182,4.10389,4.10389,0,0,0,1.69571-3.33356v-2.004a7.15409,7.15409,0,0,1,6.4841-7.226,6.98761,6.98761,0,0,1,7.48614,6.96583v2.26418a4.11264,4.11264,0,0,0,1.70536,3.33356A2.30054,2.30054,0,0,1,104.93957,269.18919Z' transform='translate(-83.30492 -252.73761)' opacity='0.4'></path><path class='c-1' d='M96.03123,259.90137v3.17948a.7226.7226,0,1,1-1.44519,0v-3.17948a.7226.7226,0,1,1,1.44519,0Z' transform='translate(-83.30492 -252.73761)'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path class='c-2' d='M104.23915,260.48728l-12.62012,12.62a4.90594,4.90594,0,0,1-2.99,1.41l-2.86987.26995a.48986.48986,0,0,1-.54-.54l.27-2.87a4.90635,4.90635,0,0,1,1.40991-2.99l12.62012-12.62a3.33752,3.33752,0,0,1,4.72,4.72Z' transform='translate(-83.21468 -252.79095)' opacity='0.4'></path><path class='c-1' d='M102.259,258.80728l-1.74,1.73a.71.71,0,0,1-.53.22.74187.74187,0,0,1-.53-.22.75439.75439,0,0,1,0-1.06l1.74-1.73a.74955.74955,0,0,1,1.06006,1.06Z' transform='translate(-83.21468 -252.79095)'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect class='c-2' x='4' y='2' width='16' height='20' rx='5' opacity='0.4'></rect><path class='c-1' d='M97.74292,270.75512a.75546.75546,0,0,1-.75.75H93.603a.75.75,0,1,1,0-1.5h3.38989A.749.749,0,0,1,97.74292,270.75512Z' transform='translate(-83.29052 -252.75656)'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path class='c-2' d='M105.28812,259.72993v10a5.00182,5.00182,0,0,1-5,5h-10a5.00185,5.00185,0,0,1-5-5v-10a4.99548,4.99548,0,0,1,5-5h10A4.99545,4.99545,0,0,1,105.28812,259.72993Z' transform='translate(-83.28812 -252.72993)' opacity='0.4'></path><path class='c-1' d='M99.5338,264.72993a.75546.75546,0,0,1-.75.75h-2.75v2.75a.75.75,0,0,1-1.5,0v-2.75h-2.75a.75.75,0,1,1,0-1.5h2.75v-2.75a.75.75,0,0,1,1.5,0v2.75h2.75A.749.749,0,0,1,99.5338,264.72993Z' transform='translate(-83.28812 -252.72993)'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect class='c-1' x='2' y='15.30296' width='20' height='6.69823' rx='3.34911'></rect><path class='c-2' d='M99.18322,257.16136c-1.08452-1.30346-2.44011-2.41924-3.92082-2.41924h-.13557v.01044c-1.41815.06257-2.73205,1.14709-3.77482,2.4088a4.979,4.979,0,0,0-1.147,2.93018,5.07163,5.07163,0,1,0,10.13569.27113A4.9976,4.9976,0,0,0,99.18322,257.16136Z' transform='translate(-83.26356 -252.74332)' opacity='0.4'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle class='c-2' cx='11.01075' cy='11.01065' r='9.00932' opacity='0.4'></circle><path class='c-1' d='M104.52545,274.70711a.74671.74671,0,0,1-.53027-.21973l-1.98926-1.98925a.74992.74992,0,1,1,1.06055-1.06055l1.98925,1.98926a.75.75,0,0,1-.53027,1.28027Z' transform='translate(-83.27688 -252.70844)'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path class='c-2' d='M85.61357,258.41149l2.40954,5.20044a2.6005,2.6005,0,0,1,0,2.18664L85.61357,270.999a2.60369,2.60369,0,0,0,3.52865,3.42108l14.77752-7.38237a2.60677,2.60677,0,0,0,0-4.66494L89.14222,254.9904A2.6037,2.6037,0,0,0,85.61357,258.41149Z' transform='translate(-83.36254 -252.70525)' opacity='0.4'></path><path class='c-1' d='M92.30248,264.70525a.75546.75546,0,0,1-.75.75H86.11254a.75.75,0,1,1,0-1.5h5.43994A.74893.74893,0,0,1,92.30248,264.70525Z' transform='translate(-83.36254 -252.70525)'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path class='c-2' d='M105.2813,264.1159v1.17a3.00372,3.00372,0,0,1-2.5,2.96l-1.42.24a2.80506,2.80506,0,0,0-2.3,2.29l-.24,1.43a2.99732,2.99732,0,0,1-2.96,2.5h-1.16a3.013,3.013,0,0,1-2.96-2.5l-.24-1.43a2.80507,2.80507,0,0,0-2.3-2.29l-1.42-.24a3.01306,3.01306,0,0,1-2.5-2.96v-1.17a2.99472,2.99472,0,0,1,2.5-2.95l1.42-.25a2.80507,2.80507,0,0,0,2.3-2.29l.24-1.43a3.00419,3.00419,0,0,1,2.96-2.49h1.16a2.98855,2.98855,0,0,1,2.96,2.49l.24,1.43a2.80506,2.80506,0,0,0,2.3,2.29l1.42.25A2.98551,2.98551,0,0,1,105.2813,264.1159Z' transform='translate(-83.2813 -252.70587)' opacity='0.4'></path><circle class='c-1' cx='11.99994' cy='12' r='1.75'></circle></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle class='c-2' cx='18.48892' cy='5.49436' r='3.51099' opacity='0.4'></circle><circle class='c-2' cx='18.48892' cy='18.50564' r='3.51099' opacity='0.4'></circle><path class='c-1' d='M91.97533,263.8701a.74989.74989,0,0,1-.33593-1.4209l3.87988-1.93994a.74987.74987,0,1,1,.66992,1.3418L92.30932,263.791A.7453.7453,0,0,1,91.97533,263.8701Z' transform='translate(-83.32413 -252.70427)'></path><path class='c-1' d='M95.85326,268.95018a.74529.74529,0,0,1-.334-.0791l-3.87988-1.93994a.74987.74987,0,1,1,.66992-1.3418l3.87988,1.93994a.74989.74989,0,0,1-.33594,1.4209Z' transform='translate(-83.32413 -252.70427)'></path><path class='c-2' d='M92.34424,264.69029a3.42745,3.42745,0,0,1-.37,1.57,3.51,3.51,0,1,1,0-3.14A3.42751,3.42751,0,0,1,92.34424,264.69029Z' transform='translate(-83.32413 -252.70427)' opacity='0.4'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path class='c-2' d='M93.30039,273.37018l-1.85871,1.01868A2.04863,2.04863,0,0,1,88.424,272.281l.42672-2.59363a4.04637,4.04637,0,0,0-1.11292-3.4963l-1.86665-1.89681a2.02973,2.02973,0,0,1,1.15871-3.43159l2.32028-.35148a4.1,4.1,0,0,0,3.095-2.29317l1.20167-2.53826a1.81715,1.81715,0,0,1,3.27783,0l1.20167,2.53826a4.1,4.1,0,0,0,3.095,2.29317l2.32027.35148a2.02973,2.02973,0,0,1,1.15872,3.43159l-1.86666,1.89681a4.04637,4.04637,0,0,0-1.11291,3.4963l.42672,2.59363a2.04863,2.04863,0,0,1-3.01773,2.10787l-1.8587-1.01868A4.13469,4.13469,0,0,0,93.30039,273.37018Z' transform='translate(-83.2857 -252.64745)' opacity='0.4'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path class='c-2' d='M105.28568,259.701v10a4.989,4.989,0,0,1-5,5h-10a4.99541,4.99541,0,0,1-5-5v-10a5.00181,5.00181,0,0,1,5-5h10A4.99541,4.99541,0,0,1,105.28568,259.701Z' transform='translate(-83.28568 -252.70103)' opacity='0.4'></path><path class='c-1' d='M91.42514,265.00108V269.881a.75.75,0,0,1-1.5,0v-4.87994a.75.75,0,0,1,1.5,0Z' transform='translate(-83.28568 -252.70103)'></path><path class='c-1' d='M96.03513,263.091v6.79a.75.75,0,0,1-1.5,0v-6.79a.75.75,0,0,1,1.5,0Z' transform='translate(-83.28568 -252.70103)'></path><path class='c-1' d='M100.65512,259.53105v10.35a.75.75,0,0,1-1.5,0v-10.35a.75.75,0,0,1,1.5,0Z' transform='translate(-83.28568 -252.70103)'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle class='c-2' cx='12' cy='12' r='6' opacity='0.4'></circle><circle class='c-1' cx='12' cy='3' r='1'></circle><circle class='c-1' cx='12' cy='21' r='1'></circle><circle class='c-1' cx='21' cy='12' r='1'></circle><circle class='c-1' cx='3' cy='12' r='1'></circle><circle class='c-1' cx='5.5' cy='5.5' r='1'></circle><circle class='c-1' cx='18.5' cy='18.5' r='1'></circle><circle class='c-1' cx='18.5' cy='5.5' r='1'></circle><circle class='c-1' cx='5.5' cy='18.5' r='1'></circle></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path class='c-2' d='M102.529,260.4888v9.14a4.99545,4.99545,0,0,1-5,5h-4.46a4.99541,4.99541,0,0,1-5-5v-9.14a1.04561,1.04561,0,0,1,1.04-1.04h12.38A1.0392,1.0392,0,0,1,102.529,260.4888Z' transform='translate(-83.28461 -252.63075)' opacity='0.4'></path><path class='c-1' d='M96.02548,266.44882v4.05a.75.75,0,0,1-1.5,0v-4.05a.75.75,0,0,1,1.5,0Z' transform='translate(-83.28461 -252.63075)'></path><path class='c-1' d='M102.52669,258.06971H88.04253a.72289.72289,0,1,1,0-1.44578h14.48416a.72289.72289,0,1,1,0,1.44578Z' transform='translate(-83.28461 -252.63075)'></path><path class='c-1' d='M97.20479,257.99817a.72307.72307,0,0,1-.72289-.72289,1.19682,1.19682,0,0,0-2.39364,0,.72289.72289,0,0,1-1.44578,0,2.6426,2.6426,0,1,1,5.2852,0A.72308.72308,0,0,1,97.20479,257.99817Z' transform='translate(-83.28461 -252.63075)'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path class='c-2' d='M105.36155,264.61956v4.13a4.99541,4.99541,0,0,1-5,5h-10a5.00185,5.00185,0,0,1-5-5v-4.13a5.00185,5.00185,0,0,1,5-5h10A4.99541,4.99541,0,0,1,105.36155,264.61956Z' transform='translate(-83.36155 -252.74448)' opacity='0.4'></path><path class='c-1' d='M98.82809,266.68956a.75542.75542,0,0,1-.75.75H92.63815a.75.75,0,0,1,0-1.5h5.43994A.749.749,0,0,1,98.82809,266.68956Z' transform='translate(-83.36155 -252.74448)'></path><path class='c-1' d='M100.35724,258.87069a4.95282,4.95282,0,0,1,2.22857.54443L102.04809,258.4a5,5,0,0,0-6.75885-2.078l-4.81158,2.5487Z' transform='translate(-83.36155 -252.74448)'></path></svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path class='c-2' d='M103.28351,259.561v12.99a1.999,1.999,0,0,1-3.2,1.6l-3-2.25a3.00017,3.00017,0,0,0-3.6001,0l-3,2.25a1.999,1.999,0,0,1-3.19995-1.6v-12.99a4.99545,4.99545,0,0,1,5-5h6A4.99545,4.99545,0,0,1,103.28351,259.561Z' transform='translate(-83.28351 -252.5582)' opacity='0.4'></path><path class='c-1' d='M98.75329,261.561a.74894.74894,0,0,1-.75.75H92.56335a.75.75,0,0,1,0-1.5h5.43994A.7427.7427,0,0,1,98.75329,261.561Z' transform='translate(-83.28351 -252.5582)'></path></svg>
Other Recommended Icon Sources
- Feather Icons
- Ionicons by Ionic Framework
- Iconsax by Vuesax
Request Icon
Kalian bisa mencari icon melalui situs-situs penyedia icon gratis seperti iconfinder.com pada link yangsudah saya sediakan diatas. Saya sudah mengumpulkan beberapa icon yang cocok untuk dipakai pada template median ui, dan coba bereksperimen untuk menerapkannya untuk blog Kalian.
Untuk request icon silahkan tuliskan nama atau kirimkan gambar icon pada kolom komentar dibawah. Jika beberapa request terkumpul akan saya buatkan artikel baru.
Catatan!
Hanya icon yang umum yang termasuk dalam request, icon khusus seperti icon custom
, logo pribadi
tidak akan diterima!
Sekian untuk penambahan Daftar Icon SVG Siap Pakai Cocok untuk Median UI dan cocok juga digunakam untuk template lainya.