Edit in JSFiddle

<!--START SVG-->
<svg id="svg-source" height="0" version="1.1" xmlns="http://www.w3.org/2000/svg" style="position:absolute; margin-left: -100%" xmlns:xlink="http://www.w3.org/1999/xlink">
    <g id="flag" data-iconmelon="Simple Line Icons:ecade10a77484dd3b1b69970c3853d35">
        <g>
            <path d="M26.147,2.083c-0.104-0.186-0.295-0.303-0.506-0.303H11.617c0.022-0.104,0.063-0.207,0.063-0.316
		C11.68,0.655,11.023,0,10.215,0c-0.81,0-1.467,0.655-1.467,1.464c0,0.605,0.367,1.123,0.896,1.346v11.113v16.93H6.36
		c-0.32,0-0.574,0.256-0.574,0.572S6.04,32,6.36,32h7.709c0.32,0,0.574-0.259,0.574-0.575s-0.254-0.572-0.574-0.572h-3.278V14.496
		h14.851c0.211,0,0.402-0.114,0.506-0.302c0.099-0.187,0.091-0.412-0.029-0.589l-3.646-5.468l3.646-5.463
		C26.238,2.499,26.246,2.271,26.147,2.083z M9.898,1.464c0-0.179,0.14-0.314,0.317-0.314c0.173,0,0.314,0.14,0.314,0.314
		C10.53,1.814,9.898,1.811,9.898,1.464z M21.306,7.818c-0.131,0.191-0.131,0.443,0,0.638l3.26,4.893H10.791V2.93h13.775
		L21.306,7.818z"></path>
        </g>
    </g>
    <g id="photo" data-iconmelon="Simple Line Icons:c25e0c8ea77413e31f700b04bbc672c0">
        <g>
            <path d="M31.427,8.806h-9.338l-1.74-3.478c-0.097-0.195-0.296-0.318-0.511-0.318h-0.227
		c0.238-0.452,0.511-0.87,0.858-1.22c0.222-0.224,0.222-0.586,0-0.808c-0.224-0.225-0.584-0.225-0.808,0
		c-0.003,0.001-0.004,0.006-0.007,0.006c-1.957,1.951-5.368,1.948-7.325-0.01c-0.106-0.107-0.253-0.166-0.406-0.166
		c-0.152,0-0.3,0.062-0.405,0.17c-0.164,0.162-0.21,0.408-0.123,0.622c0.033,0.082,0.084,0.151,0.148,0.207
		c0.338,0.343,0.604,0.755,0.836,1.198h-0.219c-0.217,0-0.414,0.123-0.512,0.318L9.911,8.806h-3.01V7.457
		c0-0.312-0.256-0.572-0.572-0.572H2.49c-0.315,0-0.571,0.26-0.571,0.572v1.349H0.571C0.256,8.806,0,9.062,0,9.377v19.238
		c0,0.314,0.256,0.572,0.571,0.572h30.855c0.317,0,0.573-0.258,0.573-0.572V9.377C32,9.062,31.744,8.806,31.427,8.806z
		 M18.235,5.236c-0.021,0.053-0.039,0.104-0.058,0.162c-0.494,1.428-0.466,2.931,0.032,4.271c-0.698-0.262-1.446-0.396-2.214-0.396
		c-0.769,0-1.515,0.135-2.213,0.396c0.497-1.346,0.524-2.845,0.032-4.272c-0.019-0.056-0.039-0.108-0.059-0.163
		C15.165,5.768,16.821,5.768,18.235,5.236z M3.062,8.029h2.696v0.776H3.062V8.029z M30.856,28.043H1.143V9.949H2.49h3.839h3.934
		c0.218,0,0.414-0.124,0.512-0.317l1.739-3.477h0.298c0.053,0.203,0.09,0.406,0.12,0.608c0.026,0.196,0.071,0.39,0.076,0.585
		c0.009,0.281-0.032,0.556-0.07,0.832c-0.023,0.179-0.027,0.362-0.071,0.535c-0.072,0.3-0.199,0.583-0.326,0.864
		c-0.063,0.139-0.099,0.287-0.172,0.418c-0.229,0.406-0.507,0.786-0.848,1.127c-0.222,0.225-0.222,0.587,0.002,0.809
		c0.11,0.111,0.257,0.168,0.404,0.168c0.146,0,0.291-0.057,0.403-0.168c1.958-1.955,5.374-1.955,7.332,0
		c0.161,0.164,0.384,0.164,0.585,0.09c0.08-0.028,0.167-0.035,0.227-0.096c0.076-0.073,0.087-0.176,0.111-0.268
		c0.014-0.051,0.055-0.088,0.055-0.135c0-0.147-0.055-0.293-0.166-0.406c-0.34-0.338-0.621-0.721-0.849-1.123
		c-0.072-0.129-0.107-0.275-0.17-0.41c-0.128-0.285-0.256-0.568-0.329-0.87c-0.043-0.173-0.047-0.355-0.071-0.528
		c-0.038-0.281-0.077-0.556-0.069-0.839c0.006-0.193,0.048-0.387,0.074-0.582c0.03-0.204,0.068-0.407,0.122-0.611h0.304l1.738,3.477
		c0.098,0.193,0.295,0.317,0.512,0.317h9.121V28.043z"></path>
            <path d="M15.999,12.668c-3.489,0-6.33,2.839-6.33,6.33c0,3.49,2.841,6.328,6.33,6.328c3.49,0,6.33-2.838,6.33-6.328
		C22.329,15.507,19.489,12.668,15.999,12.668z M15.999,24.182c-2.86,0-5.187-2.326-5.187-5.184c0-2.859,2.326-5.187,5.187-5.187
		c2.859,0,5.188,2.327,5.188,5.187C21.188,21.855,18.858,24.182,15.999,24.182z"></path>
        </g>
    </g>
    <g id="light-bulb" data-iconmelon="Simple Line Icons:9ff25771e9af233ed426a383424af038">
        <g>
            <path d="M15.809,6.918c-4.82,0-8.745,3.924-8.745,8.747c0,2.683,1.223,5.169,3.36,6.852
		c0.039,0.058,0.089,0.108,0.148,0.149c0.014,0.008,1.147,0.771,1.147,2.232c0,0.021,0.023,0.036,0.023,0.061
		c0.003,0.02-0.016,0.036-0.011,0.056l1.436,6.556c0.055,0.251,0.276,0.43,0.535,0.43h4.215c0.256,0,0.479-0.179,0.535-0.43
		l1.438-6.556c0.006-0.02-0.016-0.036-0.013-0.056c0.002-0.024,0.026-0.039,0.026-0.061c0-1.442,1.097-2.204,1.142-2.232
		c0.05-0.034,0.086-0.076,0.12-0.123c2.155-1.684,3.389-4.183,3.389-6.878C24.555,10.842,20.633,6.918,15.809,6.918z M17.477,30.904
		h-3.332l-0.117-0.539h3.566L17.477,30.904z M17.834,29.268h-4.047l-0.121-0.544h4.288L17.834,29.268z M18.195,27.626h-4.77
		l-0.475-2.181h5.725L18.195,27.626z M20.397,21.752c-0.047,0.034-0.086,0.072-0.117,0.119c-0.366,0.295-1.239,1.123-1.435,2.479
		h-2.488v-7.648c0-0.601,0.492-1.092,1.093-1.092c0.301,0,0.549-0.246,0.549-0.549s-0.248-0.549-0.549-0.549
		c-0.664,0-1.238,0.313-1.642,0.78c-0.039-0.046-0.052-0.101-0.096-0.143c-0.41-0.411-0.957-0.638-1.534-0.638
		c-0.003,0-0.005,0-0.008,0c-0.301,0-0.546,0.246-0.546,0.551c0,0.303,0.245,0.547,0.549,0.547c0,0,0,0,0.002,0c0,0,0,0,0.003,0
		c0.284,0,0.557,0.111,0.763,0.317c0.207,0.204,0.322,0.48,0.322,0.774v7.648h-2.485c-0.193-1.349-1.062-2.176-1.433-2.476
		c-0.033-0.046-0.072-0.087-0.119-0.12c-1.95-1.475-3.065-3.692-3.065-6.089c0-4.219,3.431-7.649,7.647-7.649
		c4.221,0,7.651,3.431,7.651,7.649C23.46,18.061,22.342,20.277,20.397,21.752z"></path>
            <path d="M16.002,4.781c0.301,0,0.549-0.246,0.549-0.548V0.549C16.551,0.246,16.303,0,16.002,0
		c-0.303,0-0.545,0.246-0.545,0.549v3.685C15.457,4.535,15.699,4.781,16.002,4.781z"></path>
            <path d="M7.801,7.856C7.91,7.965,8.049,8.018,8.189,8.018c0.145,0,0.282-0.053,0.387-0.161
		c0.215-0.214,0.215-0.561,0-0.776L5.974,4.477c-0.214-0.216-0.562-0.216-0.776,0c-0.211,0.213-0.211,0.561,0,0.775L7.801,7.856z"></path>
            <path d="M5.504,15.281c0-0.302-0.246-0.549-0.547-0.549H1.268c-0.303,0-0.549,0.247-0.549,0.549
		c0,0.303,0.246,0.549,0.549,0.549h3.689C5.258,15.83,5.504,15.584,5.504,15.281z"></path>
            <path d="M7.809,22.703L5.197,25.31c-0.211,0.215-0.211,0.561,0,0.775c0.11,0.108,0.249,0.161,0.39,0.161
		c0.136,0,0.28-0.053,0.387-0.161l2.608-2.605c0.214-0.216,0.214-0.562,0-0.776C8.37,22.492,8.022,22.488,7.809,22.703z"></path>
            <path d="M24.199,23.174c-0.214-0.209-0.559-0.215-0.775,0c-0.217,0.216-0.217,0.562,0,0.775l2.602,2.611
		c0.107,0.106,0.249,0.16,0.39,0.16c0.139,0,0.28-0.054,0.387-0.16c0.215-0.213,0.215-0.561,0-0.775L24.199,23.174z"></path>
            <path d="M30.732,14.732l-3.685-0.004c-0.301,0-0.549,0.244-0.549,0.549c0,0.302,0.245,0.546,0.549,0.546
		l3.685,0.007c0.303,0,0.549-0.244,0.549-0.549C31.281,14.979,31.037,14.732,30.732,14.732z"></path>
            <path d="M23.811,8.016c0.139,0,0.279-0.054,0.389-0.162l2.608-2.603c0.214-0.216,0.214-0.562,0-0.776
		c-0.212-0.214-0.56-0.217-0.776,0l-2.607,2.604c-0.217,0.216-0.217,0.561,0,0.774C23.528,7.962,23.669,8.016,23.811,8.016z"></path>
        </g>
    </g>
    <g id="search" data-iconmelon="Simple Line Icons:30cb2d53906317e06f9f6dc22d2d1f43">
        <g>
            <path d="M21.789,20.972c-0.091-0.087-0.203-0.11-0.318-0.132c2.149-2.305,3.354-5.265,3.354-8.43
		c0.003-3.312-1.29-6.43-3.633-8.772C18.847,1.291,15.729,0,12.415,0C9.1,0,5.983,1.291,3.636,3.638
		C1.293,5.98,0.001,9.099,0.003,12.413c0,3.315,1.293,6.433,3.639,8.776c2.342,2.344,5.458,3.635,8.773,3.635
		c3.162,0,6.124-1.206,8.426-3.352c0.021,0.113,0.044,0.228,0.129,0.316L31.015,31.83c0.11,0.111,0.259,0.17,0.407,0.17
		s0.294-0.059,0.407-0.17c0.225-0.225,0.225-0.59,0-0.814L21.789,20.972z M20.373,20.374c-2.126,2.124-4.952,3.297-7.958,3.297
		c-3.005,0-5.832-1.173-7.96-3.297c-2.126-2.127-3.297-4.952-3.297-7.961C1.155,9.406,2.327,6.58,4.452,4.453
		c2.129-2.127,4.958-3.3,7.963-3.3c3.006,0,5.832,1.173,7.961,3.3c2.125,2.127,3.297,4.952,3.297,7.957
		C23.673,15.417,22.499,18.244,20.373,20.374z"></path>
            <path d="M3.044,12.416h1.152c0-4.53,3.69-8.219,8.219-8.219V3.043C7.249,3.043,3.044,7.248,3.044,12.416z"></path>
        </g>
    </g>
    <g id="music-note" data-iconmelon="Streamline Icon Set:a907ac93f207b26ead7dc286ee392153">
        <g id="Expanded">
            <g>
                <g>
                    <path d="M8.805,32c-2.381,0-4.317-1.937-4.317-4.317c0-2.38,1.936-4.316,4.317-4.316h4.317v4.316
				C13.122,29.981,11.104,32,8.805,32z M8.805,24.805c-1.587,0-2.878,1.291-2.878,2.878c0,1.588,1.291,2.878,2.878,2.878
				c1.647,0,2.878-1.519,2.878-2.878v-2.878H8.805z"></path>
                </g>
                <g>
                    <path d="M23.194,27.683c-2.38,0-4.316-1.937-4.316-4.316c0-2.381,1.937-4.317,4.316-4.317h4.317v4.317
				C27.512,25.665,25.494,27.683,23.194,27.683z M23.194,20.488c-1.587,0-2.878,1.291-2.878,2.878s1.291,2.878,2.878,2.878
				c1.647,0,2.878-1.52,2.878-2.878v-2.878H23.194z"></path>
                </g>
                <g>
                    <polygon points="13.122,24.086 11.683,24.086 11.683,6.332 27.512,0 27.512,19.769 26.072,19.769 26.072,2.125 
				13.122,7.306 			"></polygon>
                </g>
                <g>
                    <rect x="18.879" y="1.228" transform="matrix(-0.3713 -0.9285 0.9285 -0.3713 18.5387 30.5071)" width="1.439" height="15.498"></rect>
                </g>
            </g>
        </g>
    </g>
    <g id="book-download" data-iconmelon="Streamline Icon Set:aff41a7c9abf701701a785c385774e90">
        <g id="Expanded">
            <g>
                <g>
                    <path d="M15.333,32H4.666c-1.838,0-3.333-1.495-3.333-3.333V3.333c0-0.369,0.299-0.667,0.667-0.667
				c0.367,0,0.666,0.298,0.666,0.667v25.333c0,1.103,0.897,2,2,2h10.667c0.368,0,0.667,0.298,0.667,0.666
				C16,31.702,15.701,32,15.333,32z"></path>
                </g>
                <g>
                    <path d="M27.333,15.333c-0.367,0-0.666-0.298-0.666-0.667v-8H4.666c-1.838,0-3.333-1.495-3.333-3.333
				S2.828,0,4.666,0h22.667C27.701,0,28,0.298,28,0.667c0,0.369-0.299,0.667-0.667,0.667H4.666c-1.103,0-2,0.897-2,2s0.897,2,2,2H28
				v9.333C28,15.035,27.701,15.333,27.333,15.333z"></path>
                </g>
                <g>
                    <path d="M22.667,32c-4.412,0-8.001-3.589-8.001-8s3.589-8,8.001-8c4.411,0,8,3.589,8,8S27.078,32,22.667,32z
				 M22.667,17.333C18.991,17.333,16,20.324,16,24s2.991,6.667,6.667,6.667s6.666-2.991,6.666-6.667S26.343,17.333,22.667,17.333z"></path>
                </g>
                <g>
                    <path d="M22.667,28C22.299,28,22,27.702,22,27.333v-6.666C22,20.298,22.299,20,22.667,20
				c0.367,0,0.666,0.298,0.666,0.667v6.666C23.333,27.702,23.034,28,22.667,28z"></path>
                </g>
                <g>
                    <path d="M22.667,28.276l-3.139-3.139c-0.26-0.26-0.26-0.682,0-0.942c0.261-0.261,0.683-0.261,0.943,0l2.195,2.195
				l2.195-2.195c0.26-0.261,0.682-0.261,0.942,0s0.261,0.683,0,0.942L22.667,28.276z"></path>
                </g>
                <g>
                    <rect x="4.666" y="2.667" width="22.001" height="1.333"></rect>
                </g>
            </g>
        </g>
    </g>
    <g id="google-plus" data-iconmelon="Flat Social Icons:3769f7aef24d6a2de99b5c893b5d0bdb">
        <g>
            <path d="M15.765,11.719c-0.22-1.677-1.434-3.021-2.71-3.06s-2.133,1.244-1.912,2.922   c0.22,1.676,1.434,3.065,2.71,3.104C15.129,14.723,15.985,13.395,15.765,11.719z"></path>
            <path d="M16,0C7.164,0,0,7.164,0,16s7.164,16,16,16s16-7.164,16-16S24.837,0,16,0z M13.363,23.958   c-2.751,0-5.073-1.119-5.073-2.909c0-1.817,2.118-3.57,4.87-3.57c0.299,0,0.574-0.008,0.859-0.008   c-0.376-0.366-0.675-0.815-0.675-1.369c0-0.327,0.105-0.646,0.252-0.925c-0.149,0.01-0.302,0.013-0.459,0.013   c-2.26,0-3.774-1.607-3.774-3.6c0-1.949,2.091-3.632,4.312-3.632h4.956l-1.109,0.801h-1.571c1.042,0.401,1.598,1.616,1.598,2.862   c0,1.047-0.581,1.947-1.4,2.588c-0.799,0.624-0.951,0.885-0.951,1.418c0,0.453,0.855,1.224,1.304,1.541   c1.31,0.925,1.733,1.785,1.733,3.22C18.233,22.178,16.5,23.958,13.363,23.958z M23.709,16.384H21.78v1.93h-1.552v-1.93h-1.929   v-1.553h1.929v-1.929h1.552v1.929h1.929V16.384z"></path>
            <path d="M14.917,18.137c-0.375-0.121-0.79-0.193-1.233-0.197c-1.902-0.021-3.606,1.159-3.606,2.577   c0,1.445,1.374,2.648,3.276,2.648c2.674,0,3.605-1.129,3.605-2.575c0-0.175-0.021-0.345-0.061-0.511   C16.689,19.261,15.948,18.855,14.917,18.137z"></path>
        </g>
    </g>
    <g id="twitter" data-iconmelon="Flat Social Icons:26b05726b10222fa77dc99e12fd47da2">
        <path d="M16,0C7.164,0,0,7.164,0,16c0,8.837,7.164,16,16,16c8.837,0,16-7.163,16-16C32,7.164,24.837,0,16,0z   M22.373,13.511c0.006,0.14,0.009,0.283,0.009,0.425c0,4.346-3.306,9.355-9.355,9.355c-1.856,0-3.585-0.544-5.04-1.477  c0.257,0.031,0.52,0.045,0.784,0.045c1.54,0,2.958-0.525,4.084-1.408c-1.439-0.025-2.653-0.977-3.071-2.282  c0.2,0.039,0.406,0.059,0.618,0.059c0.301,0,0.591-0.039,0.866-0.116c-1.505-0.301-2.639-1.63-2.639-3.224v-0.041  c0.445,0.245,0.952,0.394,1.49,0.411c-0.882-0.59-1.462-1.597-1.462-2.737c0-0.603,0.161-1.167,0.444-1.655  c1.623,1.991,4.046,3.299,6.778,3.436c-0.058-0.24-0.085-0.491-0.085-0.749c0-1.815,1.472-3.288,3.287-3.288  c0.946,0,1.802,0.399,2.399,1.038c0.751-0.147,1.454-0.42,2.09-0.797c-0.244,0.768-0.767,1.411-1.446,1.818  c0.665-0.08,1.299-0.256,1.889-0.518C23.575,12.468,23.016,13.047,22.373,13.511z"></path>
    </g>
    <g id="facebook" data-iconmelon="Flat Social Icons:05a5948ba66490483129c2bcdaa481f1">
        <path d="M16,0C7.163,0,0,7.164,0,16c0,8.837,7.163,16,16,16s16-7.163,16-16C32,7.164,24.836,0,16,0z M19.532,13.291  l-0.184,2.394h-2.454V24h-3.101v-8.315H12.14v-2.394h1.654v-1.608c0-0.708,0.018-1.802,0.533-2.479C14.869,8.487,15.614,8,16.895,8  c2.087,0,2.965,0.298,2.965,0.298l-0.414,2.451c0,0-0.689-0.2-1.332-0.2c-0.644,0-1.22,0.231-1.22,0.874v1.869H19.532z"></path>
    </g>
