VAINGLORY ICONS FONT

REFERENCE

STEP 1: DOWNLOAD

First off, you'll need to DOWNLOAD THE ZIP file, and unzip it! The file contains the following content:

  • css
    • vainglory-icons-font.css
  • fonts
    • vainglory-icons-font.eot
    • vainglory-icons-font.svg
    • vainglory-icons-font.ttf
    • vainglory-icons-font.woff
  • svg
    • captain.svg
    • carry.svg
    • jungler.svg
    • (and so on...)

STEP 2: INSTALL

FOR DESIGNERS (USING FONT FILES)

If you're a visual/graphic designer wanting to use the entire icon set in your work, you can add the "vainglory-icons-font.ttf" file to your system font files, and then use the icons inside graphics programs like Adobe Illustrator, Sketch, etc!

FOR DESIGNERS (USING SVG FILES)

If you're a visual/graphic designer using the SVG files themselves, you can use the "ICON CHEATSHEET" section below to guide you. In this case, you would look in the svg folder in your unzipped files, and find the SVG file by name. Please note, the SVG file will have the same name as the class name next to the icon in the "ICON CHEATSHEET" section... minus the prefix of ".vg-", and of course with the added suffix of ".svg".

FOR WEB DEVS (USING FONT FILES)

To use the icons on a website page, you'll first need to add the files you need into your project (I.E. the CSS file and the font files). Please note, the CSS file was written assuming you are using a "css" directory and a "fonts" directory in your site hierarchy (so remove the "../" from each CSS font file reference if you're not!)

Next, you'll need to include the CSS file on your page. For example:

						
							<link href="css/vainglory-icons-font.css" rel="stylesheet">
FOR WEB DEVS (USING SVG FILES)

If you're planning on using SVG files instead of the entire font file, simply add the "svg" directory and/or it's contents from the zip file into your project. From there, you can add the SVG files to your page as if they were images.

FOR WEB DEVS (USING SVG CODE)

If you're planning on using the SVG code in your markup, simply use the SVG Markup that's been provided for you in the examples for each icon here on this reference page. (Note: All SVG code on this page has been run through the awesome SVGOMG tool after exporting the code from Adobe Illustrator.)

Conversely, you can also add the "svg" directory and it's files into your project. From there, you can grab the contents server-side or client-side and insert/manipulate them as needed.

PRO TIP: For SVG-based animations... the SVG code method is your jam!!!

STEP 3: USE

FOR DESIGNERS (USING FONT FILES)

If you're planning on using SVG files instead of the entire font file, simply add the "svg" directory and/or it's contents from the zip file into your project. From there, you can add the SVG files to your page as if they were images.

