A Pen by Agusti BR

Thumbnail
This awesome code was written by agustibr, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright agustibr ©

Technologies

  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>A Pen by  Agusti BR</title>
  
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">

  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <svg id="upm-world" viewBox="0 0 43.9 44.7">
<g>
	<path d="M25,40.7c1.6-2.1,3.6-5.4,4.9-9.9h8.7C35.9,36,30.9,39.7,25,40.7 M5.6,30.8h8.6c1.3,4.5,3.3,7.8,4.9,9.9
		C13.2,39.7,8.2,36,5.6,30.8 M4.6,16.5h9.1c-0.3,1.8-0.6,3.8-0.6,5.9c0,2.1,0.2,4,0.6,5.8H4.6c-0.6-1.8-0.9-3.8-0.9-5.8
		C3.6,20.4,4,18.4,4.6,16.5 M18.8,4.3c-1.5,2.1-3.4,5.3-4.6,9.7H5.7C8.3,9,13.1,5.3,18.8,4.3 M38.5,14h-8.6
		c-1.2-4.4-3.1-7.7-4.6-9.7C31,5.3,35.9,9,38.5,14 M30.5,16.5h9.1c0.6,1.9,1,3.8,1,5.9c0,2-0.3,4-0.9,5.8h-9.1
		c0.3-1.8,0.6-3.7,0.6-5.8C31,20.3,30.8,18.4,30.5,16.5 M16.9,14c1.5-5,4-8.3,5.1-9.7c1.1,1.3,3.6,4.7,5.2,9.7H16.9z M27.2,30.8
		c-1.5,4.7-3.8,7.9-5.1,9.5c-1.3-1.5-3.7-4.8-5.1-9.5H27.2z M16.3,28.3c-0.4-1.8-0.6-3.7-0.6-5.8c0-2.1,0.2-4.1,0.6-5.9h11.6
		c0.4,1.8,0.6,3.8,0.6,5.9c0,2.1-0.2,4-0.6,5.8H16.3z M22.1,1.4c-11.6,0-21,9.4-21,21s9.4,21,21,21s21-9.4,21-21S33.7,1.4,22.1,1.4"
		/>
</g>
</svg>
<svg id="upm-chat" viewBox="0 0 116 44.1" >
  <g>
	<path d="M13.5,22.4L13.5,22.4c0-5.9,4.4-10.7,10.6-10.7c3.2,0,5.3,0.9,7,2.3c0.4,0.3,0.7,0.8,0.7,1.4c0,1-0.8,1.8-1.8,1.8
		c-0.5,0-0.9-0.2-1.1-0.4c-1.4-1.1-2.9-1.8-4.9-1.8c-3.9,0-6.8,3.2-6.8,7.2v0.1c0,4,2.8,7.3,6.8,7.3c2.2,0,3.6-0.7,5.1-2
		c0.3-0.2,0.6-0.4,1.1-0.4c0.9,0,1.7,0.8,1.7,1.7c0,0.6-0.3,1-0.6,1.3C29.5,31.9,27.3,33,24,33C18,33,13.5,28.3,13.5,22.4z"/>
	<path d="M39,13.8c0-1,0.8-1.8,1.8-1.8c1,0,1.8,0.8,1.8,1.8v6.9h9.8v-6.9c0-1,0.8-1.8,1.8-1.8c1,0,1.8,0.8,1.8,1.8V31
		c0,1-0.8,1.8-1.8,1.8c-1,0-1.8-0.8-1.8-1.8v-7h-9.8v7c0,1-0.8,1.8-1.8,1.8c-1,0-1.8-0.8-1.8-1.8V13.8z"/>
	<path d="M63.1,30.3l7.6-17c0.4-0.9,1.1-1.5,2.2-1.5h0.2c1,0,1.7,0.6,2.1,1.5l7.6,17c0.1,0.3,0.2,0.5,0.2,0.8c0,1-0.7,1.7-1.7,1.7
		c-0.9,0-1.4-0.5-1.8-1.3l-1.7-3.8h-10l-1.7,4c-0.3,0.7-0.9,1.1-1.7,1.1c-0.9,0-1.7-0.7-1.7-1.7C62.9,30.9,62.9,30.6,63.1,30.3z
		 M76.5,24.5l-3.6-8.3l-3.6,8.3H76.5z"/>
	<path d="M92.6,15.5h-5c-0.9,0-1.7-0.8-1.7-1.7c0-0.9,0.7-1.7,1.7-1.7h13.6c0.9,0,1.6,0.8,1.6,1.7c0,0.9-0.7,1.7-1.6,1.7h-5V31
		c0,1-0.8,1.8-1.8,1.8c-1,0-1.8-0.8-1.8-1.8V15.5z"/>
</g>
<g>
	<g>
		<path d="M107.4,43.1h-99c-5.8,0-7.3-4.8-7.3-7.3v-27c0-5.8,4.8-7.3,7.3-7.3h99c5.8,0,7.3,4.8,7.3,7.3v27
			C114.7,41.6,109.9,43.1,107.4,43.1z M8.4,4.4C4.2,4.4,4,8.1,4,8.8v27c0,4.2,3.7,4.4,4.4,4.4h99c4.2,0,4.4-3.7,4.4-4.4v-27
			c0-4.2-3.7-4.4-4.4-4.4H8.4z"/>
	</g>
</g>
</svg>
<svg viewBox="0 0 46.8 50.6">
  <g>
	<path d="M42,46.5c0,0.2,0,0.5-0.5,0.5h-18h-18C5,46.9,5,46.7,5,46.5L3.7,16.6c0-0.5,0.3-0.5,0.5-0.5h19.3h19.3c0.2,0,0.5,0,0.5,0.5
		L42,46.5z M23.5,4.1c4.9,0,8.9,4,8.9,8.9c0,0.1,0,0.1,0,0.2h-8.9h-8.9c0-0.1,0-0.1,0-0.2C14.5,8.1,18.5,4.1,23.5,4.1 M42.7,13.2
		h-7.1c0-0.1,0-0.1,0-0.2c0-6.7-5.5-12.2-12.2-12.2c-6.7,0-12.2,5.5-12.2,12.2c0,0.1,0,0.1,0,0.2H4.2c-2.5,0-3.4,2.1-3.4,3.4L2,46.5
		c0,2.5,2.1,3.4,3.4,3.4h18h18c1.4,0,3.4-0.9,3.4-3.4l1.3-29.9C46.2,15.2,45.3,13.2,42.7,13.2"/>
</g>
</svg>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/agustibr/a-pen-by-agusti-br-XNvZrQ */
svg {
  width: 2rem;
  background: pink;
  margin: 1rem;
}

Comments