</svg>
<!--END SVG-->
<div class="container">
    <div class="thumbnail">
        <div class="icon">
            <svg viewBox="0 0 32 32">
                <use xlink:href="#photo"></use>
            </svg>
        </div>
    </div>
    <div class="thumbnail">
        <div class="icon">
            <svg viewBox="0 0 32 32">
                <use xlink:href="#light-bulb"></use>
            </svg>
        </div>
    </div>
    <div class="thumbnail">
        <div class="icon">
            <svg viewBox="0 0 32 32">
                <use xlink:href="#flag"></use>
            </svg>
        </div>
    </div>
</div>
<div class="container">
    <div class="thumbnail1">
        <div class="icon1">
            <svg viewBox="0 0 32 32">
                <use xlink:href="#search"></use>
            </svg>
        </div>
    </div>
    <div class="thumbnail1">
        <div class="icon1">
            <svg viewBox="0 0 32 32">
                <use xlink:href="#music-note"></use>
            </svg>
        </div>
    </div>
    <div class="thumbnail1">
        <div class="icon1 book">
            <svg viewBox="0 0 32 32">
                <use xlink:href="#book-download"></use>
            </svg>
        </div>
    </div>
    <div class="container">
        <div class="thumbnail2">
            <div class="social"> <a href="#" target="_blank">
                 <svg viewBox="0 0 32 32">
                    <use xlink:href="#google-plus"></use>
                </svg>
            </a>

            </div>
        </div>
        <div class="thumbnail2">
            <div class="social"> <a href="#" target="_blank">
                 <svg viewBox="0 0 32 32">
                    <use xlink:href="#facebook"></use>
                </svg>
            </a>

            </div>
        </div>
        <div class="thumbnail2">
            <div class="social"> <a href="#" target="_blank">
                 <svg viewBox="0 0 32 32">
                    <use xlink:href="#twitter"></use>
                </svg>
            </a>

            </div>
        </div>
    </div>
