D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
bonez0607
Full window
Github gist
daily ui 005 - Peppamint icon
<div id="icon"> <svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22.375 21.125" enable-background="new 0 0 22.375 21.125" xml:space="preserve"> <g class='lighted'> <path fill="#EE2A7B" d="M11.1875,10.5625c0,0,1.94611,5.30994-0.49237,6.56885c0.12689,0.0094,0.2547,0.01538,0.383,0.01935 c1.00232-0.0451,1.97864-0.32355,2.85077-0.78784C14.51392,14.15399,11.1875,10.5625,11.1875,10.5625z"/> <path fill="#EE2A7B" d="M11.1875,10.5625c0,0-5.58447-0.97131-5.4433-3.71924C5.14136,7.72382,4.74585,8.75708,4.62994,9.87408 c0.0249,0.02795,0.04523,0.04938,0.07135,0.07904C6.23224,11.69379,11.1875,10.5625,11.1875,10.5625z"/> <path fill="#EE2A7B" d="M11.1875,10.5625c0,0-1.9176-5.2403,0.45197-6.54095c-0.18488-0.02423-0.37134-0.03864-0.55841-0.04706 C10.16388,3.98944,9.29321,4.19073,8.5036,4.54346C8.49231,4.57764,8.48431,4.60468,8.47217,4.64062 C7.7301,6.83679,11.1875,10.5625,11.1875,10.5625z"/> <path fill="#EE2A7B" d="M16.66797,7.49084c-0.29004-0.54523-0.65497-1.0517-1.08752-1.49609 c-0.24365-0.2522-0.51263-0.479-0.79449-0.68909C12.61121,5.9649,11.1875,10.5625,11.1875,10.5625 S14.36719,6.75647,16.66797,7.49084z"/> <path fill="#EE2A7B" d="M11.1875,10.5625c0,0-3.62567,4.34064-5.93524,2.85791c0.47644,0.98743,1.18927,1.83649,2.06854,2.4751 c0.03394-0.00702,0.06018-0.01337,0.09589-0.02051C9.68964,15.41949,11.1875,10.5625,11.1875,10.5625z"/> <path fill="#EE2A7B" d="M11.1875,10.5625c0,0,4.88318,0.85034,5.39996,3.20856c0.48822-0.86707,0.77777-1.83942,0.82867-2.83185 C15.65814,9.54565,11.1875,10.5625,11.1875,10.5625z"/> <path fill="#FFFFFF" d="M14.78595,5.30566c-0.91254-0.68018-2.00128-1.13367-3.14648-1.28412 C9.2699,5.3222,11.1875,10.5625,11.1875,10.5625S12.61121,5.9649,14.78595,5.30566z"/> <path fill="#FFFFFF" d="M11.1875,10.5625c0,0-3.4574-3.72571-2.71533-5.92188C8.48431,4.60468,8.49231,4.57764,8.5036,4.54346 c-1.11896,0.49976-2.0741,1.29883-2.7594,2.2998C5.60303,9.59119,11.1875,10.5625,11.1875,10.5625z"/> <path fill="#FFFFFF" d="M11.1875,10.5625c0,0-4.95526,1.13129-6.48621-0.60938C4.67517,9.92346,4.65485,9.90204,4.62994,9.87408 c-0.0235,0.22632-0.03619,0.45587-0.03619,0.68842c0,1.02545,0.24084,1.99231,0.65851,2.85791 C7.56183,14.90314,11.1875,10.5625,11.1875,10.5625z"/> <path fill="#FFFFFF" d="M11.1875,10.5625c0,0-1.49786,4.85699-3.77081,5.3125c-0.03571,0.00714-0.06195,0.01349-0.09589,0.02051 c0.9621,0.69885,2.11798,1.14276,3.37433,1.23584C13.13361,15.87244,11.1875,10.5625,11.1875,10.5625z"/> <path fill="#FFFFFF" d="M11.1875,10.5625c0,0,3.32642,3.59149,2.74139,5.80035c0.61127-0.32544,1.17297-0.7381,1.65112-1.23309 c0.39569-0.40613,0.73035-0.86664,1.00745-1.3587C16.07068,11.41284,11.1875,10.5625,11.1875,10.5625z"/> <path fill="#FFFFFF" d="M16.66797,7.49084c-2.30078-0.73438-5.48047,3.07166-5.48047,3.07166s4.47064-1.01685,6.22864,0.37671 c0.00641-0.12555,0.01685-0.25079,0.0155-0.37671C17.44366,9.49396,17.16949,8.43359,16.66797,7.49084z"/> <path fill="#FFFFFF" d="M17.14606,7.76025c-0.00854-0.01813-0.01459-0.03766-0.02332-0.05573 c-0.0014-0.00092-0.00299-0.00116-0.00439-0.00208C17.1275,7.72174,17.13708,7.74084,17.14606,7.76025z"/> <path class="color" fill="#EE2A7B" d="M11.07812,17.1507c0.02576,0.00079,0.05096,0.00366,0.07684,0.00391 c0.01093,0.00012,0.02155,0.00165,0.03253,0.00165c0.01605,0,0.03149-0.00244,0.04755-0.00256 c0.93896-0.00684,1.82965-0.21179,2.63635-0.57214c0.01129-0.03418,0.01929-0.06122,0.03143-0.09717 c0.01318-0.03894,0.0155-0.08167,0.02606-0.12152C13.05676,16.82715,12.08044,17.10559,11.07812,17.1507z"/> <path class="color" fill="#EE2A7B" d="M11.24097,3.97144c-0.01794-0.00031-0.0354-0.00269-0.05347-0.00269 c-0.01062,0-0.02081,0.00165-0.03143,0.00171c-0.02533,0.00012-0.04974,0.0036-0.07501,0.00403 c0.18707,0.00842,0.37354,0.02283,0.55841,0.04706c0.01477-0.00812,0.02527-0.02008,0.04041-0.02789 C11.53442,3.98285,11.38855,3.97382,11.24097,3.97144z"/> <path class="color" fill="#EE2A7B" d="M15.0542,5.22949C15.02026,5.23651,14.99402,5.24286,14.95831,5.25 c-0.05872,0.01178-0.11469,0.03821-0.17236,0.05566c0.28186,0.21008,0.55084,0.43689,0.79449,0.68909 c0.43256,0.4444,0.79749,0.95087,1.08752,1.49609c0.15448,0.04932,0.30505,0.11884,0.45038,0.21161 c-0.00629-0.01324-0.01263-0.02631-0.01898-0.03949C16.62311,6.69391,15.92065,5.85883,15.0542,5.22949z"/> <path class="color" fill="#EE2A7B" d="M17.29559,13.02399c0.05005-0.12579,0.09662-0.25299,0.1391-0.38165 c0.03149-0.09448,0.05927-0.19061,0.08655-0.28693c0.03967-0.1405,0.07867-0.28125,0.10925-0.42407 c0.02734-0.12878,0.04633-0.26031,0.06598-0.39172c0.01489-0.09747,0.03473-0.19421,0.04535-0.29224 c-0.02344-0.02618-0.04315-0.04718-0.06812-0.0755c-0.07581-0.08618-0.16602-0.1601-0.25757-0.23267 c-0.0509,0.99243-0.34045,1.96478-0.82867,2.83185c0.03577,0.16315,0.05249,0.33289,0.04333,0.51068 c0.13904-0.20312,0.26416-0.41632,0.38025-0.63483c0.03931-0.0755,0.07397-0.15326,0.11041-0.23022 C17.18359,13.28796,17.24176,13.15723,17.29559,13.02399z"/> <path class="white" fill="#FFFFFF" d="M14.95831,5.25c0.03571-0.00714,0.06195-0.01349,0.09589-0.02051 c-0.9621-0.69885-2.11798-1.14276-3.37433-1.23584c-0.01514,0.00781-0.02563,0.01978-0.04041,0.02789 c1.1452,0.15045,2.23395,0.60394,3.14648,1.28412C14.84363,5.28821,14.8996,5.26178,14.95831,5.25z"/> <path class="white" fill="#FFFFFF" d="M13.92889,16.36285c-0.01056,0.03986-0.01288,0.08258-0.02606,0.12152 c-0.01215,0.03595-0.02014,0.06299-0.03143,0.09717c1.11896-0.49976,2.0741-1.29883,2.7594-2.2998 c0.00916-0.1778-0.00757-0.34753-0.04333-0.51068c-0.2771,0.49207-0.61176,0.95258-1.00745,1.3587 C15.10187,15.62476,14.54016,16.03741,13.92889,16.36285z"/> <path class="white" fill="#FFFFFF" d="M17.74127,9.87585c-0.01501-0.13794-0.04047-0.27441-0.06396-0.41119 c-0.01581-0.09192-0.02875-0.18481-0.04834-0.27539c-0.02673-0.12457-0.06158-0.24719-0.09528-0.37006 c-0.03125-0.1123-0.06177-0.22485-0.09869-0.33472c-0.02869-0.08691-0.06183-0.17224-0.09399-0.25793 c-0.06049-0.15778-0.12329-0.31439-0.19495-0.46631c-0.00897-0.01941-0.01855-0.03851-0.02771-0.0578 c-0.14532-0.09277-0.2959-0.16229-0.45038-0.21161c0.50153,0.94275,0.7757,2.00311,0.76367,3.07166 c0.00134,0.12592-0.00909,0.25116-0.0155,0.37671c0.09155,0.07257,0.18176,0.14648,0.25757,0.23267 c0.02496,0.02832,0.04468,0.04932,0.06812,0.0755c0.0011,0.00122,0.00214,0.00226,0.00323,0.00354 c0.0235-0.22632,0.03619-0.45587,0.03619-0.68842C17.78125,10.33008,17.76526,10.10175,17.74127,9.87585z"/> </g> <g class="shadow"> <path class="color" d="M11.07812,17.1507c0.02576,0.00079,0.05096,0.00366,0.07684,0.00391 c0.01093,0.00012,0.02155,0.00165,0.03253,0.00165c0.01605,0,0.03149-0.00244,0.04755-0.00256 c0.93896-0.00684,1.82965-0.21179,2.63635-0.57214c0.01129-0.03418,0.01929-0.06122,0.03143-0.09717 c0.01318-0.03894,0.0155-0.08167,0.02606-0.12152C13.05676,16.82715,12.08044,17.10559,11.07812,17.1507z"/> <path class="color" d="M11.24097,3.97144c-0.01794-0.00031-0.0354-0.00269-0.05347-0.00269 c-0.01062,0-0.02081,0.00165-0.03143,0.00171c-0.02533,0.00012-0.04974,0.0036-0.07501,0.00403 c0.18707,0.00842,0.37354,0.02283,0.55841,0.04706c0.01477-0.00812,0.02527-0.02008,0.04041-0.02789 C11.53442,3.98285,11.38855,3.97382,11.24097,3.97144z"/> <path class="color" d="M15.0542,5.22949C15.02026,5.23651,14.99402,5.24286,14.95831,5.25 c-0.05872,0.01178-0.11469,0.03821-0.17236,0.05566c0.28186,0.21008,0.55084,0.43689,0.79449,0.68909 c0.43256,0.4444,0.79749,0.95087,1.08752,1.49609c0.15448,0.04932,0.30505,0.11884,0.45038,0.21161 c-0.00629-0.01324-0.01263-0.02631-0.01898-0.03949C16.62311,6.69391,15.92065,5.85883,15.0542,5.22949z"/> <path class="color" d="M17.29559,13.02399c0.05005-0.12579,0.09662-0.25299,0.1391-0.38165 c0.03149-0.09448,0.05927-0.19061,0.08655-0.28693c0.03967-0.1405,0.07867-0.28125,0.10925-0.42407 c0.02734-0.12878,0.04633-0.26031,0.06598-0.39172c0.01489-0.09747,0.03473-0.19421,0.04535-0.29224 c-0.02344-0.02618-0.04315-0.04718-0.06812-0.0755c-0.07581-0.08618-0.16602-0.1601-0.25757-0.23267 c-0.0509,0.99243-0.34045,1.96478-0.82867,2.83185c0.03577,0.16315,0.05249,0.33289,0.04333,0.51068 c0.13904-0.20312,0.26416-0.41632,0.38025-0.63483c0.03931-0.0755,0.07397-0.15326,0.11041-0.23022 C17.18359,13.28796,17.24176,13.15723,17.29559,13.02399z"/> <path class="white" d="M14.95831,5.25c0.03571-0.00714,0.06195-0.01349,0.09589-0.02051 c-0.9621-0.69885-2.11798-1.14276-3.37433-1.23584c-0.01514,0.00781-0.02563,0.01978-0.04041,0.02789 c1.1452,0.15045,2.23395,0.60394,3.14648,1.28412C14.84363,5.28821,14.8996,5.26178,14.95831,5.25z"/> <path class="white" d="M13.92889,16.36285c-0.01056,0.03986-0.01288,0.08258-0.02606,0.12152 c-0.01215,0.03595-0.02014,0.06299-0.03143,0.09717c1.11896-0.49976,2.0741-1.29883,2.7594-2.2998 c0.00916-0.1778-0.00757-0.34753-0.04333-0.51068c-0.2771,0.49207-0.61176,0.95258-1.00745,1.3587 C15.10187,15.62476,14.54016,16.03741,13.92889,16.36285z"/> <path class="white" d="M17.74127,9.87585c-0.01501-0.13794-0.04047-0.27441-0.06396-0.41119 c-0.01581-0.09192-0.02875-0.18481-0.04834-0.27539c-0.02673-0.12457-0.06158-0.24719-0.09528-0.37006 c-0.03125-0.1123-0.06177-0.22485-0.09869-0.33472c-0.02869-0.08691-0.06183-0.17224-0.09399-0.25793 c-0.06049-0.15778-0.12329-0.31439-0.19495-0.46631c-0.00897-0.01941-0.01855-0.03851-0.02771-0.0578 c-0.14532-0.09277-0.2959-0.16229-0.45038-0.21161c0.50153,0.94275,0.7757,2.00311,0.76367,3.07166 c0.00134,0.12592-0.00909,0.25116-0.0155,0.37671c0.09155,0.07257,0.18176,0.14648,0.25757,0.23267 c0.02496,0.02832,0.04468,0.04932,0.06812,0.0755c0.0011,0.00122,0.00214,0.00226,0.00323,0.00354 c0.0235-0.22632,0.03619-0.45587,0.03619-0.68842C17.78125,10.33008,17.76526,10.10175,17.74127,9.87585z" </g> </svg> <p>Peppa<span class="m">M</span>int</p> </div>