diysoho

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 600 600" >
<defs>
	<circle id="outer" fill="none" stroke="#D17454" stroke-width="12" stroke-miterlimit="10" cx="293" cy="278.7" r="138"/>
<path id="waterfall" fill="#7EE7F9" d="M338.5,116.9c8.5,0,7.3,3.9,15.8,7.3c4.9,1.9,12.2,1.8,16,6.5c3.2,3.9,1.9,10.4,2.6,17
	c1,9.7,7.1,34.4,9.3,63.4c1.6,20.7-0.6,43.7,0.9,64.2c2.7,35.3,13.6,32.4,8.7,64c-2.8,18.2-11.6,11.4-30.5,22.1
	c-9.1,5.2-19.4,13.4-33.5,15.5c-10.7,1.6-22.9-2.2-36.7-4.3c-12.1-1.8-23.6,0.1-33.1-2.1c-12.7-2.9-22.2-9.7-30.6-12.5
	c-21.4-7.2-29.4,5.1-32.6-11c-6.2-31.6,5.7-28.9,7.7-64.6c1.2-20.5-1.6-43.5-0.6-64.5c1.3-27.3,6.3-51.5,6.3-64.2
	c0.6-7.8-1.2-14.9,1.5-19.6c3.8-6.5,11.6-7.6,16.8-9.9c9.6-4.2,8.5-7.3,18.2-7c15.6,0.4,15.5,4,31.1,4c15.6,0,15.5-3.3,31.1-4
	C322.9,116.2,322.9,116.9,338.5,116.9z"/>

diysoho

<div class="student">
  <svg id="student" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 385">
    <circle class="circle" style="display:none;" id="BG" opacity="0.2" cx="200.011" cy="208" r="157.657"/>
    <circle class="circle" style="display:none;" id="dashed" opacity="0.15" fill="none" stroke="#FFFFFF" stroke-width="1.9028" stroke-miterlimit="10" stroke-dasharray="6.5548" cx="200.333" cy="208" r="176.666"/>
    <g id="stud_whole" style="display:none;">
      <g id="stud_body">
        <path fill="#FFFFFF" d="M300,323v-9.401C300,268.536,255.131,232,200.241,232h-1.482
                                C143.869,232,99,268.536,99,313.599V323H300z"/>
        <path fill="#C99877" d="M251.2,240.3l-46.504,46.501c-2.868,2.869-7.521,2.869-10.391,0
                                L147.803,240.3C115.768,254.945,94,282.958,94,315.111V326h211v-10.889C305,282.958,283.232,254.945,251.2,240.3z"/>

diysoho

Goo Bubble

Just playin'

A Pen by Chris Gannon on CodePen.

License.

diysoho

<div class="container">
<svg class="dogSVG" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600">
  <defs>
      
    <clipPath id="mainMask">
    <rect id="bg" width="600" height="600" rx="56" ry="56" fill="#C32747"/>
    
    </clipPath>
  </defs>
  <use xlink:href="#bg"/>

diysoho

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="300 300 1400 1400">
<g id="Drums">
	<g>
		<path id="Drum-Shadow" opacity="0.1" fill="#333333" d="M1626.6,1282.8c0,45.4-280.5,82.1-626.6,82.1
			c-346,0-626.6-36.8-626.6-82.1c0-45.4,280.5-82.1,626.6-82.1C1346,1200.6,1626.6,1237.4,1626.6,1282.8z"/>
		<g id="Snare">
			<g id="Snare-Drum">
				
					<rect x="1219" y="885" fill="#0BC1F8" stroke="#333333" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="223" height="110"/>
				<line fill="none" stroke="#0891BA" stroke-width="8" stroke-miterlimit="10" x1="1438" y1="914" x2="1223" y2="914"/>

diysoho

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 800 600" text-rendering="auto" preserveAspectRatio="xMidYMid meet">
<defs>
<circle class="dot" fill="#FF69B4" stroke="none" stroke-width="0" stroke-miterlimit="10" cx="0" cy="300"/>  
  <g class="textGroup">
    <text class='label'>HI</text>
  </g>
<filter id="goo" color-interpolation-filters="sRGB">
        <feGaussianBlur in="SourceGraphic" stdDeviation="8" result="blur" />
        <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 31 -12" result="cm" />

diysoho

<div class="header">
    <div class="title">Medical SVG<br/>Animated Icons
    </div>
    <div class="bar"></div>
</div>
<div class="navigation">
    <button class="navButton" id="prevButton">Prev</button>
    <div id="navText">1/4</div>
    <button class="navButton" id="nextButton">Next</button>
</div>

diysoho

<div class="container">
  <svg class="rocket-svg" version="1.1" x="0px" y="0px" width="600px" height="600px" viewBox="0 0 600 600" >
    <defs>
   
      <clipPath id="clipPath">
        <circle id="rocketMask" cx="300" cy="300" r="80" />
      </clipPath>
      <symbol id="rocket-symbol">
        <path fill="#C63121" d="M361.2,305.8c-0.4,28.4-5.3,59.2-14.7,92.3c30,16.6,51.4,26,64.1,27.9C409.5,388,393,347.9,361.2,305.8"/>
        <path fill="#C63121" d="M252.4,398.2c-9.4-33.2-14.2-64-14.7-92.3c-31.8,42-48.3,82.1-49.4,120.3C201,424.2,222.3,414.8,252.4,398.2

diysoho

<div class="scotch-container">
    <div class="scotch-logo liquid-clip--hidden">
        <img class="scotch-logo__image" src="https://i.lensdump.com/i/A85R2i.png">
        <svg class="scotch-logo__liquid" viewBox="0 0 30 48">
            <defs>
                <clipPath id="clip-path--glass">
                    <path class="liquid__path-container" d="M 8.6 1.5 c 0 13.33 -4.17 20 -3.75 23.33 a 9.17 8.33 0 0 0 20.83 0 c 0.42 -3.33 -3.75 -10 -3.75 -23.33 Z"></path>
                </clipPath>
                <clipPath id="clip-path--liquid">
                    <path class="liquid__path liquid__path--top-clip" d="M -80 22 C -75.08 16 -69.08 16 -64.17 22 S -53.25 28 -48.33 22 S -37.42 16 -32.5 22 S -21.58 28 -16.67 22 S -5.75 16 -0.83 22 S 10.08 28 15 22 S 25.92 16 30.83 22 S 41.75 28 46.67 22 S 57.58 16 62.5 22 S 73.42 28 78.33 22 S 89.25 16 94.17 22 S 105.08 28 110 22 l 0 30 l -190 0"></path>

diysoho

<body style="background: black">
    <div class="block">
      <div id="tubes"></div>
    </div>
</body>