body {
    background-color: #fff;
}
.container {
    width: 100%;
    float: left;
    clear:right;
    overflow: hidden;
}
.thumbnail {
    padding: 20px;
    width: 100px;
    height: 100px;
    border-radius: 15px;
    float: left;
    margin-right: 15px;
    background-color: #fff;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.icon {
    position: relative;
    width: 98px;
    height: 98px;
    display: inline-block;
    fill: #aaaaaa;
    stroke:#fff;
    stroke-width: 0.8px;
    stroke-linecap: butt;
    stroke-linejoin: bevel;
    stroke-dasharray: 0, 150;
    -webkit-transition: all 1s ease;
    100 -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.thumbnail:hover .icon {
    fill: #555555;
    stroke-dasharray: 150, 0;
}
.thumbnail1 {
    padding: 20px;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    margin-right: 15px;
    background-color: rgba(45, 45, 45, 0.21);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    float: left;
    margin-top: 20px;
}
.icon1 {
    width: 70px;
    height: 70px;
    position: relative;
    top: 15%;
    left: 10%;
    display: inline-block;
    fill: rgba(255, 255, 255, 0);
    stroke: white;
    stroke-width: .05em;
    stroke-opacity: 1;
    stroke-linecap: butt;
    stroke-linejoin: bevel;
    stroke-dasharray: 0, 150;
    -webkit-transition: fill 1.5s, stroke-dasharray 0.75s, stroke-opacity 1.5s ease;
    -moz-transition: fill 1.5s, stroke-dasharray 0.75s, stroke-opacity 1.5s ease;
    -ms-transition: fill 1.5s, stroke-dasharray 0.75s, stroke-opacity 1.5s ease;
    -o-transition: fill 1.5s, stroke-dasharray 0.75s, stroke-opacity 1.5s ease;
    transition: fill 1.5s, stroke-dasharray 0.75s, stroke-opacity 1.5s ease;
}
.book {
    left: 15%;
}
.thumbnail1:hover .icon1 {
    fill: white;
    stroke-dasharray: 150, 1;
    stroke-opacity: 0;
}
.thumbnail1:hover {
    background-color: #2d2d2d;
}
.thumbnail2 {
    padding: 20px;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    margin-right: 15px;
    background-color: rgba(45, 45, 45, 0.5);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    float: left;
    margin-top: 20px;
}
.thumbnail2 .social {
    position: relative;
    width: 42px;
    height: 42px;
    display: block;
    top: 120%;
    left: 28.25%;
    opacity: 1;
    -webkit-transition: top .2s ease;
    -moz-transition: top .2s ease;
    -ms-transition: top .2s ease;
    -o-transition: top .2s ease;
    transition: top .2s ease;
}
.thumbnail2 .social a {
    width: 42px;
    height: 42px;
    fill: rgba(255, 255, 255, 0);
    stroke: white;
    stroke-width: 0.08em;
    stroke-opacity: 1;
    stroke-linecap: butt;
    stroke-linejoin: bevel;
    stroke-dasharray: 0, 150;
    stroke-dashoffset: 150px;
    filter: drop-shadow(0px 0px 20px black);
    -webkit-filter: drop-shadow(0px 0px 30px black);
    -webkit-transition: fill 2s, stroke-dasharray 0.1s, stroke-opacity 2s, filter 0.1s ease;
    -moz-transition: fill 2s, stroke-dasharray 0.1s, stroke-opacity 2s, filter 0.1s ease;
    -ms-transition: fill 2s, stroke-dasharray 0.1s, stroke-opacity 2s, filter 0.1s ease;
    -o-transition: fill 2s, stroke-dasharray 0.1s, stroke-opacity 2s, filter 0.1s ease;
    transition: fill 2s, stroke-dasharray 0.1s, stroke-opacity 2s, filter 0.1s ease;
}
.thumbnail2:hover .social {
    top: 29%;
}
.thumbnail2:hover .social a {
    fill: white;
    stroke-dasharray: 150, 1;
    stroke-opacity: 0;
}