test-svgo
Version:
-- project name: `illlustrations`, author: `vijay verma`, version: 1.0.3, author_url: `https://vijayverma.co` twitter: `https://twitter.com/realvjy` description: `Open source illlustrations kit`, siteUrl: `https://illlustrations.co/`, license: "The MIT Li
1,708 lines (1,458 loc) • 46.7 kB
HTML
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
<title>SVG CSS sprite preview | svg-sprite</title>
<style>@charset "UTF-8";body{padding:0;margin:0;color:#666;background:#fafafa;font-family:Arial,Helvetica,sans-serif;font-size:1em;line-height:1.4}header{display:block;padding:3em 3em 2em 3em;background-color:#fff}header p{margin:2em 0 0 0}section{border-top:1px solid #eee;padding:2em 3em 0 3em}section ul{margin:0;padding:0}section li{display:inline;display:inline-block;background-color:#fff;position:relative;margin:0 1em 1em 0;vertical-align:top;border:1px solid #ccc;cursor:default}border:1px solid #ccc;display:table-cell;vertical-align:middle;text-align:center}.icon{display:inline;display:inline-block}h1{margin-top:0}h2{margin:0;padding:0;font-size:1em;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute;left:1em;right:1em;bottom:1em}footer{display:block;margin:0;padding:0 3em 3em 3em}footer p{margin:0;font-size:.7em}footer a{color:#0f7595;margin-left:0}</style>
<style>i{text-indent:200%;white-space:nowrap;overflow:hidden;display:inline-block;background-size:11601px 11601px}</style>
<!--
Sprite CSS
====================================================================================================
This is an all-in-one inline version of the CSS necessary to use the SVG sprite.
-->
<style type="text/css">
.svg-101-gym-guy {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 33.96849353834544% 0 no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-102-gym-cycle {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 28.299217054994813% 71.69361381001792% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-103-gym-time {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 33.96849353834544% 18.866144703329873% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-104-dumbbell {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 56.598434109989626% 62.26054145835298% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-105-freelancer {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 24.5354211866805% 0 no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-106-italy {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 24.5354211866805% 9.433072351664936% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-107-healthy {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 0 24.528252051693233% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-108-forget-password {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 9.433072351664936% 24.528252051693233% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-109-map-location {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 18.866144703329873% 24.528252051693233% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-110-sega-megdrive {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 0 15.093257464559144% no-repeat;
width: 1000px;
height: 1000.24px;
zoom: .05;
}
.svg-111-coding {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 33.96849353834544% 9.433072351664936% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-112-installing {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 15.09433962264151% 0 no-repeat;
width: 1001px;
height: 1003px;
zoom: .05;
}
.svg-113-workstation {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 0 33.96132440335818% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-114-retro-tv {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 9.433072351664936% 33.96132440335818% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-115-eiffel-tower {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 96.3639669120989% 90.90082719752749% no-repeat;
width: 600px;
height: 600px;
zoom: .05;
}
.svg-116-gameboy {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 28.299217054994813% 33.96132440335818% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-117-ironman {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 43.401565890010374% 0 no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-118-macbook {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 27.270248159258248% 23.63725614966456% no-repeat;
width: 600px;
height: 600.4px;
zoom: .05;
}
.svg-119-working {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 43.401565890010374% 18.866144703329873% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-120-power-of-pen {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 18.1801654395055% 14.544661200298165% no-repeat;
width: 600px;
height: 600.4px;
zoom: .05;
}
.svg-121-work-from-home-1 {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 0 43.39439675502311% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-122-work-from-home-2 {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 9.433072351664936% 43.39439675502311% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-123-temprature-meter {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 18.866144703329873% 43.39439675502311% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-124-sanitizer {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 28.299217054994813% 43.39439675502311% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-125-wash-hand {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 37.732289406659746% 43.39439675502311% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-126-namaste-no-hand-shake {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 52.834638241675314% 0 no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-127-sick-sneezing {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 52.834638241675314% 9.433072351664936% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-128-forehead-tester {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 52.834638241675314% 18.866144703329873% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-129-wear-mask {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 52.834638241675314% 28.299217054994813% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-130-COVID-Virus {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 52.834638241675314% 37.732289406659746% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day1-ipod {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 0 52.82746910668805% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day10-canvas-stand {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 9.433072351664936% 52.82746910668805% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day100-the-snail {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 18.866144703329873% 52.82746910668805% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day11-blackboard {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 28.299217054994813% 52.82746910668805% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day14-forklift {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 37.732289406659746% 52.82746910668805% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day15-color-tool {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 47.165361758324686% 52.82746910668805% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day17-walkie-talkie {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 62.267710593340254% 0 no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day21-Lantern {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 62.267710593340254% 9.433072351664936% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day23-radio {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 62.267710593340254% 18.866144703329873% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day24-e-scooter {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 62.267710593340254% 28.299217054994813% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day25-sport-bicycle {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 62.267710593340254% 37.732289406659746% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day26-rainbow {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 62.267710593340254% 47.165361758324686% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day27-my-robot {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 0 62.26054145835298% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day28-selfi-girl {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 9.433072351664936% 62.26054145835298% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day30-cafe {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 18.866144703329873% 62.26054145835298% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day31-sweet-home {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 28.299217054994813% 62.26054145835298% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day32-frankenstein {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 37.732289406659746% 62.26054145835298% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day33-pumpkin {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 47.165361758324686% 62.26054145835298% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day34-ticket {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 0 0 no-repeat;
width: 1600px;
height: 1600px;
zoom: .05;
}
.svg-day35-firework {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 71.70078294500519% 0 no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day36-abacus {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 71.70078294500519% 9.433072351664936% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day37-calculator {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 71.70078294500519% 18.866144703329873% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day38-macintosh {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 71.70078294500519% 28.299217054994813% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day39-pc {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 71.70078294500519% 37.732289406659746% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day4-polariod {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 71.70078294500519% 47.165361758324686% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day40-powerbook-100 {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 71.70078294500519% 56.598434109989626% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day41-desktop {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 0 71.69361381001792% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day43-ram {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 9.433072351664936% 71.69361381001792% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day44-hdd {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 18.866144703329873% 71.69361381001792% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day45-gpu-ati {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 9.433072351664936% 15.0929157626639% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day46-experiment-lab {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 37.732289406659746% 71.69361381001792% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day46-medical-lab {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 47.165361758324686% 71.69361381001792% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day47-chemistry-lab {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 56.598434109989626% 71.69361381001792% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day48-medical-lab {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 66.03150646165456% 71.69361381001792% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day49-angler-fish {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 81.13385529667012% 0 no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day50-pirahna {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 81.13385529667012% 9.433072351664936% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day51-whale {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 81.13385529667012% 18.866144703329873% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day52-auntum {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 81.13385529667012% 28.299217054994813% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day53-farm {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 81.13385529667012% 37.732289406659746% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day54-building {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 81.13385529667012% 47.165361758324686% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day55-living-room-interior {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 81.13385529667012% 56.598434109989626% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day56-tv-room {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 81.13385529667012% 66.03150646165456% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day57-reading-room {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 0 81.12668616168285% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day58-bedroom {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 9.433072351664936% 81.12668616168285% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day59-kitchen {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 18.866144703329873% 81.12668616168285% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day6-open-vault {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 28.299217054994813% 81.12668616168285% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day60-bathroom {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 37.732289406659746% 81.12668616168285% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day61-travel-bag {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 47.165361758324686% 81.12668616168285% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day62-office-bag {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 56.598434109989626% 81.12668616168285% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day63-school-bag {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 66.03150646165456% 81.12668616168285% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day64-followers {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 75.46457881331949% 81.12668616168285% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day65-city-road {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 90.56692764833507% 0 no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day66-travel {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 90.56692764833507% 9.433072351664936% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day67-dog {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 90.56692764833507% 18.866144703329873% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day68-happy-cat {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 90.56692764833507% 28.299217054994813% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day69-dotted-notebook {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 90.56692764833507% 37.732289406659746% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day70-designer-fav-tool-wacom {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 90.56692764833507% 47.165361758324686% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day71-designer-tool-essential {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 90.56692764833507% 56.598434109989626% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day72-designer-tool-war {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 90.56692764833507% 66.03150646165456% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day73-writing-tool {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 90.56692764833507% 75.46457881331949% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day74-stationary-set {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 0 90.5597585133478% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day75-stationary-set-2 {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 9.433072351664936% 90.5597585133478% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day76-watch-spectacle {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 18.866144703329873% 90.5597585133478% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day77-pocket-knief {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 28.299217054994813% 90.5597585133478% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day78-wallet {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 37.732289406659746% 90.5597585133478% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day79-coffee {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 47.165361758324686% 90.5597585133478% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day8-printer {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 56.598434109989626% 90.5597585133478% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day80-tea {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 66.03150646165456% 90.5597585133478% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day81-ice-cream {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 75.46457881331949% 90.5597585133478% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day82-burger {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 84.89765116498444% 90.5597585133478% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day83-snowman {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 100% 0 no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day84-reindeer {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 100% 9.433072351664936% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day85-socks {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 100% 18.866144703329873% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day86-candle {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 100% 28.299217054994813% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day87-chritmas-ball {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 100% 37.732289406659746% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day88-jingle-bell {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 100% 47.165361758324686% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day89-christmas-gift {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 100% 56.598434109989626% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day9-toolbox {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 100% 66.03150646165456% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day90-santa {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 100% 75.46457881331949% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day91-merry-christmas {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 100% 84.89765116498444% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day92-freelancing {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 0 99.99283086501273% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day93-programing {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 9.433072351664936% 99.99283086501273% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day94-ui-ux {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 18.866144703329873% 99.99283086501273% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day95-app-development {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 28.299217054994813% 99.99283086501273% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day96-camping {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 43.401565890010374% 28.299217054994813% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day97-champagne {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 43.401565890010374% 9.433072351664936% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day98-junk-boat {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 18.866144703329873% 33.96132440335818% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
.svg-day99-pirate-boat {
background: url("https://unpkg.com/test-svgo@0.0.2/css/svg/sprite.css-99bd7b9e.svg") 37.732289406659746% 99.99283086501273% no-repeat;
width: 1000px;
height: 1000px;
zoom: .05;
}
</style>
<!--
====================================================================================================
-->
</head>
<body>
<header>
<h1>SVG CSS sprite preview</h1>
<p>This preview features the generated SVG file as a conventional CSS sprite. The shapes are displayed as background images of several <code><i></code> elements.</p>
</header>
<section>
<!--
Conventional CSS sprite
====================================================================================================
This technique uses CSS classes to display portions of the sprite as background image of
appropriately sized elements.
-->
<ul>
<li title="101-gym-guy">
<div class="icon-box">
<!-- 101-gym-guy -->
<i class="svg-101-gym-guy">101-gym-guy</i>
</div>
</li>
<li title="102-gym-cycle">
<div class="icon-box">
<!-- 102-gym-cycle -->
<i class="svg-102-gym-cycle">102-gym-cycle</i>
</div>
</li>
<li title="103-gym-time">
<div class="icon-box">
<!-- 103-gym-time -->
<i class="svg-103-gym-time">103-gym-time</i>
</div>
</li>
<li title="104-dumbbell">
<div class="icon-box">
<!-- 104-dumbbell -->
<i class="svg-104-dumbbell">104-dumbbell</i>
</div>
</li>
<li title="105-freelancer">
<div class="icon-box">
<!-- 105-freelancer -->
<i class="svg-105-freelancer">105-freelancer</i>
</div>
</li>
<li title="106-italy">
<div class="icon-box">
<!-- 106-italy -->
<i class="svg-106-italy">106-italy</i>
</div>
</li>
<li title="107-healthy">
<div class="icon-box">
<!-- 107-healthy -->
<i class="svg-107-healthy">107-healthy</i>
</div>
</li>
<li title="108-forget-password">
<div class="icon-box">
<!-- 108-forget-password -->
<i class="svg-108-forget-password">108-forget-password</i>
</div>
</li>
<li title="109-map-location">
<div class="icon-box">
<!-- 109-map-location -->
<i class="svg-109-map-location">109-map-location</i>
</div>
</li>
<li title="110-sega-megdrive">
<div class="icon-box">
<!-- 110-sega-megdrive -->
<i class="svg-110-sega-megdrive">110-sega-megdrive</i>
</div>
</li>
<li title="111-coding">
<div class="icon-box">
<!-- 111-coding -->
<i class="svg-111-coding">111-coding</i>
</div>
</li>
<li title="112-installing">
<div class="icon-box">
<!-- 112-installing -->
<i class="svg-112-installing">112-installing</i>
</div>
</li>
<li title="113-workstation">
<div class="icon-box">
<!-- 113-workstation -->
<i class="svg-113-workstation">113-workstation</i>
</div>
</li>
<li title="114-retro-tv">
<div class="icon-box">
<!-- 114-retro-tv -->
<i class="svg-114-retro-tv">114-retro-tv</i>
</div>
</li>
<li title="115-eiffel-tower">
<div class="icon-box">
<!-- 115-eiffel-tower -->
<i class="svg-115-eiffel-tower">115-eiffel-tower</i>
</div>
</li>
<li title="116-gameboy">
<div class="icon-box">
<!-- 116-gameboy -->
<i class="svg-116-gameboy">116-gameboy</i>
</div>
</li>
<li title="117-ironman">
<div class="icon-box">
<!-- 117-ironman -->
<i class="svg-117-ironman">117-ironman</i>
</div>
</li>
<li title="118-macbook">
<div class="icon-box">
<!-- 118-macbook -->
<i class="svg-118-macbook">118-macbook</i>
</div>
</li>
<li title="119-working">
<div class="icon-box">
<!-- 119-working -->
<i class="svg-119-working">119-working</i>
</div>
</li>
<li title="120-power-of-pen">
<div class="icon-box">
<!-- 120-power-of-pen -->
<i class="svg-120-power-of-pen">120-power-of-pen</i>
</div>
</li>
<li title="121-work-from-home-1">
<div class="icon-box">
<!-- 121-work-from-home-1 -->
<i class="svg-121-work-from-home-1">121-work-from-home-1</i>
</div>
</li>
<li title="122-work-from-home-2">
<div class="icon-box">
<!-- 122-work-from-home-2 -->
<i class="svg-122-work-from-home-2">122-work-from-home-2</i>
</div>
</li>
<li title="123-temprature-meter">
<div class="icon-box">
<!-- 123-temprature-meter -->
<i class="svg-123-temprature-meter">123-temprature-meter</i>
</div>
</li>
<li title="124-sanitizer">
<div class="icon-box">
<!-- 124-sanitizer -->
<i class="svg-124-sanitizer">124-sanitizer</i>
</div>
</li>
<li title="125-wash-hand">
<div class="icon-box">
<!-- 125-wash-hand -->
<i class="svg-125-wash-hand">125-wash-hand</i>
</div>
</li>
<li title="126-namaste-no-hand-shake">
<div class="icon-box">
<!-- 126-namaste-no-hand-shake -->
<i class="svg-126-namaste-no-hand-shake">126-namaste-no-hand-shake</i>
</div>
</li>
<li title="127-sick-sneezing">
<div class="icon-box">
<!-- 127-sick-sneezing -->
<i class="svg-127-sick-sneezing">127-sick-sneezing</i>
</div>
</li>
<li title="128-forehead-tester">
<div class="icon-box">
<!-- 128-forehead-tester -->
<i class="svg-128-forehead-tester">128-forehead-tester</i>
</div>
</li>
<li title="129-wear-mask">
<div class="icon-box">
<!-- 129-wear-mask -->
<i class="svg-129-wear-mask">129-wear-mask</i>
</div>
</li>
<li title="130-COVID-Virus">
<div class="icon-box">
<!-- 130-COVID-Virus -->
<i class="svg-130-COVID-Virus">130-COVID-Virus</i>
</div>
</li>
<li title="day1-ipod">
<div class="icon-box">
<!-- day1-ipod -->
<i class="svg-day1-ipod">day1-ipod</i>
</div>
</li>
<li title="day10-canvas-stand">
<div class="icon-box">
<!-- day10-canvas-stand -->
<i class="svg-day10-canvas-stand">day10-canvas-stand</i>
</div>
</li>
<li title="day100-the-snail">
<div class="icon-box">
<!-- day100-the-snail -->
<i class="svg-day100-the-snail">day100-the-snail</i>
</div>
</li>
<li title="day11-blackboard">
<div class="icon-box">
<!-- day11-blackboard -->
<i class="svg-day11-blackboard">day11-blackboard</i>
</div>
</li>
<li title="day14-forklift">
<div class="icon-box">
<!-- day14-forklift -->
<i class="svg-day14-forklift">day14-forklift</i>
</div>
</li>
<li title="day15-color-tool">
<div class="icon-box">
<!-- day15-color-tool -->
<i class="svg-day15-color-tool">day15-color-tool</i>
</div>
</li>
<li title="day17-walkie-talkie">
<div class="icon-box">
<!-- day17-walkie-talkie -->
<i class="svg-day17-walkie-talkie">day17-walkie-talkie</i>
</div>
</li>
<li title="day21-Lantern">
<div class="icon-box">
<!-- day21-Lantern -->
<i class="svg-day21-Lantern">day21-Lantern</i>
</div>
</li>
<li title="day23-radio">
<div class="icon-box">
<!-- day23-radio -->
<i class="svg-day23-radio">day23-radio</i>
</div>
</li>
<li title="day24-e-scooter">
<div class="icon-box">
<!-- day24-e-scooter -->
<i class="svg-day24-e-scooter">day24-e-scooter</i>
</div>
</li>
<li title="day25-sport-bicycle">
<div class="icon-box">
<!-- day25-sport-bicycle -->
<i class="svg-day25-sport-bicycle">day25-sport-bicycle</i>
</div>
</li>
<li title="day26-rainbow">
<div class="icon-box">
<!-- day26-rainbow -->
<i class="svg-day26-rainbow">day26-rainbow</i>
</div>
</li>
<li title="day27-my-robot">
<div class="icon-box">
<!-- day27-my-robot -->
<i class="svg-day27-my-robot">day27-my-robot</i>
</div>
</li>
<li title="day28-selfi-girl">
<div class="icon-box">
<!-- day28-selfi-girl -->
<i class="svg-day28-selfi-girl">day28-selfi-girl</i>
</div>
</li>
<li title="day30-cafe">
<div class="icon-box">
<!-- day30-cafe -->
<i class="svg-day30-cafe">day30-cafe</i>
</div>
</li>
<li title="day31-sweet-home">
<div class="icon-box">
<!-- day31-sweet-home -->
<i class="svg-day31-sweet-home">day31-sweet-home</i>
</div>
</li>
<li title="day32-frankenstein">
<div class="icon-box">
<!-- day32-frankenstein -->
<i class="svg-day32-frankenstein">day32-frankenstein</i>
</div>
</li>
<li title="day33-pumpkin">
<div class="icon-box">
<!-- day33-pumpkin -->
<i class="svg-day33-pumpkin">day33-pumpkin</i>
</div>
</li>
<li title="day34-ticket">
<div class="icon-box">
<!-- day34-ticket -->
<i class="svg-day34-ticket">day34-ticket</i>
</div>
</li>
<li title="day35-firework">
<div class="icon-box">
<!-- day35-firework -->
<i class="svg-day35-firework">day35-firework</i>
</div>
</li>
<li title="day36-abacus">
<div class="icon-box">
<!-- day36-abacus -->
<i class="svg-day36-abacus">day36-abacus</i>
</div>
</li>
<li title="day37-calculator">
<div class="icon-box">
<!-- day37-calculator -->
<i class="svg-day37-calculator">day37-calculator</i>
</div>
</li>
<li title="day38-macintosh">
<div class="icon-box">
<!-- day38-macintosh -->
<i class="svg-day38-macintosh">day38-macintosh</i>
</div>
</li>
<li title="day39-pc">
<div class="icon-box">
<!-- day39-pc -->
<i class="svg-day39-pc">day39-pc</i>
</div>
</li>
<li title="day4-polariod">
<div class="icon-box">
<!-- day4-polariod -->
<i class="svg-day4-polariod">day4-polariod</i>
</div>
</li>
<li title="day40-powerbook-100">
<div class="icon-box">
<!-- day40-powerbook-100 -->
<i class="svg-day40-powerbook-100">day40-powerbook-100</i>
</div>
</li>
<li title="day41-desktop">
<div class="icon-box">
<!-- day41-desktop -->
<i class="svg-day41-desktop">day41-desktop</i>
</div>
</li>
<li title="day43-ram">
<div class="icon-box">
<!-- day43-ram -->
<i class="svg-day43-ram">day43-ram</i>
</div>
</li>
<li title="day44-hdd">
<div class="icon-box">
<!-- day44-hdd -->
<i class="svg-day44-hdd">day44-hdd</i>
</div>
</li>
<li title="day45-gpu-ati">
<div class="icon-box">
<!-- day45-gpu-ati -->
<i class="svg-day45-gpu-ati">day45-gpu-ati</i>
</div>
</li>
<li title="day46-experiment-lab">
<div class="icon-box">
<!-- day46-experiment-lab -->
<i class="svg-day46-experiment-lab">day46-experiment-lab</i>
</div>
</li>
<li title="day46-medical-lab">
<div class="icon-box">
<!-- day46-medical-lab -->
<i class="svg-day46-medical-lab">day46-medical-lab</i>
</div>
</li>
<li title="day47-chemistry-lab">
<div class="icon-box">
<!-- day47-chemistry-lab -->
<i class="svg-day47-chemistry-lab">day47-chemistry-lab</i>
</div>
</li>
<li title="day48-medical-lab">
<div class="icon-box">
<!-- day48-medical-lab -->
<i class="svg-day48-medical-lab">day48-medical-lab</i>
</div>
</li>
<li title="day49-angler-fish">
<div class="icon-box">
<!-- day49-angler-fish -->
<i class="svg-day49-angler-fish">day49-angler-fish</i>
</div>
</li>
<li title="day50-pirahna">
<div class="icon-box">
<!-- day50-pirahna -->
<i class="svg-day50-pirahna">day50-pirahna</i>
</div>
</li>
<li title="day51-whale">
<div class="icon-box">
<!-- day51-whale -->
<i class="svg-day51-whale">day51-whale</i>
</div>
</li>
<li title="day52-auntum">
<div class="icon-box">
<!-- day52-auntum -->
<i class="svg-day52-auntum">day52-auntum</i>
</div>
</li>
<li title="day53-farm">
<div class="icon-box">
<!-- day53-farm -->
<i class="svg-day53-farm">day53-farm</i>
</div>
</li>
<li title="day54-building">
<div class="icon-box">
<!-- day54-building -->
<i class="svg-day54-building">day54-building</i>
</div>
</li>
<li title="day55-living-room-interior">
<div class="icon-box">
<!-- day55-living-room-interior -->
<i class="svg-day55-living-room-interior">day55-living-room-interior</i>
</div>
</li>
<li title="day56-tv-room">
<div class="icon-box">
<!-- day56-tv-room -->
<i class="svg-day56-tv-room">day56-tv-room</i>
</div>
</li>
<li title="day57-reading-room">
<div class="icon-box">
<!-- day57-reading-room -->
<i class="svg-day57-reading-room">day57-reading-room</i>
</div>
</li>
<li title="day58-bedroom">
<div class="icon-box">
<!-- day58-bedroom -->
<i class="svg-day58-bedroom">day58-bedroom</i>
</div>
</li>
<li title="day59-kitchen">
<div class="icon-box">
<!-- day59-kitchen -->
<i class="svg-day59-kitchen">day59-kitchen</i>
</div>
</li>
<li title="day6-open-vault">
<div class="icon-box">
<!-- day6-open-vault -->
<i class="svg-day6-open-vault">day6-open-vault</i>
</div>
</li>
<li title="day60-bathroom">
<div class="icon-box">
<!-- day60-bathroom -->
<i class="svg-day60-bathroom">day60-bathroom</i>
</div>
</li>
<li title="day61-travel-bag">
<div class="icon-box">
<!-- day61-travel-bag -->
<i class="svg-day61-travel-bag">day61-travel-bag</i>
</div>
</li>
<li title="day62-office-bag">
<div class="icon-box">
<!-- day62-office-bag -->
<i class="svg-day62-office-bag">day62-office-bag</i>
</div>
</li>
<li title="day63-school-bag">
<div class="icon-box">
<!-- day63-school-bag -->
<i class="svg-day63-school-bag">day63-school-bag</i>
</div>
</li>
<li title="day64-followers">
<div class="icon-box">
<!-- day64-followers -->
<i class="svg-day64-followers">day64-followers</i>
</div>
</li>
<li title="day65-city-road">
<div class="icon-box">
<!-- day65-city-road -->
<i class="svg-day65-city-road">day65-city-road</i>
</div>
</li>
<li title="day66-travel">
<div class="icon-box">
<!-- day66-travel -->
<i class="svg-day66-travel">day66-travel</i>
</div>
</li>
<li title="day67-dog">
<div class="icon-box">
<!-- day67-dog -->
<i class="svg-day67-dog">day67-dog</i>
</div>
</li>
<li title="day68-happy-cat">
<div class="icon-box">
<!-- day68-happy-cat -->
<i class="svg-day68-happy-cat">day68-happy-cat</i>
</div>
</li>
<li title="day69-dotted-notebook">
<div class="icon-box">
<!-- day69-dotted-notebook -->
<i class="svg-day69-dotted-notebook">day69-dotted-notebook</i>
</div>
</li>
<li title="day70-designer-fav-tool-wacom">
<div class="icon-box">
<!-- day70-designer-fav-tool-wacom -->
<i class="svg-day70-designer-fav-tool-wacom">day70-designer-fav-tool-wacom</i>
</div>
</li>
<li title="day71-designer-tool-essential">
<div class="icon-box">
<!-- day71-designer-tool-essential -->
<i class="svg-day71-designer-tool-essential">day71-designer-tool-essential</i>
</div>
</li>
<li title="day72-designer-tool-war">
<div class="icon-box">
<!-- day72-designer-tool-war -->
<i class="svg-day72-designer-tool-war">day72-designer-tool-war</i>
</div>
</li>
<li title="day73-writing-tool">
<div class="icon-box">
<!-- day73-writing-tool -->
<i class="svg-day73-writing-tool">day73-writing-tool</i>
</div>
</li>
<li title="day74-stationary-set">
<div class="icon-box">
<!-- day74-stationary-set -->
<i class="svg-day74-stationary-set">day74-stationary-set</i>
</div>
</li>
<li title="day75-stationary-set-2">
<div class="icon-box">
<!-- day75-stationary-set-2 -->
<i class="svg-day75-stationary-set-2">day75-stationary-set-2</i>
</div>
</li>
<li title="day76-watch-spectacle">
<div class="icon-box">
<!-- day76-watch-spectacle -->
<i class="svg-day76-watch-spectacle">day76-watch-spectacle</i>
</div>
</li>
<li title="day77-pocket-knief">
<div class="icon-box">
<!-- day77-pocket-knief -->
<i class="svg-day77-pocket-knief">day77-pocket-knief</i>
</div>
</li>
<li title="day78-wallet">
<div class="icon-box">
<!-- day78-wallet -->
<i class="svg-day78-wallet">day78-wallet</i>
</div>
</li>
<li title="day79-coffee">
<div class="icon-box">
<!-- day79-coffee -->
<i class="svg-day79-coffee">day79-coffee</i>
</div>
</li>
<li title="day8-printer">
<div class="icon-box">
<!-- day8-printer -->
<i class="svg-day8-printer">day8-printer</i>
</div>
</li>
<li title="day80-tea">
<div class="icon-box">
<!-- day80-tea -->
<i class="svg-day80-tea">day80-tea</i>
</div>
</li>
<li title="day81-ice-cream">
<div class="icon-box">
<!-- day81-ice-cream -->
<i class="svg-day81-ice-cream">day81-ice-cream</i>
</div>
</li>
<li title="day82-burger">
<div class="icon-box">
<!-- day82-burger -->
<i class="svg-day82-burger">day82-burger</i>
</div>
</li>
<li title="day83-snowman">
<div class="icon-box">
<!-- day83-snowman -->
<i class="svg-day83-snowman">day83-snowman</i>
</div>
</li>
<li title="day84-reindeer">
<div class="icon-box">
<!-- day84-reindeer -->
<i class="svg-day84-reindeer">day84-reindeer</i>
</div>
</li>
<li title="day85-socks">
<div class="icon-box">
<!-- day85-socks -->
<i class="svg-day85-socks">day85-socks</i>
</div>
</li>
<li title="day86-candle">
<div class="icon-box">
<!-- day86-candle -->
<i class="svg-day86-candle">day86-candle</i>
</div>
</li>
<li title="day87-chritmas-ball">
<div class="icon-box">
<!-- day87-chritmas-ball -->
<i class="svg-day87-chritmas-ball">day87-chritmas-ball</i>
</div>
</li>
<li title="day88-jingle-bell">
<div class="icon-box">
<!-- day88-jingle-bell -->
<i class="svg-day88-jingle-bell">day88-jingle-bell</i>
</div>
</li>
<li title="day89-christmas-gift">
<div class="icon-box">
<!-- day89-christmas-gift -->
<i class="svg-day89-christmas-gift">day89-christmas-gift</i>
</div>
</li>
<li title="day9-toolbox">
<div class="icon-box">
<!-- day9-toolbox -->
<i class="svg-day9-toolbox">day9-toolbox</i>
</div>
</li>
<li title="day90-santa">
<div class="icon-box">
<!-- day90-santa -->
<i class="svg-day90-santa">day90-santa</i>
</div>
</li>
<li title="day91-merry-christmas">
<div class="icon-box">
<!-- day91-merry-christmas -->
<i class="svg-day91-merry-christmas">day91-merry-christmas</i>
</div>
</li>
<li title="day92-freelancing">
<div class="icon-box">
<!-- day92-freelancing -->
<i class="svg-day92-freelancing">day92-freelancing</i>
</div>
</li>
<li title="day93-programing">
<div class="icon-box">
<!-- day93-programing -->
<i class="svg-day93-programing">day93-programing</i>
</div>
</li>
<li title="day94-ui-ux">
<div class="icon-box">
<!-- day94-ui-ux -->
<i class="svg-day94-ui-ux">day94-ui-ux</i>
</div>
</li>
<li title="day95-app-development">
<div class="icon-box">
<!-- day95-app-development -->
<i class="svg-day95-app-development">day95-app-development</i>
</div>
</li>
<li title="day96-camping">
<div class="icon-box">
<!-- day96-camping -->
<i class="svg-day96-camping">day96-camping</i>
</div>
</li>
<li title="day97-champagne">
<div class="icon-box">
<!-- day97-champagne -->
<i class="svg-day97-champagne">day97-champagne</i>
</div>
</li>
<li title="day98-junk-boat">
<div class="icon-box">
<!-- day98-junk-boat -->
<i class="svg-day98-junk-boat">day98-junk-boat</i>
</div>
</li>
<li title="day99-pirate-boat">
<div class="icon-box">
<!-- day99-pirate-boat -->
<i class="svg-day99-pirate-boat">day99-pirate-boat</i>
</div>
</li>
</ul>
<!--
====================================================================================================
-->
</section>
<footer>
<p>Generated at Tue, 20 Jul 2021 05:38:30 GMT by <a href="https://github.com/jkphl/svg-sprite" target="_blank">svg-sprite</a>.</p>
</footer>
</body>
</html>