Using the icons font inside a graphics program can be a little tricky for some. Thats where the "ICON CHEATSHEET" section on this page saves the day! First off, you can directly select the icon you want from the "ICON CHEATSHEET" section, and then paste that character into your graphics file object (that's been set to use the "vainglory-icons-font.ttf" file you added to your system.)

Conversely, you can use the font character (found in parenthesis in the "ICON CHEATSHEET" section after the class name) and simply type that character into your graphics file object (that's been set to use the "vainglory-icons-font.ttf" file you added to your system.)

FOR DESIGNERS (USING SVG FILES)

Using the icons as files is super easy. You simply open the file in your graphics program, and then select the artwork so you can paste it into your document. Long live SVGs!

FOR WEB DEVS (USING FONT FILES)

When using the font files in your project, everything happens via CSS classes. Use the "TOGGLE EXAMPLES" button underneath each icon to view/copy/paste what you need directly into your project file. For example:

						
							<i class="vg-captain"></i>
FOR WEB DEVS (USING SVG FILES)

To use an svg as an image is very straight forward. Simply reference your svg of choice in the source attribute of an image tag. For example:

						
							<img src="svg/captain.svg" alt="Captain Icon"/>
FOR WEB DEVS (USING SVG CODE)

To use the SVG code directly in your markup, simply copy/paste the example code for your icon of choice from this page, and paste it into your project file(s). Please note: each SVG code example has an id attribute that matches the class name for that icon. For example:

						
							<svg version="1.1" id="vg-happy-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
								<path d="M1011.6,490.6c-8.8-225.5-187.1-429.9-407.2-470.3c-56.7-10.4-115.9-11-172.8-1.9C143.9,64.3-49.5,374.6,32.1,653.2
								c76.6,261.6,357.5,415.5,619.6,339.2C832.3,939.9,1022,759.7,1011.6,490.6z M242.6,531.9l-89.2,66.7c-3.1,2.3-5.4,1.1-5-2.8
								l11.4-110.7c0.4-3.9-1.9-8.9-5.1-11.2l-91.1-64.1c-3.2-2.3-2.7-4.8,1.1-5.6l108.9-23.4c3.8-0.8,7.9-4.6,9.1-8.3l32.9-106.3
								c1.2-3.7,3.7-4,5.7-0.6l56,96.2c2,3.4,6.8,6.1,10.7,6.1l111.4-1.6c3.9-0.1,5,2.3,2.4,5.2l-74.4,82.9c-2.6,2.9-3.7,8.3-2.5,12
								L361,571.7c1.3,3.7-0.6,5.4-4.2,3.9l-101.9-45C251.3,528.9,245.8,529.6,242.6,531.9z M715.5,672.8c-11.9,64.6-33.1,126.6-78.9,176.3
								c-54.8,59.4-138.6,67.4-203.2,19.2c-58.6-43.7-87.7-105.4-97.1-175.8c-1.6-12.3,12.4-33.7,24.7-39.7
								c78.7-38.5,161.8-61.6,250.5-60.9c15.4,1.1,31,0.8,46.1,3.5C702.7,603.3,723.7,628.4,715.5,672.8z M911,397.6l-77.6,55.7
								c-3.2,2.3-5.4,7.3-5,11.2l10.6,94.9c0.4,3.9-1.8,5.2-5,2.9l-77-56.5c-3.2-2.3-8.7-2.9-12.2-1.3l-87.1,39.4c-3.6,1.6-5.5-0.1-4.3-3.8
								l30-90.6c1.2-3.7,0.1-9.1-2.6-12l-64.4-70.5c-2.6-2.9-1.6-5.2,2.3-5.2l95.6,0.5c3.9,0,8.7-2.7,10.7-6.2l47.3-83
								c1.9-3.4,4.5-3.1,5.7,0.6l29.1,90.9c1.2,3.7,5.3,7.4,9.2,8.2l93.6,19.3C913.6,392.8,914.2,395.3,911,397.6z"/>
							</svg>
CAPTAIN
CSS Class Example:
							
								<i class="vg-captain"></i>
SVG Markup Example:
							
								<svg version="1.1" id="vg-captain" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
									 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
									<g>
										<path d="M805.9,860c-24.7-5.9-49.5-12.3-74.6-15.3c-128.1-15.7-256.5-15.9-384.9-5.6c-42.1,3.4-83.7,12.6-125.4,20.2
											c-14.2,2.6-21.4,11.2-17.5,27.8c4.7,20,7,40.6,9.8,61c4.3,30.9,7.5,36.4,38.4,41.3c96.8,15.5,193.6,22.1,291.8,20
											c82.1-1.8,164.7-10.5,245.5-24.7c13.6-2.4,19.4-12,21.1-25.9c2.9-24,6.5-48.1,11.7-71.7C825.3,871.7,819.5,863.2,805.9,860z
											 M736.2,967.7c-45.1,5.2-90.4,11-135.7,12.8c-103.1,4.2-206.2,3.8-308.5-12.2c-14.1-2.2-27.6-7.7-41.4-11.7c0.1-2.7,0.3-5.3,0.4-8
											c9.9-3.3,19.5-7.9,29.7-9.8c99.6-18.6,200.4-17.6,301-14.4c55,1.7,109.8,9.2,164.6,15c9.5,1,18.5,6.1,27.7,9.3
											c0.1,2.7,0.2,5.4,0.3,8.1C761.6,960.5,749.2,966.2,736.2,967.7z"/>
										<path d="M407.1,795.1c70.3-0.3,140.6-0.2,210.9,0c10.4,0,14.1-4,12.1-14.5c-3.1-16.7-5.3-33.5-7.8-50.3
											c-32.6-219.4-65.1-438.8-97.7-658.1c-2.9-19.3-7.3-38.6-10.3-57.9c-1.5-0.1-3.5,0.2-5,0.2c-1.1,5.2-1.9,9.4-2.7,14.4
											c-10.5,70.7-20.7,141.5-31.3,212.2C457,364.5,438.4,488,420,611.4c-8.2,55.1-16.4,110.3-24.6,165.4
											C393.9,786.4,392.4,795.2,407.1,795.1z"/>
										<path d="M221.8,817.1c3.1-1.6,7-1.8,10.6-2.4c33.9-5.5,67.9-10.8,105.7-16.9c-108-179.1-214.7-356-321.4-532.9
											c-1.5,0.8-2.9,1.6-4.4,2.4c1.8,6.3,3.4,12.8,5.6,19c33.9,97.2,68,194.3,102,291.5c26.6,76,53.2,152.1,79.4,228.2
											C203.4,818.3,209.1,823.7,221.8,817.1z"/>
										<path d="M1008.2,264.9C901.4,442,794.7,619,686.2,799c10.5,1.3,16.4,1.9,22.2,2.8c31.7,5,63.6,9,94.8,15.8
											c13.2,2.9,18,0.8,22.3-11.8C886.5,630.3,947.8,455,1009,279.6c1.5-4.2,2.2-8.5,3.4-12.8C1011,266.2,1009.6,265.5,1008.2,264.9z"/>
										<path d="M671.6,750.2c1.1-2.9,1.9-6,3.4-8.6c20.5-34.3,41.4-68.4,61.4-102.9c3.8-6.5,5.7-14.8,6.2-22.4
											c5.3-84.6,10.2-169.3,15.1-254c0.2-3.9-0.6-7.8-0.9-11.8c-6.3,5.2-9.6,11.2-11.9,17.6c-25.9,73-51.7,146-77.2,219.2
											c-6.5,18.7-17.1,38.1-16.5,56.9c1,34.1,9,68.1,14,102.1C667.3,747.7,669.4,748.9,671.6,750.2z"/>
										<path d="M277.8,546.6c-0.2,57.3,12.4,108.4,47.4,154.2c11.2,14.6,19.5,31.3,29.7,48.1c2.8-3.1,4.7-4.3,4.9-5.7
											c5.1-33.5,10.2-67.1,14.7-100.7c0.7-5.1-1.3-10.8-3.1-15.9c-30.9-88-61.9-175.9-93.1-263.8c-1.5-4.3-4.6-7.9-7-11.9
											c-3.1,7.1-3.4,12.4-3.1,17.8C271.6,428,278,487.3,277.8,546.6z"/>
									</g>
								</svg>
CARRY
CSS Class Example:
							
								<i class="vg-carry"></i>
SVG Markup Example:
							
								<svg version="1.1" id="vg-carry" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
									 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
									<g>
										<path d="M880.1,222.7C821.8,93.9,677.7,21.6,542.2,12.6c-119.6-8-247.2,23.8-336.9,107.3c-23,21.4-42.6,46.3-58.3,73.5
											c-44.4,76.8-53.5,160.3-43.3,247.6c4.4,37.7,17.4,69.6,41.1,98.2c9.7,11.7,13.8,23.3,4.8,38.8c-4.2,7.3-4.1,20.2-0.6,28.3
											c9.7,22.7,9.5,44.9,2.9,67.8c-12.8,44.4-8.4,57.7,26.3,86.8c14.9,12.5,28.2,27.1,41.9,41c39.2,39.9,84.6,66.8,142,68.5
											c11.8,0.4,14.3,6.8,15.6,17c3.9,30.6,8.2,61.1,13.6,91.5c1.2,6.7,6.1,14.7,11.7,18.2c17,10.5,22.9,6.5,23-13.3c0-2.4-0.7-5,0.1-7.1
											c2.2-5.2,5-10.2,7.6-15.2c4,5.3,9.8,10.1,11.6,16.1c3.4,10.9,4.5,22.6,6.6,33.9c14.2,0,28.5,0,42.7,0c0.1-11.2-0.8-22.6,0.7-33.6
											c0.6-4.1,6.7-7.4,10.3-11.1c2.9,3.7,7.6,7.2,8.3,11.2c1.6,11,1.5,22.3,2.1,33.4c14.2,0,28.5,0,42.7,0c1.6-11.6,2.1-23.4,5.2-34.5
											c1.6-5.9,7.8-10.4,12-15.6c2.6,5,5.3,10,7.7,15.1c0.5,1-0.2,2.4,0.1,3.5c2.3,7.6,5.3,21.8,6.9,21.7c12.7-1.3,26.6-3.3,29.1-20.2
											c4.6-31.1,9.9-62.1,13.5-93.2c1.5-12.6,6.1-17.5,18.7-18c51.8-2,94.3-25.1,131-60.3c21.4-20.5,43-40.7,64.5-61.1
											c16.4-15.6,21.8-34.4,16.9-56.7c-3.9-17.8-7.1-35.9-9.2-54c-0.8-7.3,0.6-16,4.2-22.3c9.1-16.3,8.8-31-0.9-46.9
											c-2.4-4-1.6-11.5,0.4-16.4c2.8-7,7.1-13.9,12.2-19.5c30.2-32.7,36.4-73.7,39.2-115.4C915.1,350.4,908.1,284.7,880.1,222.7z
											 M428.6,774.9c-15.9,14.6-32,22.4-53.4,8.7c-8.5-5.4-20.3-6.5-30.8-7.9c-71.9-9.4-120.3-52.1-156.1-111.4
											c-18.1-30-10.2-67.8,15.3-92.9c7.4-7.4,13-7.5,21.2-1.1c55.2,42.6,117,71.8,184.8,88c20.1,4.8,40.8,7.3,61.3,10.2
											c14.1,2,15,2.5,14.3,19.1c-1.8,21.7-10.7,43.4-27.5,61.3C448.8,758.3,438.2,766.2,428.6,774.9z M566.2,869.4
											c-5.5,16.1-19.5,23.7-36.1,24.4c-3.7,0.1-9.6-6.2-11-10.7c-4.3-13.3-6.9-27.2-10.2-40.8c-1.9-0.1-3.9-0.2-5.8-0.3
											c-3.2,12.8-6.9,25.5-9.4,38.5c-2.5,13.5-9.4,15.7-21.7,12c-31.3-9.4-42.8-52.9-22.4-78.1c17.8-22,31.9-46.9,47.5-70.6
											c2.5-3.7,4.5-7.7,8-13.7c3.7,5.1,6,8.1,8.1,11.2c17.6,25.9,34.4,52.4,52.8,77.6C579,836.5,571.8,853.1,566.2,869.4z M821.4,667.7
											c-36.6,58-84.8,99.7-156.1,108.6c-14.4,1.8-28.1,8.6-42.3,12.6c-5.4,1.5-12.9,4.1-16.5,1.8c-31.3-20.5-62.7-41.5-74.6-80.1
											c-1.9-6.2-3.3-12.6-4.8-18.9c-4-16.4,1.3-22,19.2-23.9c86.9-8.9,164.8-41.7,235.2-92.9c17.9-13,21.2-13.6,33.4,5.3
											c9.3,14.5,14.8,31.4,21.8,46.8C830.9,642.7,828.4,656.6,821.4,667.7z M867.1,330.8c0.6,8.5,0.7,19-11.5,17.2
											c-23.1-3.4-26.7,9.2-29.8,28.2c-14.9,90.6-96.7,169.6-191.3,184.8c-15.9,2.6-23.9,7-21.4,24.1c2.3,15.9-9.1,14.8-19.5,14.8
											c-10.6,0.1-21.7,0.5-19.6-15c2.4-17.5-6.5-21.3-22-23.9c-94.7-15.8-170.5-89.4-190.6-183.6c-1-4.6-2.7-9.2-2.9-13.9
											c-0.5-12.4-7-15.5-18.6-15.3c-19.5,0.4-19.5-0.2-19.5-21.6c-2.5-13.1,3.4-20,18.5-17.9c13.9,1.9,18-5.1,20.3-17.8
											c15.9-85.8,64.6-146.1,144.6-180.5c17.2-7.4,36.2-11.2,54.7-15.1c11.4-2.4,17.1-7,15.3-18.9c-2.5-16.4,5.9-19.6,20.6-19.8
											c15.2-0.2,21.1,5.1,18.7,19.5c-2.5,15,6.6,17.3,18.3,19.6c97.9,19.2,161.9,76.5,191.6,171.9c1.1,3.4,2.4,6.9,2.5,10.3
											c1,19.7,5.1,34.2,30.8,31.5C871,307.8,866.5,322.2,867.1,330.8z"/>
										<path d="M775.2,308.5c9.7,1.1,15.8-1.6,14-14C778,218.8,706,146.4,630.9,135.1c-13.2-2-19.6,1.1-17.7,15.3
											c2.1,15.9-7.7,16.7-19.8,16.8c-12.5,0.1-20.7-1.9-20-17.4c0.3-5.6-4.3-11.4-6.2-15.9c-6.1,0.8-7.3,0.9-8.4,1.1
											c-80,13.7-145.8,77.9-160.2,158.9c-2.3,13.2,4.9,15.7,15.3,14.7c17.1-1.6,17.1,9.4,17.3,21.7c0.2,12.2-2.8,20-16.8,18.2
											c-15.9-2-17.5,6-15.1,19.2c13.4,74.9,81,141,156.8,154.1c13.9,2.4,19.3-1.5,17.8-15.1c-2-18.3,10.7-15.7,22-16.4
											c12.6-0.8,19.3,3.1,17.5,16.9c-1.9,14.3,4.6,16.8,17.9,14.4C709,507.7,774.7,442.2,788.8,364c2.3-12.5-2.3-16.8-13.8-15.6
											c-14.6,1.6-19.7-4-19.6-19C755.4,314.6,758.7,306.7,775.2,308.5z M592.2,412c-45.2-0.5-82.2-38-82.3-83.3
											c-0.1-46.1,37.8-83.6,84-83.3c46.4,0.3,83.5,37.9,83.1,84.1C676.7,375.4,638.5,412.5,592.2,412z"/>
									</g>
								</svg>
JUNGLER
CSS Class Example:
							
								<i class="vg-jungler"></i>
SVG Markup Example:
							
								<svg version="1.1" id="vg-jungler" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
									<g>
										<path d="M913.8,144.2c-2.6-7.5-10.1-13.3-15.4-19.9c-4.6,6.5-10,12.5-13.6,19.5c-16,30.4-31.6,61-47.2,91.6
											c-2.1,4.2-3.1,9-4.5,13.5c-2.3-2-4.6-4-6.9-6c-0.3-2.2-1.3-4.6-0.9-6.6c11.7-53.5-5.3-103.4-19.1-153.7c-6.2-22.7-16-26.3-31.5-8.7
											c-27.8,31.4-52.7,65.3-78.8,98.2c-2.9,3.7-5.2,7.9-10.5,16.1c1.8-2.7-3.9-18.6-4.6-22.2c-1.8-8.5-3.6-16.9-5.5-25.3
											c-3.7-16.3-7.9-32.6-13.4-48.4c-5.3-15.4-11.9-30.4-20.4-44.4c-5.9-9.8-17.4-31.6-29.6-34.1c-32-6.5-54.6,42.4-66.4,66.2
											c-16.3,32.9-27,68.1-40.4,102.2c1.5-3.9-5.2-18.5-6.4-22.8c-2.4-8.7-4.8-17.5-7.4-26.2c-4.9-16.7-10.2-33.3-16.9-49.4
											c-6.7-16-14.7-31.5-24.6-45.7c-4.8-6.8-10.6-16.7-17.5-21.5c-31.7-22.1-59.8,43.5-68.1,64.6c-6.6,16.9-11.4,34.5-15.6,52.1
											c-2.3,9.4-4.3,18.8-6.4,28.2c-1,4.4-8.1,23.4-6.1,26.9c-5.5-9.3-7.9-14.6-11.4-19c-24.9-31.6-48.6-64.2-75.4-94.1
											c-18-20-26.4-16.3-34.1,10c-14.7,50.2-28.6,100.6-18.5,153.8c0.2,1.2-1.4,2.8-4.4,8.2c-8-13-15.3-23.3-21-34.5
											c-12-23.8-22.9-48.1-34.8-72c-3-6-8.1-11-12.3-16.5c-4.9,5.3-10,10.5-14.7,16c-1.1,1.2-1.3,3.3-1.8,5
											C87.8,209.7,75,273.7,86.4,342.7c16,97,58.6,175.8,136.5,235.5c5.9,4.5,11.7,9,17.6,13.5c2.2-0.7,4.4-1.5,6.6-2.2
											c-40-78.2-14.5-159.4-17.2-239.6c64.1,15.5,110.1-6.3,138-62.8c28.8,1.2,56.5,4,84.1,3c18.9-0.7,39.6-1.2,50.9-18
											c49.6,28.6,100.5,20,152.5,12.2c4.7,33.3,31,46.4,55.4,60.6c25.7,15,53,18.8,83.8,1.7c0,30.9-3.4,58.6,0.7,85.1
											c7.6,49.7,1.3,96.9-14.2,143.8c-1.5,4.4-1.8,9.1-2.9,15.5c4.9-1.5,6.8-1.6,8.1-2.5c98.8-68.9,144.9-167.3,154.6-284
											C945.6,249.6,932,196,913.8,144.2z"/>
										<path d="M718.5,586.9c-0.8-0.9-3.1-0.6-3.5-0.7c4.3,32.8,11,65.4,12.3,98.2c1.3,32.7-2.9,65.6-4.6,98.2c-5.3,0-7,0.5-7.5-0.1
											c-18.5-19-37.5-17.1-56.8-1.6c-16.2,13-44.2,5-53.3,30.4c-0.2,0.6-0.3,1.3-0.7,1.6c-3.2,2.3-6.1,5.4-9.7,6.5
											c-23.1,7.1-46.2,14.4-69.6,20.2c-8.5,2.1-18.3,2.4-26.7,0.3c-24-5.9-47.7-13.3-71.3-20.7c-3.8-1.2-6.7-5.5-10.1-8.4
											c-7.3-6.3-13.8-14-22-18.5c-13.4-7.2-28.4-11.4-41.9-18.5c-14.4-7.5-27-7.5-39.3,3.4c-2.8,2.5-6.4,4.1-11.4,7.2
											c-12.6-68.2-11.3-133.7,4.9-199.9c-22.6,25.8-42.8,51.9-61,79.4c-33.7,50.5-45.3,106.6-36.7,166.5c5.5,38.7,17.1,75.5,45.3,104.3
											c22.8,23.3,44.7,20.8,62.8-6c0.5-0.8,2.1-0.8,4.6-1.6c2.9,6.2,4.7,13.7,9.2,18.5c9.8,10.4,20,25.6,32,27.6
											c15.9,2.7,19.8-17,25.7-29.6c2.8-5.9,4.2-12.4,7-18.2c1.5-3.2,4.5-5.6,7.7-9.4c4.7,18.7,6.6,36.2,13.7,51.3
											c5.8,12.5,22.3,45.1,38.3,44.2c10.7-0.6,20.3-6.9,26-15.8c11.4-17.8,21.5-36.3,32.9-56c-6.4,11,9.2,36.6,15.4,44.8
											c8.5,11.2,23.3,29.6,39.4,27c14.6-2.3,24.4-24.8,30.8-36.3c9.6-17.2,16.6-36.2,16.6-56.2c0-0.6,1.8-1.1,4.6-2.7
											c4.9,11.4,9.4,22.8,14.4,33.9c13.9,30.7,27.9,32.5,48,5.6c6.8-9,11.8-19.3,18.1-29.8c19.7,27.1,38,31.6,58.9,14.1
											c9.8-8.2,18.5-18.7,24.9-29.8c29.3-51.1,36-106.5,24.9-163.6C798.3,683.6,758.5,635,718.5,586.9z"/>
									</g>
								</svg>
WEAPON
CSS Class Example:
							
								<i class="vg-weapon"></i>
SVG Markup Example:
							
								<svg version="1.1" id="vg-weapon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
									 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
									<g>
										<path d="M427,940.9c2-12.4,3.2-20.5,4.7-28.4c6.3-32.7,13.6-65.2,18.6-98c1.3-8.5-3.1-18.7-6.9-27.1
											c-11.2-24.5-23.6-48.6-35.4-72.9c-2.3-4.7-3.7-9.9-6.6-17.7c8.8,1.1,14.1,1.8,19.5,2.5c51,6.5,100.2,1.5,145.9-23.8
											c39.5-21.9,65.2-55.9,77.6-98.3c7.7-26.2,9.2-54.2,13.1-81.4c1.5-10.2-0.9-18.6-12.2-23.1c-5.5-2.2-11-6.6-14.3-11.5
											c-2.5-3.7-4-12.3-1.8-14.5c44.5-43.9,89.6-87.2,135.2-131.1c0.1,0.2,2.6,1.9,3.4,4.2c9.7,28.6,43,29.1,61.4,13.4
											c4.7-4,7.1-14.2,6-20.8c-3.2-19.4-8.8-38.4-13-57.6c-3-13.7,3.2-19.9,16.3-14.9c20.1,7.6,37,20,43.5,41.7
											c19.4,64.7,37.9,129.7,58.1,194.2c3.2,10.4,12.7,19.5,21.1,27.3c15,13.9,31.4,26.4,50.8,42.4c-16.4,4.7-27.8,9.7-39.5,10.9
											c-42.9,4.4-72.9,32.7-107,54.4c-23.6,15-29.7,37.4-37.8,61c-14.4,42.1-17.8,84.1-8.2,127.8c4.8,21.8,6.2,44.3,9.8,71.1
											c-8.9-4.1-14.3-6-19-9c-12.4-7.8-24.8-15.6-36.5-24.4c-14.3-10.7-29.4-14.4-47.4-12.1c-57.6,7.4-115.4,13.3-173,20.8
											c-8.2,1.1-16.6,6.7-23.4,12.2c-31,25.3-61.5,51.2-92.2,76.9C436.1,936.5,434,937.2,427,940.9z M778.6,562.4
											c-0.2-21-13.2-37.8-34.6-44.7c-15.9-5.1-37,2.2-48.1,16.8c-12.6,16.5-14.5,38.1-0.5,54.8c11,13.1,8.2,24.1,3.3,37.1
											c-5.8,15.2-12,30.4-16,46.1c-1.2,4.8,4.1,11.4,6.4,17.1c5-3.4,12.5-5.6,14.6-10.3c7.2-15.8,12.5-32.5,18.6-48.8
											c4.2-11.1,7.9-21.1,23-23.3C765.1,604.5,778.8,583.9,778.6,562.4z"/>
										<path d="M489.6,369.3c-59.3-35.4-110.2-5.1-162,16.8c-1.5-0.9-3.1-1.8-4.6-2.8c3.7-11.3,5.4-23.8,11.5-33.6
											c25-40.4,18.3-84.6,17.3-128.1c-0.5-23.6-1.5-47.8-6.9-70.6c-5.9-24.8-17.2-48.3-26-72.4c-2-5.5-3.4-11.1-5.1-16.7
											c1.3-1.3,2.5-2.5,3.8-3.8c5.1,2.9,10,6.3,15.3,8.5c37.9,15.5,75.5,31.6,118,30.8c29.8-0.6,59.8,3.6,89.6,1.9
											c17.9-1,35.5-8.5,52.9-14.2c10-3.3,19.1-9.1,28.9-13.2c3.2-1.3,7.3-0.6,10.9-0.9c0.2,4.2,1.8,8.8,0.5,12.4
											c-5.6,15.2-9.8,31.6-18.6,44.8c-14.8,22.3-4.5,40.5,4.8,59.8c2.2,4.6,4,9.8,7.6,13.1c16.1,14.6,6.8,24.4-4.8,35.8
											C578.2,280.6,534.2,324.9,489.6,369.3z"/>
										<path d="M489.2,557.7c-16.6,14.4-30.5,24.4-41.7,36.9c-6.1,6.7-9.6,17.1-10.8,26.3c-1.7,12.2-0.4,24.8,0.4,37.2
											c0.7,12.2-4.5,16.8-16.2,14.3c-17.9-3.7-31.4,2.3-42.7,16.6c-8.3,10.5-18.8,19.4-28.4,28.9c-9.9,9.9-18.9,20.5-36,17.5
											c-4.9-0.9-12.1,5.3-16.7,9.9c-70.5,70.8-140.9,141.6-210.6,213.1c-9.8,10-14.1,9.9-23.1-0.5C49.4,941.7,34,926.6,18,912.4
											c-8.4-7.5-7.5-11.2-0.2-18.5c69.4-69.4,138.3-139.3,207.6-208.9c8.5-8.5,12.7-16.8,11.2-29.8c-1-8.2,2.9-19.1,8.5-25.4
											c16.7-19.1,34.6-37.3,53.6-54c6.6-5.8,18-9,27-8.6c22.6,1,45-20.7,42-43.1c-3.9-29.8-3.8-28,26.4-29.7c21.8-1.2,37,5.5,50.9,21.7
											C456.6,529.6,471,540.8,489.2,557.7z"/>
										<path d="M689,191.8c26.1,26.8,51,52.1,75.6,77.6c9.1,9.5,2.2,15.9-4.6,22.7c-56.1,56.5-111.8,113.3-168.2,169.5
											c-11.6,11.5-18.7,20.7-7.2,37.3c8.9,12.8,0.8,35.8-13.4,48.7c-14.7,13.3-37.3,16.1-53.2,8.4c-32-15.6-55.8-41-79.4-66.4
											c-15.2-16.4-14.1-33.9,1-49c77.6-77.9,155.3-155.8,232.9-233.6C677,202.6,681.7,198.6,689,191.8z"/>
									</g>
								</svg>
CRYSTAL
CSS Class Example:
							
								<i class="vg-crystal"></i>
SVG Markup Example:
							
								<svg version="1.1" id="vg-crystal" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
									 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
									<g>
										<path d="M399.5,1001c-19.9,1.4-31-7.8-41.1-23c-60-90-121.4-179.1-181.3-269.2c-9.1-13.7-15.6-30.2-18.9-46.3
											c-8.9-43.4-15.3-87.2-23.2-133.5c21.8,0,42.1,0,62.3,0c25.6,0,51.3,0.2,76.9-0.1c8.4-0.1,13.2,1.6,15.5,11.2
											c36.1,151.6,72.6,303.1,109,454.6C399.1,996.5,399.1,998.2,399.5,1001z"/>
										<path d="M471.6,894.4c11.6-176.3,23.3-352.6,35.1-532.1c61.2,12.2,120.9,24.2,183.8,36.7C618.3,565.4,546.6,730.4,475,895.4
											C473.9,895,472.7,894.7,471.6,894.4z"/>
										<path d="M694.8,374.9c-61.5-12.4-120.4-24.2-181.3-36.5c54-109.7,107.3-218,160.7-326.4c1.2,0.2,2.4,0.3,3.5,0.5
											C683.4,132.3,689,252,694.8,374.9z"/>
										<path d="M423.5,991.4c-29.1-121.2-58-241-86.8-360.9c-8.4-34.8-16.8-69.6-25-104.5c-1.3-5.5-2.9-11.4-2.1-16.7
											c5.7-40.3,12-80.6,18.7-125.3c4,8.1,6.4,12.2,8.2,16.6c24.9,59.8,50.2,119.5,74.2,179.6c4.9,12.3,6.4,26.4,7.2,39.9
											c7.1,110.2,13.5,220.4,20.4,330.6C439.4,965.8,440.2,980.3,423.5,991.4z"/>
										<path d="M807,371.6C783.7,438,761.9,500,740.1,562.1c-8.5,24.1-11.6,53.2-27.5,70.6c-15.9,17.4-44,24.8-68,33.2
											c-27.5,9.7-46.7,25.8-57.6,52.9c-4.8,11.9-12.5,22.7-22,32.6c2-5,3.8-10,5.9-14.9c46.5-107.3,93.2-214.6,139.5-322.1
											c4.4-10.1,10.1-16.4,21.2-19.5C755.5,388.4,779,380.4,807,371.6z"/>
										<path d="M489.5,998c0-11.4-2.9-20.9,0.4-27c45.4-83.3,91.7-166.1,138.9-251.2c35.8,24.5,70.7,48.3,107.2,73.3
											C654,861.2,573.2,928.3,489.5,998z"/>
										<path d="M849.7,790.8c-23,29.8-43.5,56.8-64.5,83.4c-2.6,3.3-7.5,5-11.5,7.1c-80.6,42-161.2,84.1-242.1,125.7
											c-6.5,3.4-14.8,3.4-22.2,5c-0.6-1.7-1.1-3.3-1.7-5c36.2-30.1,72.4-60.3,108.7-90.4c42.9-35.6,85.4-71.7,128.9-106.5
											c9-7.2,21.6-11.9,33.2-13.7C800.6,793,823.3,792.7,849.7,790.8z"/>
										<path d="M413.8,303.5c23.2,16.8,44,31.5,64.3,46.8c2.5,1.9,4.2,6.9,4,10.3c-6.7,102.7-13.7,205.4-20.7,308.1c0,0.3-0.7,0.6-3.1,2.4
											c-1.7-24.7-2.8-48-5-71.3c-1-10-3-20.2-6.7-29.5c-15.1-38-31.4-75.5-46.4-113.6c-3.1-8-4.2-17.6-3.1-26.2
											C401.8,389.4,407.7,348.4,413.8,303.5z"/>
										<path d="M810.8,344.2c-31.7,10.1-60.7,19.3-91.3,29c-5.4-113.9-10.7-225.7-16-337.5c0.9-0.3,1.8-0.6,2.7-0.9
											C740.8,137.3,775.5,239.7,810.8,344.2z"/>
										<path d="M634.2,37.3c-47.5,96.4-95,192.9-143.5,291.5c-22.9-16.7-44.3-32.2-67-48.7c69.8-82.3,138.6-163.5,207.5-244.7
											C632.2,36,633.2,36.6,634.2,37.3z"/>
										<path d="M831.5,623.4c-28.9,54.9-55.2,105-82.2,156.2c-35.7-24.4-69.8-47.8-105.9-72.5C706,679.3,766.3,652.4,831.5,623.4z"/>
										<path d="M185.1,345.3c31.1,54.5,60.3,105.4,90.4,158.1c-46.8,0-90.9,0-137.4,0C153.5,451.7,168.6,400.9,185.1,345.3z"/>
										<path d="M308.8,347.9c-6.3,42.1-12.5,82.9-18.6,123.6c-1.3,0.4-2.5,0.7-3.8,1.1c-26.2-45.8-52.4-91.6-80.7-140.9
											C242,337.4,274.7,342.5,308.8,347.9z"/>
										<path d="M859.7,771.2c-29.5,2.2-57.1,4.3-88.4,6.7c27-51.4,52.6-100.1,78.2-148.8c1.2,0.3,2.4,0.6,3.6,0.9
											C855.2,676.2,857.4,722.4,859.7,771.2z"/>
									</g>
								</svg>
SUPPORT
CSS Class Example:
							
								<i class="vg-support"></i>
SVG Markup Example:
							
								<svg version="1.1" id="vg-support" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
									 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
									<g>
										<path d="M914.3,138.9c-23.3,9.7-45.9,21.4-69.8,28.9c-65.7,20.6-129.5,14.4-190.1-19c-55.7-30.7-97.6-76.1-134.8-126.6
											c-10-13.6-13.7-13.7-23.8,0.2c-28.7,39.2-60.6,75.3-100,104.3c-80.2,58.9-166,68.5-257.3,29.6c-17.6-7.5-34.8-16.2-52.1-24.3
											c-2.2,1.1-4.4,2.1-6.6,3.2c3.9,19.9,6.4,40.1,12.1,59.5c15.9,53.9,33.6,107.4,49.8,161.2c13.1,43.4,28.6,86.5,36.9,130.9
											c8.6,46.1,11.3,93.6,14.1,140.6c4.8,79.2,33.8,146.9,88.8,204.1c59,61.4,126.5,112,195.6,160.9c10.1,7.2,20.4,19.6,30.7,19.6
											c10.2,0,20.5-12.5,30.7-19.6c65.1-45.6,128.9-92.9,184.8-149.8c38.6-39.2,73.6-82,85.8-137.2c8.3-37.4,11.6-76,15.7-114.3
											c5.5-51.5,6.4-103.7,15-154.6c17.6-103.2,46.3-203.6,90.8-303C923.3,136,918.7,137.1,914.3,138.9z M802.9,384
											c-2.8,22.7-6.7,45.4-8.1,68.2c-4.3,68.9-5.3,138.1-11.9,206.8c-4.9,52-33.2,95-72.4,127.9C648.5,839,584,888,519.8,937.5
											c-5.1,3.9-18.1,4-23.4,0.3c-71.4-51.3-145.1-99.9-205.6-165c-36.6-39.4-58-84.7-61-139c-2.6-46.6-7.9-93-11.2-139.5
											c-0.8-11.9,2.9-24.2,2-36.1c-1.8-25.1-5.2-50.1-8-75.1c-0.6-5.1-2.1-10.2-2.5-15.3c-2.3-27.6,10.5-39,37.3-33.6
											c3.8,0.8,7.7,1.6,16.3,3.3c-2.3-13.8-4.2-24.2-5.7-34.7c-4.1-27.6,3.8-50.5,22.9-57.7c10.1-3.8,22.8-4.8,33.4-2.4
											c13.1,2.9,20.6-1.3,30.5-8.9c17-13.1,35.8-24.4,55.3-33.5c13.6-6.4,26.2-3.6,37.2,11.3c9,12.2,25.3,18.7,37.3,29.1
											c7.2,6.2,14.4,14,17.8,22.6c4.2,10.5,3.8,22.7,6.6,33.8c1.1,4.2,5.6,7.6,8.6,11.3c3.1-3.5,6.7-6.8,9.2-10.7
											c1.4-2.2,1.3-5.5,1.7-8.4c3.4-24,5.2-47.7,36.1-55.3c9.7-2.4,19.1-13.5,24.9-22.9c9-14.7,20.8-14.6,34.3-11.6
											c23.2,5.2,42.6,17.3,58.3,34.8c8.3,9.3,16.5,11.4,28.8,8.4c36.9-8.8,60.6,12.4,57.9,50.9c-1,13.9-3.6,27.8-5.7,43.5
											c10.5-1.7,17.7-3.5,24.9-4c17.1-1.1,27.5,8.2,27.8,25.4C805.9,366.9,804,375.5,802.9,384z"/>
										<path d="M694.9,548.8c-12.6-4.1-25.2-8-37.9-11.6c-12.9-3.7-16.2-12.7-12.2-24c3.6-10.2,9-19.8,14.1-29.5
											c16.8-32.3,16.6-32.1-10.4-57.3c-8.6-8-16.6-8.9-26.4-3.5c-12.6,6.9-25.2,13.6-38,20.1c-16.6,8.4-26.8,4.1-32.5-13.8
											c-4.2-13.1-6.8-26.9-12.5-39.3c-3-6.5-10.3-13.8-16.9-15.4c-10.3-2.4-21.8-1.5-32.4,0.5c-4.9,0.9-10.4,6.6-12.8,11.6
											c-4.3,8.7-6.5,18.4-9.4,27.7c-12.5,40.2-15.3,41.2-52.9,20.1c-10.4-5.9-21.4-10.7-35.1-17.6c-8.9,8.1-17.9,16.4-26.9,24.7
											c-8.6,8-10.9,16.5-4.2,27.4c7.5,12.2,14.1,25,20.2,38c8,16.9,3.9,25.6-13.5,31.1c-12,3.8-24.7,6.3-36,11.7
											c-8.1,3.9-18.7,10.3-20.7,17.7c-9.1,31.9-0.1,45.1,32.5,53.1c3.4,0.8,6.8,1.4,10.1,2.4c35.7,11,37.7,16,20.5,49.3
											c-1.8,3.6-3.1,7.5-4.9,11c-16.8,31.9-16.8,31.9,9.7,55.8c1.3,1.2,2.4,3.1,3.8,3.4c6.7,1.2,14.6,4.4,20.2,2.2
											c13.8-5.4,26.6-13.3,39.7-20.4c18.4-9.9,28.3-5.9,34.4,14.1c2.5,8.2,4.5,16.6,7.6,24.7c11.6,30.8,16.7,34.3,49.7,29
											c6.5-1.1,14.4-8.3,17.3-14.7c5.9-13,8.4-27.4,13-41c6.1-18.2,16-21.8,32.6-13c10.6,5.7,22.6,9.4,32,16.6
											c15.7,12.1,27.1,7.8,38.1-5.8c2.9-3.6,6.2-6.8,9.4-10.1c7.1-7.3,9.9-14.6,3.9-24.5c-7.4-12.2-13.6-25.2-20.1-38
											c-8.9-17.5-5.7-26.2,12.6-33c12.4-4.6,25.3-7.8,37.6-12.5c21.2-8.1,21-9.9,20.9-40.6C718.8,558.2,707.9,553.1,694.9,548.8z
											 M509.1,648.3c-34.7,0.9-65.3-28.9-65.6-63.8c-0.3-35.9,30-67.1,64.9-66.8C542,518,571.7,548,572.2,582
											C572.8,617.4,544.2,647.3,509.1,648.3z"/>
									</g>
								</svg>
HAPPY 1
CSS Class Example:
							
								<i class="vg-happy-1"></i>
SVG Markup Example:
							
								<svg version="1.1" id="vg-happy-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
									 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
									<path d="M706.5,53.7c-39.4-16.3-77.8-28.6-117.9-35.5c-22.4-3.9-45.4-6-69.3-6.2c-64.1-0.5-128,11.2-187.7,34.5
									C93.1,139.7-34.1,388.9,27.4,640.8c57.2,234.3,296.1,396,544,368.1c219.2-24.7,400.9-202.5,433.5-424.2
									C1037.9,360.8,913.9,139.4,706.5,53.7z M294.6,522.7c-32.5-12.6-50.8,0.7-70.1,23.5c-20,23.7-40.3,19.7-55.2-8.6
									c-27.6-52.4,14.4-118.3,75.1-117.5c41.1,0.5,77.4,31.3,81.3,70.4C327.9,512.5,320.7,532.8,294.6,522.7z M700.3,666.4
									c-46.1,36.9-98.7,60.9-158.8,64.9c-5.9,0.4-11.9,0.1-17.8,0.1c-59.9-1.2-114-20.9-163.5-53.1c-17.3-11.2-39.7-24.7-23.5-50.9
									c15.7-25.5,35.4-9.8,52.3,0c96.5,55.3,192,63,287.9-2.3c6.1-4.1,22.6-3.3,28.9,0.4C716.1,631.4,707.8,660.4,700.3,666.4z
									 M855.7,537.7c-14.9,28.2-35.1,32.3-55.2,8.6c-19.3-22.8-37.6-36.1-70.1-23.5c-26.1,10.1-33.2-10.2-31.1-32.2
									c3.9-39,40.2-69.9,81.3-70.4C841.2,419.5,883.3,485.3,855.7,537.7z"/>
								</svg>
HAPPY 2
CSS Class Example:
							
								<i class="vg-happy-2"></i>
SVG Markup Example:
							
								<svg version="1.1" id="vg-happy-2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
									 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
									<path d="M981.8,351.3c-16.4-52.5-42.7-101.6-76.1-145.1C831,109.1,721.5,39.6,601.5,18.6c-22.5-3.9-45.3-6.2-68.4-6.6
									C383.4,9.5,235.3,73.6,136.6,186.5C0.5,342.2-29,570.2,72.4,748c110.2,193.2,292.8,289.6,509.9,258.1
									C864.7,965.2,1088.3,691.8,981.8,351.3z M155.9,329.6c-6.8,4.7-23.4,6-30,1.2c-9.9-7.2-7.6-26.7-1.5-35.9
									c31-46.8,77.9-62.9,138.2-62.3c9.3,0.8,26.4-1.7,39.5,4.4c34,16,43.3,55.1-5.1,52.9C244.9,287.6,198.8,300,155.9,329.6z
									 M205.4,434.7c-4.8,5.5-14.2,11.9-19.6,10.5c-5.5-1.4-11.1-11.3-12.6-18.4c-11.6-54,25.9-98.8,84.5-98.9c33.9-2.2,59,15.3,72.6,47.8
									c3.8,9.1,2.6,24-2.8,31.8c-3.5,5-19.8,5.1-28.5,2C244.1,390.1,244.5,389.8,205.4,434.7z M834.8,571.1
									C803.6,770.6,591.1,853.6,425.1,725c-53.8-41.7-92-103.9-135.1-158.5c-16.4-20.8-5.8-39.4,18.7-45.6c19.3-4.9,39.8-6.9,59.8-7.1
									c64.1-0.9,128.1-0.3,192.2-0.3c61.7,0,123.4-0.3,185.1,0.2c17.7,0.2,35.5,2,53.1,4.5C829.7,522.5,839.7,540.2,834.8,571.1z
									 M873.8,419.7c-1.5,7.1-7.1,17.1-12.6,18.4c-5.5,1.3-14.9-5-19.6-10.5c-39.1-44.9-38.7-44.6-93.6-25.2c-8.7,3.1-25,3-28.5-2
									c-5.4-7.8-6.6-22.8-2.8-31.8c13.6-32.5,38.7-50,72.6-47.8C848,320.9,885.4,365.7,873.8,419.7z M921.2,323.7
									c-6.6,4.8-23.2,3.5-30-1.2c-42.9-29.6-89-42-141.1-39.8c-48.5,2.2-39.2-36.9-5.1-52.9c13.1-6.1,30.2-3.6,39.5-4.4
									c60.3-0.5,107.2,15.5,138.2,62.3C928.8,297,931.1,316.4,921.2,323.7z"/>
								</svg>
HAPPY 3
CSS Class Example:
							
								<i class="vg-happy-3"></i>
SVG Markup Example:
							
								<svg version="1.1" id="vg-happy-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
									 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
									<path d="M1011.6,490.6c-8.8-225.5-187.1-429.9-407.2-470.3c-56.7-10.4-115.9-11-172.8-1.9C143.9,64.3-49.5,374.6,32.1,653.2
									c76.6,261.6,357.5,415.5,619.6,339.2C832.3,939.9,1022,759.7,1011.6,490.6z M242.6,531.9l-89.2,66.7c-3.1,2.3-5.4,1.1-5-2.8
									l11.4-110.7c0.4-3.9-1.9-8.9-5.1-11.2l-91.1-64.1c-3.2-2.3-2.7-4.8,1.1-5.6l108.9-23.4c3.8-0.8,7.9-4.6,9.1-8.3l32.9-106.3
									c1.2-3.7,3.7-4,5.7-0.6l56,96.2c2,3.4,6.8,6.1,10.7,6.1l111.4-1.6c3.9-0.1,5,2.3,2.4,5.2l-74.4,82.9c-2.6,2.9-3.7,8.3-2.5,12
									L361,571.7c1.3,3.7-0.6,5.4-4.2,3.9l-101.9-45C251.3,528.9,245.8,529.6,242.6,531.9z M715.5,672.8c-11.9,64.6-33.1,126.6-78.9,176.3
									c-54.8,59.4-138.6,67.4-203.2,19.2c-58.6-43.7-87.7-105.4-97.1-175.8c-1.6-12.3,12.4-33.7,24.7-39.7
									c78.7-38.5,161.8-61.6,250.5-60.9c15.4,1.1,31,0.8,46.1,3.5C702.7,603.3,723.7,628.4,715.5,672.8z M911,397.6l-77.6,55.7
									c-3.2,2.3-5.4,7.3-5,11.2l10.6,94.9c0.4,3.9-1.8,5.2-5,2.9l-77-56.5c-3.2-2.3-8.7-2.9-12.2-1.3l-87.1,39.4c-3.6,1.6-5.5-0.1-4.3-3.8
									l30-90.6c1.2-3.7,0.1-9.1-2.6-12l-64.4-70.5c-2.6-2.9-1.6-5.2,2.3-5.2l95.6,0.5c3.9,0,8.7-2.7,10.7-6.2l47.3-83
									c1.9-3.4,4.5-3.1,5.7,0.6l29.1,90.9c1.2,3.7,5.3,7.4,9.2,8.2l93.6,19.3C913.6,392.8,914.2,395.3,911,397.6z"/>
								</svg>
SAD 1
CSS Class Example:
							
								<i class="vg-sad-1"></i>
SVG Markup Example:
							
								<svg version="1.1" id="vg-sad-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
									 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
									<path d="M576.4,15.7c112,13.6,220.2,64.7,303.8,153.6c162.6,172.8,176.6,445.3,37.2,636.2c-26.1,35.7-56.8,68-90.9,96.2
									c-187.3,155-495.5,155.7-687.8-55.7c-169.8-186.6-169.7-481.1,4.5-671C257.8,50.1,420.8-3.2,576.4,15.7z M552.2,589.7
									c-3.8,0-13.4-0.7-22.8,0.1c-59.6,5.1-114.9,22.5-159.2,64c-7.2,6.8-10.1,30.5-1.9,37.3c4.5,3.8,10.6,4.9,16.5,5.1
									c22,0.9,32.8-9.8,51-18.6c87.4-42.3,173.8-46.4,259.1,6.1c12.7,7.8,28.2,29.4,40.1,5.1c4.9-10-4.9-34.4-15.5-43.7
									C673.8,605.3,619,587.4,552.2,589.7z M785.1,584.2c46.4-0.7,82.7-39.3,81.2-86.2c-1.5-46.1-36.8-79.1-84.1-78.6
									c-46.8,0.4-80.6,34.5-80.8,81.5C701.2,548.4,738,585,785.1,584.2z M245.3,419.4c-45.9,0.4-81.4,35.7-81.5,81
									c-0.2,46.3,37.6,84.4,83.1,83.9c45.9-0.6,82.3-38.9,81.3-85.6C327.2,453,291.7,419,245.3,419.4z M788,309.2
									c-15.6,2.6-32.3,10.2-35.3,24.5c-5.9,28,22.9,22.8,39.8,26.4c55.9,11.9,90,64.5,142.4,84.2c19.3,7.2,17.8-35.2,12.8-44.9
									c-28.2-54.3-81.4-81-140-90.6C802.4,307.9,795.3,308,788,309.2z M246.1,308.5c-63.9,0.4-123.4,33.4-152.7,82.3
									c-5.9,9.8-11.3,21.9-11.1,32.9c0.1,8.7,7.1,20.4,14.6,24.9c4.9,2.9,19.4-2.2,23.9-8.1c37.7-48.5,86-77,147.2-84.6
									c7-0.9,18.4-11.9,18-17.5c-0.7-8.7-8-19.5-15.7-24.3C261.9,308.7,249.9,309.2,246.1,308.5z M903.4,564.5c-14.2,25.8-25,48-38.1,68.7
									c-13.8,21.8-17.2,45.3,1.9,61.7c13.2,11.3,36.7,18.8,53.3,15.8c25.1-4.7,38.8-27,36.8-54.1C954.4,618.6,931.4,592.5,903.4,564.5z"/>
								</svg>
SAD 2
CSS Class Example:
							
								<i class="vg-sad-2"></i>
SVG Markup Example:
							
								<svg version="1.1" id="vg-sad-2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
									 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
									<g>
										<path d="M941.9,253.7C786.3-0.6,505.6-34.9,285.3,61.6c-25.8,11.3-35.6,25.5-21.6,51.9c27.8,52.4,50.6,108.4,84.4,156.4
											c60.8,86.3,54.5,194.6-24.4,265.5c-68.1,61.2-187.6,80-262.7-2.4c-12.5-13.7-25.4-27.1-44.8-47.8c-2.4,18.8-4.5,26.8-4.2,34.6
											c8.9,200,104.3,348,278,435.5c171.3,86.3,344.7,74.5,504.2-37.2C1011,766.2,1077,474.5,941.9,253.7z M349.4,688
											c-50.5-17.9-101.4-20.7-152.5-2.4c-8.9,3.2-18.7,8.3-27.2,7c-12.5-1.9-28.4-5.8-34.7-14.8c-24.4-34.6,80.4-67.9,100-70.4
											c9.2-1.2,18.5-1.5,27.8-1.2c38.8,1.5,77.3,15.5,110.8,31.9c10.2,5,19.4,28.6,16.7,40.9C385.2,701.9,365.4,693.7,349.4,688z
											 M717.4,828.9c-35.4-15-70.3-32.2-107-42.7c-66.4-18.9-129.1-5.3-187.6,30.4c-13.4,8.2-30.5,32.2-43.8,5.9
											c-5.2-10.2,6.6-37.4,18.6-46.1c80-57.7,169.2-67.7,262-37.1c30.5,10.1,58.6,27.7,86.7,43.8c8.4,4.8,12.8,16.2,16.5,21.1
											C763.3,831.6,742.7,839.7,717.4,828.9z M895.7,661.1c-56.2-16.9-110.7-14.3-166.5,2c-13.6,4-37.6,0.6-45-8.9
											c-29.9-37.8,53.9-64.5,78-69.6c15.7-3.3,31.6-4.3,47.5-3.4c37.5,2,74.6,14.1,108.1,27.8c18.2,7.5,33.4,25.3,19.3,45.1
											C931.1,662.5,908.3,664.9,895.7,661.1z"/>
										<path d="M95.9,526c50.9,36.9,130.3,39.7,184.3,6.4c85-52.4,100.2-165.8,40.5-253.7c-37-54.5-64.6-115.6-95.3-174.4
											c-8.1-15.4-11.8-33.2-15.7-44.5c-35.9,46.6-70.4,94.1-107.8,139.2c-35.7,43.1-72.2,83.5-83.1,142.7C4.7,418.5,25.6,474.9,95.9,526z
											 M249.5,510.5c9.4-13.5,26.3-19.8,37.6-31.4c11.5-11.8,20.5-26,24.8-42c8.8-32.5,9.7-70.1-3.6-101.4c-3.5-8.3-8-16.1-13.7-23.3
											c-4.5-5.8-11-18.5-10.8-26.5c0.1-3.9,0.7-8.8,4.3-10.2c15.7-6.3,33,32.3,38.4,43.2c8.3,16.5,13.1,34.8,14.6,53.2
											c4.6,57.1-16.1,128.9-74.9,149.5C258.1,524.4,240.4,523.5,249.5,510.5z"/>
									</g>
								</svg>
SAD 3
CSS Class Example:
							
								<i class="vg-sad-3"></i>
SVG Markup Example:
							
								<svg version="1.1" id="vg-sad-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
									 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
									<path d="M512,12C235.9,12,12,235.9,12,512c0,276.1,223.9,500,500,500s500-223.9,500-500C1012,235.9,788.1,12,512,12z M190.7,806.3
									c-3.3,7.4-10.1,13.9-18.8,15.4c-10.4,1.9-21.2-4-26.7-12.2c-3.7-5.5-5.4-11.9-6-18.4c-0.3-3.2-0.2-6.3,0-9.5c1-15.4,8-27,12.8-41.2
									c3.7-10.9,2.8-23.8,16.2-29.8c10.9,14.1,7.6,23.3,13.7,38.7c2,5.2,5.6,9.9,7.9,15c2.6,5.9,3.5,12.2,3.9,18.6
									C194.3,790.7,194,798.9,190.7,806.3z M240.8,635.9c-5.7,12.6-17,21.3-35.7,21.5c-10,0.1-21.2-0.4-28.4-7.4c-3.9-3.8-6-9.2-7.1-14.6
									c-3.5-18.4,5.2-30.8,13.8-45.7c7.9-13.7,10.1-29.7,12.7-45.1c2.4-13.7,6.4-14.4,18-5.6C237.8,556.9,253.9,607,240.8,635.9z
									 M227.6,504.1c-5.9,2.3-14,3.2-22.2,2.6c-12.2-0.9-24.8-5.2-30.8-13.6c-11.3-15.7-7.2-50.3-3.4-67.8c2.4-11.1,25.2-53.6,41.5-37.1
									c4.9,5,5.4,22.1,8.8,29.1c4.7,9.6,11,18.3,16.3,27.5c5,8.8,9.2,18.3,9.3,28.4C247.3,486.2,239.7,499.4,227.6,504.1z M245.8,328.1
									c-14.5,2.9-27.3,12.4-42,13.3c-19.1,1.2-33.7-13.7-36.5-31.9c-3.3-21.3,7-40.8,22.8-54.2c6.9-5.9,15-10.6,23.4-13.7
									c52.6-19.6,115.8,6.2,124,65.9C344.2,356.4,270.2,323.1,245.8,328.1z M644.5,566.5c-15.7,19.8-55,9.7-75.5,6.2
									c-38.6-6.5-76.2-11.2-115.4-7.5c-24.5,2.4-62.1,18.5-85.4,6.4c-7.1-3.7-12.5-10.4-14.9-21.9c-8.6-41.2,47.4-106,84.3-117.1
									c60-18.1,132.2,7,172,54C623.6,503.3,663,543.1,644.5,566.5z M765.9,770.1c-12.6,8.2-30.7,5.3-41.4-5.3
									c-10.6-10.7-13.8-27.5-9.4-41.9c5.2-17.2,7.5-32.4,10.5-50.5c0.9-5.6-6.5-37.5,3-36.7c1.3,0.1,2.4,0.8,3.5,1.4
									c20.8,12.7,29.9,40.4,42.3,60.5c5.4,8.7,10.8,17.8,11.9,28c1,9-1.7,18-5.6,26.2C777.2,758.9,772.6,765.8,765.9,770.1z M765.2,446.2
									c1.8-8.3,5.1-64.9,15.2-60.8c3.6,1.5,5.6,5.1,7.4,8.5c13.1,25,40.5,40.4,43.6,70.5c0.3,3.1,0.4,6.1,0.3,9.2c-1,24-15.7,45.1-43,41.6
									C752.7,510.5,759.5,472.1,765.2,446.2z M838.7,855.1c-3.8,7.3-11.6,13.8-21.5,15.3c-11.9,1.8-24.3-4-30.6-12.2
									c-4.3-5.5-6.2-11.8-6.8-18.3c-0.3-3.1-0.3-6.3,0-9.4c1.1-15.3,9.1-26.8,14.7-40.9c4.3-10.8,3.2-23.7,18.6-29.6
									c12.5,14,8.7,23.1,15.6,38.4c2.3,5.2,6.4,9.8,9.1,14.9c3,5.8,4,12.2,4.5,18.4C842.8,839.6,842.5,847.7,838.7,855.1z M828,370.9
									c-4.2-0.4-8.4-1-12.4-2.2c-16.8-5-23.3-20.2-36.9-28.6c-17-10.5-40.9-9.4-61.7-11.9c-26.9-3.3-15.2-25.4-6.9-37.4
									c0.2-0.3,0.4-0.6,0.7-1c18.6-26.5,50.2-35.9,82.8-36.5c24.7-0.4,54.3,10.7,66.1,32.6c8.5,15.8,10.5,38.1,6.9,55.2
									C862.6,360.5,849,372.7,828,370.9z"/>
								</svg>
Thumbs Up 1
CSS Class Example:
							
								<i class="vg-thumbs-up-1"></i>
SVG Markup Example:
							
								<svg version="1.1" id="vg-thumbs-up-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
									 y="0px" viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
									<g>
										<path d="M1002.7,642.2c-15.3-27.8-10.5-46.9-1.1-72c17.8-47.6,2-91.6-43.2-114.6c-21.4-10.9-47.1-17.2-71.1-17.8
											c-31.4-0.8-35.8-7.7-29.9-39.7c12.8-69.5,22.1-140.2,24.4-210.7c1.7-50.9-21.7-98.4-62-131.1c-18.3-14.8-51.9-30.5-68.1-23
											c-19.2,8.8-31.9,40.8-38.8,65.2c-12.3,43.1-18.5,87.9-26.6,132.2c-13.1,71.4-58.9,115.5-122.9,140.8
											c-59.5,23.5-121,41.7-181.4,62.6c-77.8,26.9-110,69.6-113.2,152.7c-1.7,43.8-0.3,87.8-0.3,131.7c0.1,0,0.2,0,0.3,0
											c0,36.8-0.1,73.6,0,110.4c0.4,80.5,32.3,118.3,110.6,135.8c147.8,33.1,296.5,34.9,445.9,14.9c18.5-2.5,37.6-7.9,54.1-16.4
											c11.6-5.9,27.6-19.5,27.4-29.3c-0.7-28,20.2-37,33.8-53.9c16.7-20.8,38.3-48.4,36.1-70.9c-2.5-24.8,1.2-42.4,12.3-62
											C1007.6,714,1021.1,675.6,1002.7,642.2z"/>
										<path d="M241.8,575.8c0-52-19.3-88.9-61.7-100.6C131.7,461.9,79.8,455.3,41,497.8c-14.7,16.1-26.6,41.2-27.2,62.5
											c-2.7,98.2-1.9,196.6-0.6,294.9c0.7,51.4,38.7,88.5,90.2,91.6c14.2,0.9,28.4,0.6,42.6,0.1c55.9-2,93.3-38.3,94.8-94
											c1.3-48.5,0.3-97.1,0.3-145.7c0.2,0,0.5,0,0.7,0C241.8,663.4,241.9,619.6,241.8,575.8z"/>
									</g>
								</svg>
Thumbs Up 2
CSS Class Example:
							
								<i class="vg-thumbs-up-2"></i>
SVG Markup Example:
							
								<svg version="1.1" id="vg-thumbs-up-2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
									 y="0px" viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
									<g>
										<path d="M997.6,662c-4.6-7.3-0.3-22.4,3.4-32.6c24.9-67.6-9.7-122-82.7-128.4c-13.4-1.2-27-1.5-42.4-2.3
											c8.1-40.4,16.9-73.2,20.9-106.6c4.1-34.7,6.1-70.1,4.5-105c-2.1-45.9-18.8-88.3-54.9-117.5c-16.2-13.1-44.4-24.5-61.8-19.2
											c-14.8,4.5-26.4,32.8-31.9,52.6c-10.2,37.1-15.2,75.6-22.1,113.6c-11.3,62.2-49.2,103.1-105.9,125.8
											c-48.8,19.6-99.1,35.5-149.1,51.7c-83.2,26.8-111,62.8-112,151.4c-0.8,67.9,0,135.8,0.4,203.8c0.3,64.3,28.7,97.1,92.5,112.4
											c111.8,26.8,224.9,29.9,338.6,20.4c32.3-2.7,64.9-9.5,95.8-19.4c13.1-4.2,23-20.5,32.6-32.7c8.8-11.1,13.2-26.1,23.1-35.9
											c23.6-23.5,49.3-44,34.2-84.1c-3.1-8.3,4.9-22,10-32C1010.1,740.2,1023.6,703.1,997.6,662z"/>
										<path d="M238.7,527.3c-61.1,0.2-97.8,31-98.4,85.4c-0.8,84.3-0.8,168.7,0.3,253c0.6,46.5,33.7,78.8,79.8,81.1
											c11.7,0.6,23.4,0.4,35.1,0c48.8-1.5,81.7-32.6,83.3-81c1.3-42.1,0.3-84.3,0.3-126.5c0.3,0,0.6,0,1,0c0-42.2,0.7-84.3-0.2-126.5
											C338.7,556.4,303.4,527.1,238.7,527.3z"/>
										<path d="M566.7,426.5c65.1-24.3,112.7-65.8,125.2-138.7c4.9-28.8,13-57.1,17-86c5-36.5,6.6-73.7,52.8-89.3
											c-13.6-19.3-20.7-37.4-34-46.4c-20-13.7-45.3-30.8-66.6-28.6c-28.4,2.9-32.1,35.4-36.2,61.4c-5.1,32.3-12.3,64.3-17.4,96.7
											c-12.5,78.6-62.9,122.7-134,147.5c-50.8,17.7-102.1,33.7-153.2,50.7c-40,13.3-64.1,41.9-74.8,81.7c-1.9,7.1,1.6,22.1,5.9,23.5
											c29.3,9.6,59.3,17.1,89.4,23.9c3.7,0.8,8.9-6.4,13.8-9.2c24-13.7,47-30.3,72.5-40.1C472.8,455.7,520.7,443.7,566.7,426.5z"/>
										<path d="M186.1,504.2c25.1-2.7,30.1-14,22.1-35c-15.3-40.4-64.8-60.6-123.1-50.6c-40.9,7-70,38.2-71.2,79.3
											c-1.2,43.3-0.3,86.6-0.3,129.9c-0.1,42.1-4.6,84.9,1.6,126.1c3.7,24.9,22.2,48.7,37.9,70.2c5.7,7.7,23.5,10.5,34.5,8.4
											c4.7-0.9,8.3-19.8,8.4-30.6c0.8-65.5,0.3-131.1,0.4-196.6C96.5,539.4,120.4,511.4,186.1,504.2z"/>
									</g>
								</svg>
Thumbs Up 3
CSS Class Example:
							
								<i class="vg-thumbs-up-3"></i>
SVG Markup Example:
							
								<svg version="1.1" id="vg-thumbs-up-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
									 y="0px" viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
									<g>
										<path d="M528,513.2c26.9-8.5,53.6-17.3,80.1-26.9c57.2-20.8,100.8-55.1,113.9-118.4c6.9-33.3,13.1-66.7,20.6-99.8
											c3.6-15.8,6.8-32.7,15.1-46.1c10.3-16.5,19.4-32.2,1.4-46c-20.3-15.5-42.5-30.6-66.3-37.9c-5.7-1.7-25.7,26.9-30.9,44
											c-8.8,28.9-11.5,59.8-15.9,90c-11.1,76.1-57.3,120.8-127.7,144.1c-41.2,13.6-82.6,26.9-123.7,40.8c-33.5,11.3-56.9,34-65,68.1
											c-2.1,8.8,7.4,26.6,15.9,30.3c21.9,9.7,46.2,13.8,73.4,21.2C441.1,536.3,485.5,526.6,528,513.2z"/>
										<path d="M316.9,579.8c-55.4-0.1-78.2,21-79.1,74.6c-0.6,37.5-0.1,75-0.1,112.4c0,17.6,0,35.1,0.1,52.7c0.1,17.6,0.1,35.1,0.3,52.7
											c0.6,53.7,23.5,80.4,69.9,81.8c67.3,2,96.5-18.4,98.8-75.7c2.9-74.9,2.5-149.9,2.2-224.8C408.9,600.6,382.2,580,316.9,579.8z"/>
										<path d="M225.2,453.1c22.7,8,46.7,12.2,76.6,19.3c-0.3,0.2,5.3-3.4,11.2-6.7c23.3-12.8,45.6-27.7,70.1-37.5
											c38-15.2,78.1-25.3,116.2-40.5c49.6-19.9,90.5-50.1,103.5-106.3c5.8-25.1,12-50.2,16.9-75.5c6.6-33.8,1.8-71.8,36.6-94.8
											c2.4-1.6,3.6-6.1,3.9-9.4c2-18.2-40.2-61.3-64-64.2c-29.2-3.6-39.5,17.5-44.7,39.9c-6.8,29.6-11.1,59.9-15,90.1
											c-10.6,80.5-58.3,127.4-133.2,151.1C363,331.2,323,344.7,283,358.3c-33.5,11.4-55.8,34.5-64.7,68.5
											C216.3,434.8,220.2,451.3,225.2,453.1z"/>
										<path d="M272.4,556.3c22.1-6.4,28.7-18.8,18.2-39.2c-15.6-30.4-61.4-46.1-105.9-36.7c-34.9,7.3-58.5,35.2-59.3,72.4
											c-0.8,38.6-0.2,77.3-0.2,115.9c0,38.6,0,77.3,0,115.9c0.1,33.5,18.1,55,47.5,67.2c23.6,9.7,37.8,4.5,37.2-25.5
											c-1.1-62.1-0.4-124.1-0.3-186.2C209.6,583.1,217.5,572.2,272.4,556.3z"/>
										<path d="M180,420.7c-16.7-33.4-61.1-49.1-108-38.7c-34.4,7.7-57.9,36.2-58.7,73.6c-0.8,37.5-0.2,75.1-0.2,112.6
											c0,37.5-3.3,75.5,1.3,112.5c2.6,21.2,16.2,42.2,28.7,60.7c5.1,7.6,20.4,8.4,31,12.3c3.5-10.3,9.9-20.6,10.1-31.1
											c1-58.6,0.3-117.3,0.5-176c0.3-54.2,22-81.1,74.6-88.1C186.7,454.9,191.1,442.8,180,420.7z"/>
										<path d="M997.5,697.6c-4.1-6.5-0.3-20,3-29c22.2-60.2-8.6-108.6-73.6-114.4c-12-1.1-24-1.3-37.8-2c7.3-35.9,15.1-65.2,18.6-94.9
											c3.7-30.9,5.5-62.4,4-93.5c-1.9-40.9-16.8-78.7-48.9-104.7c-14.4-11.7-39.5-21.8-55.1-17.1c-13.2,4-23.5,29.2-28.4,46.9
											c-9.1,33-13.5,67.3-19.7,101.1c-10.1,55.4-43.8,91.8-94.3,112.1c-43.4,17.4-88.2,31.6-132.8,46C458.6,572,433.9,604,433,682.9
											c-0.7,60.5,0,121,0.3,181.5c0.3,57.3,25.5,86.4,82.4,100.1c99.6,23.8,200.3,26.6,301.6,18.1c28.8-2.4,57.8-8.4,85.3-17.3
											c11.7-3.7,20.5-18.2,29-29.1c7.8-9.9,11.8-23.2,20.5-31.9c21.1-20.9,43.9-39.2,30.5-74.9c-2.8-7.4,4.4-19.5,8.9-28.5
											C1008.6,767.3,1020.6,734.3,997.5,697.6z"/>
									</g>
								</svg>
Beer 1
CSS Class Example:
							
								<i class="vg-beer-1"></i>
SVG Markup Example:
							
								<svg version="1.1" id="vg-beer-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
									 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
									<g>
										<path d="M262.8,312.7c7.4-7.9,11.9-17.9,18.2-26.8c8.5-12,20.4-21.7,34-27.9c8.8-4,19.1-7.1,24.3-15c1.5-2.3,2.6-5,4.8-6.8
											c4.5-3.7,11.8-1.8,16.3,1.9c4.6,3.7,7.7,8.8,12.5,12.3c4,2.9,8.8,4.5,13.7,5.3c20.6,3.7,43.1-5.8,54.2-22.8c1.5-2.2,2.8-4.7,5.2-6
											c6.9-4,14.5,4,22.2,6.2c9,2.6,18.1-3,27.3-5.1c20.6-4.6,41.1,9.1,62.2,7.9c26.3-1.4,47-25.1,73.2-26.1c5.5-0.2,11.4,0.8,15.1,4.7
											c2.9,3,4,7.2,6.9,10.2c8.3,8.6,22.8,1.3,34.8-1.3c11.5-2.5,23.5,0.2,35.3-0.4c11.8-0.6,25.1-6.5,27.1-17.7c0.6-3.1,0.2-6.4,1.2-9.4
											c1.8-5,7-7.9,11.2-11.2c13.4-10.6,18.9-28.6,16.6-45.1c-2.3-16.5-11.4-31.5-22.8-44.1c-26.7-29.7-67.1-47.6-108-47.9
											c-22.4-0.2-45.5,4.5-66.6-2.6c-11-3.8-20.6-10.5-30.8-16C531,18.1,508,12.2,484.9,12c-12.3-0.1-25.1,1.5-35.2,8.2
											c-6.3,4.2-11.3,10.2-18.1,13.6c-17.6,8.9-38.2-2.2-57.6-6.3c-24.7-5.2-51.8,2.1-70,18.9c-10.1,9.3-19.6,22.2-33.6,21.9
											c-8.4-0.2-15.8-5.4-23.9-7.8c-15.2-4.4-31.5,1.9-45.3,9.5c-31.9,17.7-59,43.5-77.6,74c-7.2,11.8-13.3,25-12.2,38.7
											c1,11.9,7.2,22.7,13.4,33c14.2,24,21.1,58,45,74.3c18.2,12.4,42.3,25.8,63.3,32.8C243.7,326.3,255.4,320.6,262.8,312.7z"/>
										<path d="M765.8,244c-8.7-2.9-14.1-6.5-16.8-11c-6,7.1-16.3,10.9-25.6,11.4c-4.8,0.3-9.6,0-14.3-0.3c-7.2-0.4-13.9-0.8-20.5,0.6
											c-2.6,0.6-5.3,1.4-8,2.2c-10.4,3.1-22.1,6.6-30.1-1.9c-1.8-1.9-2.9-4-4-6c-0.9-1.7-1.8-3.3-2.9-4.5c-3.3-3.5-9.2-3.8-12.4-3.7
											c-12.4,0.5-23.6,6.6-35.4,13c-11.8,6.4-24,13.1-37.8,13.9c-10,0.6-19.8-2.1-29.3-4.7c-11.2-3.1-21.9-5.9-32.3-3.6
											c-2.6,0.6-5.2,1.5-8,2.5c-6.7,2.4-13.7,4.8-21,2.7c-3-0.9-5.7-2.4-8.4-3.9c-5.1-2.8-8.4-4.4-11.1-2.8c-1.4,0.8-2.4,2.5-3.5,4.3
											l-0.5,0.8c-11.9,18.8-35.7,29.1-57.8,25.1c-6.2-1.1-11.2-3.1-15.2-6.1c-2.8-2.1-5.1-4.7-7.3-7.2c-1.8-2-3.5-4-5.4-5.6
											c-3.5-2.9-8.9-4.5-11.9-2c-1,0.9-1.8,2.3-2.7,3.8c-0.4,0.8-0.9,1.6-1.4,2.4c-4.9,7.6-13,11.2-20.9,14.6c-1.6,0.7-3.2,1.4-4.8,2.1
											c-13.2,6.2-24.4,15.7-32.6,27.6c-2.3,3.3-4.3,6.8-6.4,10.3c-3.5,6-7.2,12.2-12.1,17.6c-5.8,6.4-15.4,12.7-25.6,12.7
											c-2.6,0-5.2-0.4-7.8-1.3c-16.7-5.7-37.3-16.3-56.5-29c5.8,14.2,7.8,29.2,7.7,46.3c-0.8,168.4-0.7,336.7-0.2,505.1
											c0.2,64.5,25.1,99.2,86.9,112.2c64.3,13.5,129.8,21.4,186.9,30.4c56.6-7,103.5-14,150.6-18.3c88.3-8,142.4-50.4,135.2-144.8
											c-1.2-16,6.5-38.2,18.1-48.8C848,720,892.5,620.4,909,504.6C925.1,391.6,889.3,284.9,765.8,244z M358.4,599.1
											c0,78.8,0,157.7,0,236.5c0,21.7-0.5,45.1-29.6,45.7c-30.5,0.7-33.4-22.5-33.4-46.2c0-158.8,0-317.6,0-476.5c0-5.8-1.7-13.6,1.3-17
											c10.5-11.9,21.4-29.2,34.5-31.6c22.6-4.2,27.1,16.6,27.1,35.2c0.3,58,0.1,115.9,0.1,173.9C358.4,545.8,358.4,572.5,358.4,599.1z
											 M495.3,610.6c0.1,80.1,0,160.2,0.1,240.4c0,22-0.7,44.7-30,45.5c-30.7,0.8-34-22.2-34-45.9c0-159.1-0.1-318.2,0-477.3
											c0-8-1.1-18.9,3.4-23.5c10.2-10.6,23-23.3,35.9-24.7c7-0.7,22.7,19.7,23.3,31.3c2.7,48.6,1.1,97.5,1.2,146.2
											C495.3,538.6,495.3,574.6,495.3,610.6z M601.4,881.3c-30.1,0.7-34-22.3-34-46.1c0-159.2,0-318.3-0.1-477.5c0-2.3-0.1-4.7,0.1-7
											c2.6-22.2,8.8-43.1,36.1-42.3c27.3,0.8,28.6,22.5,28.6,43.1c0.1,81.3,0,162.7,0,244c0,80.2-0.1,160.3,0,240.5
											C632.3,858.4,629.6,880.6,601.4,881.3z M756.2,706.3c-1.1,1.4-4.3,1-10.7,2.4c0-132.6,0-264.2,0-402.2
											c62.7,22.8,96.6,62.7,104.2,121.4C863.6,535.1,822.1,625.1,756.2,706.3z"/>
									</g>
								</svg>
Beer 2
CSS Class Example:
							
								<i class="vg-beer-2"></i>
SVG Markup Example:
							
								<svg version="1.1" id="vg-beer-2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
									 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
									<g>
										<path d="M541.5,501.7c5.4-5.7,8.6-13,13.1-19.3c6.2-8.7,14.7-15.7,24.6-20.2c6.4-2.9,13.8-5.1,17.6-10.9c1.1-1.7,1.9-3.6,3.4-4.9
											c3.3-2.7,8.5-1.3,11.8,1.4c3.3,2.7,5.6,6.4,9,8.9c2.9,2.1,6.4,3.2,9.9,3.9c14.9,2.6,31.2-4.2,39.2-16.5c1.1-1.6,2.1-3.4,3.8-4.4
											c5-2.9,10.5,2.9,16.1,4.4c6.5,1.9,13.1-2.2,19.7-3.7c14.9-3.3,29.7,6.5,45,5.7c19-1,33.9-18.2,52.9-18.9c3.9-0.1,8.2,0.6,10.9,3.4
											c2.1,2.2,2.9,5.2,5,7.4c6,6.2,16.5,0.9,25.1-0.9c8.3-1.8,17,0.2,25.5-0.3c8.5-0.5,18.1-4.7,19.6-12.8c0.4-2.3,0.1-4.6,0.9-6.8
											c1.3-3.6,5.1-5.7,8.1-8.1c9.7-7.6,13.6-20.7,12-32.6c-1.7-11.9-8.2-22.8-16.4-31.9c-19.3-21.4-48.5-34.4-78.1-34.6
											c-16.2-0.1-32.9,3.3-48.2-1.9c-8-2.7-14.9-7.6-22.3-11.6c-14.5-7.8-31.1-12-47.8-12.2c-8.9-0.1-18.2,1.1-25.5,6
											c-4.6,3-8.2,7.3-13.1,9.8c-12.7,6.4-27.6-1.6-41.6-4.6c-17.8-3.8-37.5,1.5-50.6,13.7c-7.3,6.7-14.2,16-24.3,15.8
											c-6.1-0.1-11.4-3.9-17.3-5.6c-11-3.2-22.8,1.4-32.7,6.9c-23.1,12.8-42.6,31.4-56.1,53.5c-5.2,8.5-9.6,18.1-8.8,27.9
											c0.7,8.6,5.2,16.4,9.7,23.9c10.3,17.3,15.3,42,32.5,53.7c13.2,9,30.6,18.7,45.8,23.7C527.7,511.5,536.2,507.4,541.5,501.7z"/>
										<path d="M905.1,452c-6.3-2.1-10.2-4.7-12.2-8c-4.3,5.1-11.8,7.9-18.5,8.2c-3.5,0.2-7,0-10.3-0.2c-5.2-0.3-10.1-0.6-14.8,0.5
											c-1.9,0.4-3.8,1-5.8,1.6c-7.5,2.2-16,4.8-21.7-1.4c-1.3-1.4-2.1-2.9-2.9-4.4c-0.7-1.2-1.3-2.4-2.1-3.3c-2.4-2.5-6.6-2.8-9-2.7
											c-9,0.3-17.1,4.7-25.6,9.4c-8.5,4.7-17.3,9.5-27.3,10c-7.2,0.4-14.3-1.5-21.2-3.4c-8.1-2.2-15.8-4.3-23.4-2.6
											c-1.9,0.4-3.8,1.1-5.8,1.8c-4.9,1.7-9.9,3.5-15.2,1.9c-2.1-0.6-4.1-1.7-6.1-2.8c-3.7-2-6.1-3.2-8-2c-1,0.6-1.7,1.8-2.5,3.1
											l-0.4,0.6c-8.6,13.6-25.8,21.1-41.8,18.1c-4.5-0.8-8.1-2.3-11-4.4c-2.1-1.5-3.7-3.4-5.3-5.2c-1.3-1.5-2.5-2.9-3.9-4
											c-2.5-2.1-6.4-3.3-8.6-1.5c-0.8,0.6-1.3,1.7-1.9,2.8c-0.3,0.6-0.6,1.2-1,1.7c-3.5,5.5-9.4,8.1-15.1,10.6c-1.2,0.5-2.3,1-3.5,1.6
											c-9.5,4.5-17.7,11.4-23.6,20c-1.7,2.4-3.1,4.9-4.6,7.4c-2.6,4.3-5.2,8.8-8.7,12.7c-4.2,4.6-11.1,9.2-18.5,9.2
											c-1.9,0-3.7-0.3-5.6-0.9c-12.1-4.1-27-11.8-40.9-21c4.2,10.3,5.6,21.1,5.6,33.5c-0.5,121.7-0.5,243.4-0.1,365.1
											c0.1,46.6,18.2,71.7,62.8,81.1c46.5,9.8,93.8,15.4,135.1,22c40.9-5,74.8-10.1,108.9-13.2c63.8-5.8,102.9-36.4,97.7-104.7
											c-0.9-11.6,4.7-27.6,13.1-35.3c63-57.9,95.1-129.9,107.1-213.6C1020.3,558.7,994.3,481.6,905.1,452z M589.3,912.8
											c-22,0.5-24.2-16.3-24.2-33.4c0-114.8,0-229.6,0-344.4c0-4.2-1.3-9.8,0.9-12.3c7.6-8.6,15.4-21.1,24.9-22.9
											c16.3-3,19.6,12,19.6,25.4c0.2,41.9,0.1,83.8,0.1,125.7c0,19.3,0,38.5,0,57.8c0,57,0,114,0,171
											C610.7,895.4,610.3,912.3,589.3,912.8z M709.6,890.8c0,15.9-0.5,32.3-21.7,32.9c-22.2,0.6-24.6-16.1-24.6-33.2c0-115-0.1-230,0-345
											c0-5.8-0.8-13.6,2.5-17c7.4-7.6,16.6-16.9,25.9-17.8c5-0.5,16.4,14.3,16.9,22.6c1.9,35.1,0.8,70.5,0.8,105.7c0,26,0,52,0,78.1
											C709.6,775,709.6,832.9,709.6,890.8z M786.3,912.7c-21.8,0.5-24.6-16.1-24.6-33.4c0-115.1,0-230.1-0.1-345.2c0-1.7-0.1-3.4,0.1-5
											c1.8-16.1,6.3-31.1,26.1-30.6c19.7,0.6,20.7,16.2,20.7,31.1c0.1,58.8,0,117.6,0,176.4c0,57.9-0.1,115.9,0,173.8
											C808.6,896.2,806.6,912.3,786.3,912.7z M898.2,786.2c-0.8,1-3.1,0.8-7.8,1.7c0-95.8,0-191,0-290.7c45.4,16.5,69.8,45.4,75.3,87.7
											C975.8,662.5,945.8,727.6,898.2,786.2z"/>
										<polygon points="500.5,264.4 519.2,54.3 439.5,106 489.9,264.4 	"/>
										<polygon points="663.4,60.2 596.7,16.8 531,251.5 541.5,251.5 	"/>
										<polygon points="581.4,271.4 770.4,199.3 694.1,134.1 572.1,264.4 	"/>
										<path d="M121.5,422.9c5.4-5.7,8.6-13,13.1-19.3c6.2-8.7,14.7-15.7,24.6-20.2c6.4-2.9,13.8-5.1,17.6-10.9c1.1-1.7,1.9-3.6,3.4-4.9
											c3.3-2.7,8.5-1.3,11.8,1.4c3.3,2.7,5.6,6.4,9,8.9c2.9,2.1,6.4,3.2,9.9,3.9c14.9,2.6,31.2-4.2,39.2-16.5c1.1-1.6,2.1-3.4,3.8-4.4
											c5-2.9,10.5,2.9,16.1,4.4c6.5,1.9,13.1-2.2,19.7-3.7c14.9-3.3,29.7,6.5,45,5.7c19-1,33.9-18.2,52.9-18.9c3.9-0.1,8.2,0.6,10.9,3.4
											c2.1,2.2,2.9,5.2,5,7.4c6,6.2,16.5,0.9,25.1-0.9c3.5-0.8,7.1-0.8,10.7-0.7c13.7-17.7,31-32.7,50.9-43.7c1.2-0.7,2.3-1.1,3.5-1.7
											c1.2-4.8,1.7-9.7,1-14.5c-1.7-11.9-8.2-22.8-16.4-31.9c-19.3-21.4-48.5-34.4-78.1-34.6c-16.2-0.1-32.9,3.3-48.1-1.9
											c-8-2.7-14.9-7.6-22.3-11.6c-14.5-7.8-31.1-12-47.8-12.2c-8.9-0.1-18.2,1.1-25.5,6c-4.6,3-8.2,7.3-13.1,9.8
											c-12.7,6.4-27.6-1.6-41.6-4.6c-17.8-3.8-37.5,1.5-50.6,13.7c-7.3,6.7-14.2,16-24.3,15.8c-6.1-0.1-11.4-3.9-17.3-5.6
											c-11-3.2-22.8,1.4-32.7,6.9C53.9,260.3,34.4,279,20.9,301c-5.2,8.5-9.6,18.1-8.8,27.9c0.7,8.6,5.2,16.4,9.7,23.9
											c10.3,17.3,15.3,42,32.5,53.7c13.2,9,30.6,18.7,45.8,23.7C107.7,432.8,116.1,428.7,121.5,422.9z"/>
										<path d="M465.4,510.9l-9.8-23.8c-8.1-9.5-13.3-21-17.9-31.5c-2.7-6.1-5.2-11.9-8.1-16.8c-4.7-8-10.7-17.9-11.6-29.9
											c-1.1-13.9,4.8-26.2,9.9-34.7c-1.5,0.4-3,0.8-4.6,1.3c-7.5,2.2-16,4.8-21.7-1.4c-1.3-1.4-2.1-2.9-2.9-4.4c-0.7-1.2-1.3-2.4-2.1-3.3
											c-2.4-2.5-6.6-2.8-9-2.7c-9,0.3-17.1,4.7-25.6,9.4c-8.5,4.7-17.3,9.5-27.3,10c-7.2,0.4-14.3-1.5-21.2-3.4
											c-8.1-2.2-15.8-4.3-23.4-2.6c-1.9,0.4-3.8,1.1-5.8,1.8c-4.9,1.7-9.9,3.5-15.2,1.9c-2.1-0.6-4.1-1.7-6.1-2.8c-3.7-2-6.1-3.2-8-2
											c-1,0.6-1.7,1.8-2.5,3.1l-0.4,0.6c-8.6,13.6-25.8,21.1-41.8,18.1c-4.5-0.8-8.1-2.3-11-4.4c-2.1-1.5-3.7-3.4-5.3-5.2
											c-1.3-1.5-2.5-2.9-3.9-4c-2.5-2.1-6.4-3.3-8.6-1.5c-0.8,0.6-1.3,1.7-1.9,2.8c-0.3,0.6-0.6,1.2-1,1.7c-3.5,5.5-9.4,8.1-15.1,10.6
											c-1.2,0.5-2.3,1-3.5,1.6c-9.5,4.5-17.7,11.4-23.6,20c-1.7,2.4-3.1,4.9-4.6,7.4c-2.6,4.3-5.2,8.8-8.7,12.7
											c-4.2,4.6-11.1,9.2-18.5,9.2c-1.9,0-3.7-0.3-5.6-0.9c-12.1-4.1-27-11.8-40.9-21c4.2,10.3,5.6,21.1,5.6,33.5
											c-0.5,121.7-0.5,243.4-0.1,365.1c0.1,46.6,18.2,71.7,62.8,81.1c46.5,9.8,93.9,15.4,135.1,22c40.9-5,74.8-10.1,108.9-13.2
											c63.8-5.8,102.9-36.4,97.7-104.7c-0.3-3.7,0.3-7.8,1.2-11.9c-0.1-96.4,0-180.6,0.4-259.6C470,527.3,468.6,518.7,465.4,510.9z
											 M169.2,834c-22,0.5-24.2-16.3-24.2-33.4c0-114.8,0-229.6,0-344.4c0-4.2-1.3-9.8,0.9-12.3c7.6-8.6,15.4-21.1,24.9-22.9
											c16.3-3,19.6,12,19.6,25.4c0.2,41.9,0.1,83.8,0.1,125.7c0,19.3,0,38.5,0,57.8c0,57,0,114,0,171C190.6,816.7,190.2,833.5,169.2,834z
											 M289.6,812.1c0,15.9-0.5,32.3-21.7,32.9c-22.2,0.6-24.6-16.1-24.6-33.2c0-115-0.1-230,0-345c0-5.8-0.8-13.6,2.5-17
											c7.4-7.6,16.6-16.9,25.9-17.8c5-0.5,16.4,14.3,16.9,22.6c1.9,35.1,0.8,70.5,0.8,105.7c0,26,0,52,0,78.1
											C289.6,696.2,289.5,754.2,289.6,812.1z M366.2,834c-21.8,0.5-24.6-16.1-24.6-33.4c0-115.1,0-230.1-0.1-345.2c0-1.7-0.1-3.4,0.1-5
											c1.8-16.1,6.3-31.1,26.1-30.6c19.7,0.6,20.7,16.2,20.7,31.1c0.1,58.8,0,117.6,0,176.4c0,57.9-0.1,115.9,0,173.8
											C388.5,817.4,386.6,833.5,366.2,834z"/>
									</g>
								</svg>
Beer 3
CSS Class Example:
							
								<i class="vg-beer-3"></i>
SVG Markup Example:
							
								<svg version="1.1" id="vg-beer-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
									 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
									<g>
										<polygon points="497.7,207.9 512.6,41.7 449.5,82.6 489.4,207.9 	"/>
										<polygon points="626.7,46.4 573.9,12 521.9,197.7 530.2,197.7 	"/>
										<polygon points="561.8,213.5 711.3,156.4 651,104.9 554.4,207.9 	"/>
										<path d="M372.7,541.5c5-5.3,8-12.1,12.2-18c5.7-8.1,13.7-14.6,22.9-18.8c5.9-2.7,12.8-4.8,16.3-10.1c1-1.6,1.7-3.4,3.2-4.6
											c3.1-2.5,7.9-1.2,11,1.3c3.1,2.5,5.2,5.9,8.4,8.3c2.7,1.9,5.9,3,9.2,3.6c13.9,2.5,29-3.9,36.5-15.4c1-1.5,1.9-3.1,3.5-4.1
											c4.7-2.7,9.8,2.7,15,4.1c6.1,1.7,12.2-2,18.4-3.4c13.8-3.1,27.7,6.1,41.8,5.3c17.7-1,31.6-16.9,49.3-17.6c3.7-0.1,7.7,0.6,10.1,3.2
											c1.9,2,2.7,4.9,4.6,6.9c5.6,5.8,15.3,0.9,23.4-0.9c7.8-1.7,15.8,0.1,23.8-0.3c7.9-0.4,16.9-4.4,18.2-11.9c0.4-2.1,0.1-4.3,0.8-6.3
											c1.2-3.4,4.7-5.3,7.6-7.5c9-7.1,12.7-19.2,11.2-30.3c-1.5-11.1-7.7-21.2-15.3-29.7c-18-20-45.1-32-72.7-32.2
											c-15-0.1-30.6,3-44.8-1.8c-7.4-2.5-13.9-7.1-20.7-10.8c-13.5-7.3-29-11.2-44.5-11.3c-8.3-0.1-16.9,1-23.7,5.5
											c-4.2,2.8-7.6,6.8-12.2,9.1c-11.8,6-25.7-1.5-38.7-4.3c-16.6-3.5-34.9,1.4-47.1,12.7c-6.8,6.2-13.2,14.9-22.6,14.7
											c-5.7-0.1-10.6-3.7-16.1-5.2c-10.2-2.9-21.2,1.3-30.5,6.4c-21.5,11.9-39.7,29.3-52.2,49.8c-4.8,7.9-9,16.8-8.2,26
											c0.6,8,4.9,15.3,9,22.2c9.6,16.1,14.2,39,30.3,50c12.2,8.4,28.4,17.4,42.6,22C359.8,550.7,367.7,546.9,372.7,541.5z"/>
										<path d="M807.4,670.6c10.8-76-13.3-147.8-96.3-175.3c-5.8-1.9-9.5-4.3-11.3-7.4c-4,4.8-11,7.3-17.2,7.7c-3.2,0.2-6.5,0-9.6-0.2
											c-4.8-0.3-9.4-0.5-13.8,0.4c-1.7,0.4-3.5,0.9-5.4,1.5c-7,2.1-14.9,4.4-20.2-1.3c-1.2-1.3-1.9-2.7-2.7-4.1c-0.6-1.1-1.2-2.2-1.9-3
											c-2.2-2.4-6.2-2.6-8.3-2.5c-8.4,0.3-15.9,4.4-23.8,8.8c-7.9,4.3-16.1,8.8-25.4,9.3c-6.7,0.4-13.3-1.4-19.7-3.1
											c-7.6-2.1-14.7-4-21.7-2.4c-1.8,0.4-3.5,1-5.4,1.7c-4.5,1.6-9.2,3.2-14.1,1.8c-2-0.6-3.9-1.6-5.7-2.6c-3.4-1.9-5.6-3-7.5-1.9
											c-0.9,0.5-1.6,1.7-2.4,2.9l-0.3,0.6c-8,12.7-24,19.6-38.9,16.9c-4.2-0.8-7.5-2.1-10.2-4.1c-1.9-1.4-3.4-3.2-4.9-4.8
											c-1.2-1.4-2.3-2.7-3.6-3.7c-2.4-2-6-3-8-1.4c-0.7,0.6-1.2,1.6-1.8,2.6c-0.3,0.5-0.6,1.1-0.9,1.6c-3.3,5.1-8.8,7.5-14.1,9.8
											c-1.1,0.5-2.2,1-3.2,1.4c-8.9,4.2-16.4,10.6-22,18.6c-1.5,2.2-2.9,4.6-4.3,6.9c-2.4,4-4.8,8.2-8.1,11.9c-3.9,4.3-10.3,8.5-17.2,8.5
											c-1.7,0-3.5-0.3-5.2-0.9c-11.2-3.8-25.1-11-38-19.5c3.9,9.6,5.2,19.6,5.2,31.2c-0.5,113.3-0.4,226.5-0.1,339.8
											c0.1,43.4,16.9,66.7,58.5,75.5c43.3,9.1,87.3,14.4,125.8,20.5c38.1-4.7,69.6-9.4,101.4-12.3c59.4-5.4,95.8-33.9,91-97.4
											c-0.8-10.8,4.4-25.7,12.1-32.8C766.3,815.5,796.3,748.5,807.4,670.6z M437,734.2c0,53,0,106.1,0,159.1c0,14.6-0.4,30.3-19.9,30.8
											c-20.5,0.5-22.5-15.1-22.5-31.1c0-106.9,0-213.7,0-320.6c0-3.9-1.2-9.1,0.8-11.4c7-8,14.4-19.6,23.2-21.3
											c15.2-2.8,18.2,11.2,18.3,23.7c0.2,39,0.1,78,0.1,117C437,698.4,437,716.3,437,734.2z M529.1,742c0,53.9,0,107.8,0.1,161.7
											c0,14.8-0.5,30.1-20.2,30.6c-20.7,0.5-22.9-14.9-22.9-30.9c0-107-0.1-214.1,0-321.1c0-5.4-0.7-12.7,2.3-15.8
											c6.9-7.1,15.5-15.7,24.1-16.6c4.7-0.5,15.3,13.3,15.7,21c1.8,32.7,0.8,65.6,0.8,98.4C529.1,693.5,529.1,717.8,529.1,742z
											 M600.5,924.1c-20.3,0.5-22.9-15-22.9-31c0-107.1,0-214.2,0-321.2c0-1.6-0.1-3.1,0.1-4.7c1.7-14.9,5.9-29,24.3-28.5
											c18.4,0.5,19.2,15.1,19.2,29c0.1,54.7,0,109.4,0,164.1c0,53.9-0.1,107.9,0,161.8C621.2,908.7,619.4,923.6,600.5,924.1z
											 M697.4,807.9c0-89.2,0-177.7,0-270.6c42.2,15.4,65,42.2,70.1,81.7c9.4,72.2-18.6,132.7-62.9,187.3
											C703.9,807.2,701.7,807,697.4,807.9z"/>
										<path d="M879.5,439.8c-1.8,0.6-3.6,0.9-5.4,0.9c-7.1,0-13.8-4.4-17.8-8.8c-3.4-3.8-6-8.1-8.4-12.3c-1.4-2.4-2.9-4.9-4.5-7.2
											c-5.7-8.3-13.6-14.9-22.8-19.3c-1.1-0.5-2.2-1-3.3-1.5c-5.5-2.4-11.2-4.9-14.6-10.2c-0.3-0.5-0.7-1.1-1-1.6
											c-0.6-1.1-1.2-2.1-1.9-2.7c-2-1.7-5.8-0.7-8.3,1.4c-1.3,1.1-2.5,2.5-3.7,3.9c-1.5,1.7-3.1,3.5-5.1,5c-2.8,2.1-6.3,3.5-10.6,4.3
											c-15.4,2.8-32-4.4-40.3-17.5l-0.4-0.6c-0.8-1.2-1.5-2.4-2.5-3c-1.9-1.1-4.2,0-7.7,2c-1.9,1-3.8,2.1-5.9,2.7
											c-4.6,1.4-9,0.1-13.3-1.4c4.7,3.7,9.1,7.6,13.1,12c10.7,11.8,17,24.3,18.8,37.1c0.7,4.9,0.6,9.7-0.2,14.4c1.5,1.4,2.9,2.9,4.3,4.3
											c3.1,3.2,2.4,10.8,2.4,16.4c0,11.4,0,22.9,0,34.3c20.7,10.5,37.8,24.4,51,41.3c0-31.7-0.1-63.5,0.1-95.2c0.1-13,3.2-27.5,18.9-24.5
											c9.1,1.7,16.7,13.8,24,22c2.1,2.4,0.9,7.8,0.9,11.8c0,110.8,0,221.6,0,332.3c0,16.5-2.1,32.7-23.3,32.2
											c-20.3-0.5-20.7-16.7-20.7-31.9c0-1.2,0-2.4,0-3.6c-17.8,39.1-42.2,73.2-74.2,102.6c-4.4,4-8.2,14.7-7.7,21.5c0,0.3,0,0.5,0,0.8
											c4.4,0.6,8.6,1.1,13.2,1.7c39.8-6.3,85.5-11.8,130.4-21.2c43.1-9,60.5-33.2,60.6-78.2c0.3-117.4,0.4-234.9-0.1-352.3
											c-0.1-11.9,1.3-22.4,5.4-32.3C905.5,428.5,891.1,435.9,879.5,439.8z"/>
										<path d="M955.1,298.3c-13-21.3-31.8-39.3-54.1-51.6c-9.6-5.3-20.9-9.7-31.6-6.7c-5.6,1.6-10.8,5.3-16.6,5.4
											c-9.7,0.2-16.4-8.8-23.4-15.2c-12.7-11.7-31.6-16.8-48.8-13.2c-13.5,2.9-27.9,10.6-40.2,4.4c-4.7-2.4-8.2-6.6-12.6-9.5
											c-7-4.7-16-5.8-24.6-5.7c-16.1,0.1-32.1,4.2-46.1,11.8c-7.1,3.8-13.8,8.5-21.5,11.2c-14.7,5-30.9,1.7-46.5,1.8
											c-28.5,0.2-56.7,12.7-75.3,33.4c-4.5,5-8.3,10.5-11.2,16.4c-2.4-3.9-5.1-7.7-8.2-11.2c-18-20-45.1-32-72.7-32.2
											c-15-0.1-30.6,3-44.8-1.8c-7.4-2.5-13.9-7.1-20.7-10.8c-13.5-7.3-29-11.2-44.5-11.3c-8.3-0.1-16.9,1-23.7,5.5
											c-4.2,2.8-7.6,6.8-12.2,9.1c-11.8,6-25.7-1.5-38.7-4.3c-16.6-3.5-34.9,1.4-47.1,12.7c-6.8,6.2-13.2,14.9-22.6,14.7
											c-5.7-0.1-10.6-3.7-16.1-5.2c-10.2-2.9-21.2,1.3-30.5,6.4c-21.5,11.9-39.7,29.3-52.2,49.8c-4.8,7.9-9,16.8-8.2,26
											c0.6,8,4.9,15.3,9,22.2c9.6,16.1,14.2,39,30.3,50c12.2,8.4,28.4,17.4,42.6,22c7.1,2.3,14.9-1.5,19.9-6.8c5-5.3,8-12.1,12.2-18
											c5.7-8.1,13.7-14.6,22.9-18.8c5.9-2.7,12.8-4.8,16.3-10.1c1-1.6,1.7-3.4,3.2-4.6c3.1-2.5,7.9-1.2,11,1.3c3.1,2.5,5.2,5.9,8.4,8.3
											c2.7,1.9,5.9,3,9.2,3.6c13.9,2.5,29-3.9,36.5-15.4c1-1.5,1.9-3.2,3.5-4.1c4.7-2.7,9.8,2.7,15,4.1c6.1,1.7,12.2-2,18.4-3.4
											c6.3-1.4,12.7-0.2,19,1.4c10.1-3.5,19.3-4.2,27.8-1.7c2.5,0.7,4.9,1.7,7.3,2.8c0.1,0,0.2,0.1,0.3,0.1c1.6,0.7,4.1,2,4.9,1.8
											c1.7,0,6-4.3,8.6-6.9c1.3-1.3,2.5-2.5,3.8-3.7c0,0,0,0,0,0c0.1-0.1,0.3-0.3,0.4-0.4c15.6-14.4,38.4-20.6,59.4-16.1
											c3.7,0.8,7.5,1.9,11.3,3c7.4,2.2,14.5,4.3,18.3,2.4c1.2-0.6,2.7-1.9,4.4-3.3c2-1.7,4.1-3.5,6.3-5c2.5-1.7,5.3-3,8.3-4.1
											c2.5-2.1,8.6-4,10.3-2.7c4.1-0.7,8.3-1.1,12.9-1.1c17.8,0.2,35.4,4.7,51,13c2.2,1.2,4.4,2.5,6.5,3.7c3.8,2.2,7.4,4.2,10.8,5.6
											c0.1-0.1,0.1-0.1,0.1-0.2c-0.1,0.1-0.1,0.1-0.1,0.2c0.4,0.2,0.8,0.4,1.2,0.6c7.5,2.5,16.6,2,26.3,1.5c0.6,0,1.2,0,1.7-0.1
											c-3-1.4-6-2.8-9.1-3.7c3.1,1,6.1,2.3,9.1,3.7c4.1-0.2,8.3-0.4,12.4-0.4c14.9,0.1,29.7,3.4,43.4,9.1c6.7-1.7,13.4-3,20-1.5
											c6.4,1.4,12.7,5.3,19,3.5c5.4-1.5,10.7-7.1,15.5-4.3c1.6,0.9,2.6,2.6,3.6,4.2c7.8,11.9,23.5,18.5,37.8,15.9
											c3.4-0.6,6.8-1.7,9.6-3.7c3.3-2.4,5.5-6,8.7-8.6c3.2-2.6,8.2-4,11.4-1.4c1.5,1.2,2.3,3.1,3.3,4.7c3.7,5.5,10.8,7.7,16.9,10.5
											c9.5,4.3,17.8,11.1,23.7,19.5c4.4,6.1,7.5,13.1,12.7,18.7c5.2,5.5,13.3,9.5,20.7,7.1c14.7-4.9,31.5-14.2,44.2-22.9
											c16.6-11.4,21.5-35.1,31.4-51.8c4.3-7.2,8.7-14.8,9.3-23C964.3,315.7,960.1,306.5,955.1,298.3z"/>
										<path d="M298.5,808.5c-20.7,0.5-22.9-14.9-22.9-30.9c0-92.7,0-185.4,0-278.1c-0.1-0.2-0.2-0.5-0.3-0.7c-2.5-5.7-4.8-11.1-7.5-15.5
											c-4.5-7.5-10-16.8-10.9-28.2c-1.1-14,5.3-26.3,10.2-34.4c10.4-17.1,24.3-32.1,40.7-44.1c-2.6,0.6-5.3,0.8-8.1,0
											c-2-0.6-3.9-1.6-5.7-2.6c-3.4-1.9-5.6-3-7.5-1.9c-0.9,0.5-1.6,1.7-2.4,2.9l-0.3,0.6c-8,12.7-24,19.6-38.9,16.9
											c-4.2-0.8-7.5-2.1-10.2-4.1c-1.9-1.4-3.4-3.2-4.9-4.8c-1.2-1.4-2.3-2.7-3.6-3.7c-2.4-2-6-3-8-1.4c-0.7,0.6-1.2,1.6-1.8,2.6
											c-0.3,0.5-0.6,1.1-0.9,1.6c-3.3,5.1-8.8,7.5-14.1,9.8c-1.1,0.5-2.2,1-3.2,1.4c-8.9,4.2-16.4,10.6-22,18.6c-1.5,2.2-2.9,4.6-4.3,6.9
											c-2.4,4-4.8,8.2-8.1,11.9c-3.9,4.3-10.3,8.5-17.2,8.5c-1.7,0-3.5-0.3-5.2-0.9c-11.2-3.8-25.1-11-38-19.5c3.9,9.6,5.2,19.7,5.2,31.2
											c-0.5,113.3-0.4,226.5-0.1,339.8c0.1,43.4,16.9,66.7,58.5,75.5c43.3,9.1,87.3,14.4,125.8,20.5c4.2-0.5,8.1-1,12.2-1.6
											c-0.1-26.6-0.1-52.2-0.1-77C303,808.2,300.9,808.5,298.5,808.5z M206.6,798.4c-20.5,0.5-22.5-15.1-22.5-31.1
											c0-106.9,0-213.7,0-320.6c0-3.9-1.2-9.1,0.8-11.4c7-8,14.4-19.6,23.2-21.3c15.2-2.8,18.2,11.2,18.3,23.7l0.1,170.8
											c0,53,0,106.1,0,159.1C226.5,782.2,226.2,797.9,206.6,798.4z"/>
									</g>
								</svg>
Kraken
CSS Class Example:
							
								<i class="vg-kraken"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Blackclaw
CSS Class Example:
							
								<i class="vg-blackclaw"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Ghostwing
CSS Class Example:
							
								<i class="vg-ghostwing"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Vain Crystal
CSS Class Example:
							
								<i class="vg-vain-crystal"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Turret
CSS Class Example:
							
								<i class="vg-turret"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Minion
CSS Class Example:
							
								<i class="vg-minion"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Coin
CSS Class Example:
							
								<i class="vg-coin"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Blitz Coin
CSS Class Example:
							
								<i class="vg-blitz-coin"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Deaths
CSS Class Example:
							
								<i class="vg-deaths"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Recommended Shield
Weapon Shield
CSS Class Example:
							
								<i class="vg-weapon-shield"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Abilities Shield
CSS Class Example:
							
								<i class="vg-abilities-shield"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Defense Shield
CSS Class Example:
							
								<i class="vg-defense-shield"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Utility Shield
CSS Class Example:
							
								<i class="vg-utility-shield"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Other Shield
CSS Class Example:
							
								<i class="vg-other-shield"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Top Lane
CSS Class Example:
							
								<i class="vg-top-lane"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Mid Lane
CSS Class Example:
							
								<i class="vg-mid-lane"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Bot Lane
CSS Class Example:
							
								<i class="vg-bot-lane"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Target
CSS Class Example:
							
								<i class="vg-target"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Target Outline
CSS Class Example:
							
								<i class="vg-target-outline"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
En Route
CSS Class Example:
							
								<i class="vg-en-route"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
En Route Outline
CSS Class Example:
							
								<i class="vg-en-route-outline"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Caution
CSS Class Example:
							
								<i class="vg-caution"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Caution Outline
CSS Class Example:
							
								<i class="vg-caution-outline"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Question
CSS Class Example:
							
								<i class="vg-question"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Question Outline
CSS Class Example:
							
								<i class="vg-question-outline"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Meet
CSS Class Example:
							
								<i class="vg-meet"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Meet Outline
CSS Class Example:
							
								<i class="vg-meet-outline"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Offense
CSS Class Example:
							
								<i class="vg-offense"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Defense
CSS Class Example:
							
								<i class="vg-defense"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Mobility
CSS Class Example:
							
								<i class="vg-mobility"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Utility
CSS Class Example:
							
								<i class="vg-utility"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Rank 1
CSS Class Example:
							
								<i class="vg-rank-1"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Rank 2
CSS Class Example:
							
								<i class="vg-rank-2"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Rank 3
CSS Class Example:
							
								<i class="vg-rank-3"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Rank 4
CSS Class Example:
							
								<i class="vg-rank-4"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Rank 5
CSS Class Example:
							
								<i class="vg-rank-5"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Rank 6
CSS Class Example:
							
								<i class="vg-rank-6"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Rank 7
CSS Class Example:
							
								<i class="vg-rank-7"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Rank 8
CSS Class Example:
							
								<i class="vg-rank-8"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Rank 9
CSS Class Example:
							
								<i class="vg-rank-9"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Rank 10
CSS Class Example:
							
								<i class="vg-rank-10"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Pickaxe
CSS Class Example:
							
								<i class="vg-pickaxe"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Pickaxe Coin
CSS Class Example:
							
								<i class="vg-pickaxe-coin"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Pickaxe Minion
CSS Class Example:
							
								<i class="vg-pickaxe-minion"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Warning
CSS Class Example:
							
								<i class="vg-warning"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Assists
CSS Class Example:
							
								<i class="vg-assists"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Calendar Check
CSS Class Example:
							
								<i class="vg-calendar-check"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Swords
CSS Class Example:
							
								<i class="vg-swords"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Swords Alt
CSS Class Example:
							
								<i class="vg-swords-alt"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Kills
CSS Class Example:
							
								<i class="vg-kills"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Sword
CSS Class Example:
							
								<i class="vg-sword"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
News
CSS Class Example:
							
								<i class="vg-news"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Stopwatch
CSS Class Example:
							
								<i class="vg-stopwatch"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Timer
CSS Class Example:
							
								<i class="vg-timer"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Season Dial
CSS Class Example:
							
								<i class="vg-season-dial"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Quill
CSS Class Example:
							
								<i class="vg-quill"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Lightbulb
CSS Class Example:
							
								<i class="vg-lightbulb"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Academy
CSS Class Example:
							
								<i class="vg-academy"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Banner 1
CSS Class Example:
							
								<i class="vg-banner-1"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Banner 2
CSS Class Example:
							
								<i class="vg-banner-2"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Profile
CSS Class Example:
							
								<i class="vg-profile"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Guild Officer
CSS Class Example:
							
								<i class="vg-guild-officer"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Brand Mark
CSS Class Example:
							
								<i class="vg-brand-mark"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Brand Logo
Recall
CSS Class Example:
							
								<i class="vg-recall"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Leaderboard
CSS Class Example:
							
								<i class="vg-leaderboard"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Armory
CSS Class Example:
							
								<i class="vg-armory"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Trophy
CSS Class Example:
							
								<i class="vg-trophy"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Shop 1
CSS Class Example:
							
								<i class="vg-shop-1"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Shop 2
CSS Class Example:
							
								<i class="vg-shop-2"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Team 1
CSS Class Example:
							
								<i class="vg-team-1"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Team 2
CSS Class Example:
							
								<i class="vg-team-2"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
OK
CSS Class Example:
							
								<i class="vg-ok"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
GG
CSS Class Example:
							
								<i class="vg-gg"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Scroll
CSS Class Example:
							
								<i class="vg-scroll"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Scroll Attention
CSS Class Example:
							
								<i class="vg-scroll-attention"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Inventory
CSS Class Example:
							
								<i class="vg-inventory"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Academy 2
CSS Class Example:
							
								<i class="vg-academy-2"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
News 2
CSS Class Example:
							
								<i class="vg-news-2"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Leaderboards
CSS Class Example:
							
								<i class="vg-leaderboards"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Today
CSS Class Example:
							
								<i class="vg-today"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Practice
CSS Class Example:
							
								<i class="vg-practice"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
PVE
CSS Class Example:
							
								<i class="vg-pve"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
PVP
CSS Class Example:
							
								<i class="vg-pvp"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Social
CSS Class Example:
							
								<i class="vg-social"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Party
CSS Class Example:
							
								<i class="vg-party"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Market
CSS Class Example:
							
								<i class="vg-market"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Heroes
CSS Class Example:
							
								<i class="vg-heroes"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Home
CSS Class Example:
							
								<i class="vg-home"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Party Simple
CSS Class Example:
							
								<i class="vg-party-simple"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Stunned
CSS Class Example:
							
								<i class="vg-stunned"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Silenced
CSS Class Example:
							
								<i class="vg-silenced"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Chest
CSS Class Example:
							
								<i class="vg-chest"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Glory
CSS Class Example:
							
								<i class="vg-glory"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Glory Coin
CSS Class Example:
							
								<i class="vg-glory-coin"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Plate
CSS Class Example:
							
								<i class="vg-plate"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Gift
CSS Class Example:
							
								<i class="vg-gift"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Flag
CSS Class Example:
							
								<i class="vg-flag"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Bolt
CSS Class Example:
							
								<i class="vg-bolt"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Question Mark
CSS Class Example:
							
								<i class="vg-question-mark"></i>
SVG Markup Example:
							<!-- COMING SOON! -->
Shrug
CSS Class Example:
							
								<i class="vg-shrug"></i>
SVG Markup Example:
							<!-- COMING SOON! -->

VAINGLORY ICONS FONT

CHEATSHEET
Hero Icons
  • p .vg-captain p
  • k .vg-carry k
  • d .vg-jungler d
  • j .vg-weapon j
  • l .vg-crystal l
  • n .vg-support n
  • 7 .vg-top-lane 7
  • 0 .vg-mid-lane 0
  • V .vg-bot-lane V
  • .vg-shrug U+E017
  • f .vg-offense f
  • m .vg-defense m
  • o .vg-utility o
  • e .vg-mobility e
  • .vg-stunned U+E013
  • .vg-silenced U+E016
  • .vg-bolt U+E004
Ping Icons
  • g .vg-sad-1 g
  • h .vg-sad-2 h
  • i .vg-sad-3 i
  • a .vg-happy-1 a
  • b .vg-happy-2 b
  • c .vg-happy-3 c
  • 1 .vg-target 1
  • 2 .vg-target-outline 2
  • 6 .vg-en-route 6
  • 5 .vg-en-route-outline 5
  • W .vg-caution W
  • X .vg-caution-outline X
  • 4 .vg-question 4
  • 3 .vg-question-outline 3
  • Y .vg-meet Y
  • Z .vg-meet-outline Z
  • r .vg-beer-1 r
  • s .vg-beer-2 s
  • t .vg-beer-3 t
  • J .vg-thumbs-up-1 J
  • I .vg-thumbs-up-2 I
  • H .vg-thumbs-up-3 H
  • ; .vg-ok ;
  • % .vg-gg %
Rank Icons
  • E .vg-rank-1 E
  • F .vg-rank-2 F
  • z .vg-rank-3 z
  • O .vg-rank-4 O
  • P .vg-rank-5 P
  • Q .vg-rank-6 Q
  • R .vg-rank-7 R
  • S .vg-rank-8 S
  • T .vg-rank-9 T
  • U .vg-rank-10 U
  • \ .vg-trophy \
  • ( .vg-guild-officer (
Brand Icons
  • & .vg-brand-mark &
  • $ .vg-brand-logo $
  • .vg-glory U+E007
  • .vg-glory-coin U+E006
Interface Icons
  • [ .vg-warning [
  • ' .vg-calendar-check '
  • .vg-sword U+E000
  • < .vg-news <
  • _ .vg-season-dial _
  • = .vg-quill =
  • , .vg-lightbulb ,
  • 9 .vg-academy 9
  • " .vg-banner-1 "
  • # .vg-banner-2 #
  • - .vg-profile -
  • ] .vg-team-1 ]
  • ] .vg-team-1 ]
  • ` .vg-team-2 `
  • ? .vg-scroll ?
  • ^ .vg-scroll-attention ^
  • ^ .vg-scroll-attention ^
  • .vg-inventory U+E00A
  • .vg-academy-2 U+E003
  • .vg-news-2 U+E019
  • .vg-today U+E014
  • .vg-social U+E015
  • .vg-party U+E00F
  • .vg-market U+E00D
  • .vg-heroes U+E00C
  • .vg-home U+E00B
  • .vg-party-simple U+E010
  • .vg-chest U+E005
  • .vg-plate U+E011
  • .vg-gift U+E008
  • .vg-practice U+E01B
  • .vg-pve U+E01A
  • .vg-pvp U+E018
Shop/Map Icons
  • A .vg-recommended-shield A
  • N .vg-weapon-shield N
  • q .vg-abilities-shield q
  • x .vg-defense-shield x
  • B .vg-utility-shield B
  • D .vg-other-shield D
  • ! .vg-armory !
  • { .vg-shop-1 {
  • | .vg-shop-2 |
  • L .vg-kraken L
  • u .vg-blackclaw u
  • y .vg-ghostwing y
  • C .vg-vain-crystal C
  • G .vg-turret G
  • .vg-flag U+E009
  • .vg-recall U+E001
  • .vg-question-mark U+E012
Leaderboard Icons
  • + .vg-leaderboard +
  • .vg-leaderboards U+E00E
  • K .vg-minion K
  • w .vg-coin w
  • v .vg-blitz-coin v
  • * .vg-kills *
  • ) .vg-deaths )
  • M .vg-assists M
  • : .vg-pickaxe :
  • / .vg-pickaxe-coin /
  • . .vg-pickaxe-minion .
  • .vg-swords U+E002
  • > .vg-swords-alt >
  • } .vg-stopwatch }
  • ~ .vg-timer ~