gistfile1.txt

<div class="container">
	<div class="loader"></div>
</div>

.container {
	width: 350px;
	height: 350px;
	border-radius: 100%;
  margin: 60px;
	background: linear-gradient(165deg, rgba(255,255,255,1) 0%, rgb(220, 220, 220) 40%, rgb(170, 170, 170) 98%, rgb(10, 10, 10) 100%);
	position: relative;
}

.loader:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 100%;
	border-bottom: 0 solid #ffffff05;
	
	box-shadow: 
		0 -10px 20px 20px #fabb00 inset,
		0 -5px 15px 10px #ee8221 inset,
		0 -2px 5px #fabb00 inset,
		0 -3px 2px #db202e inset,
		0 2px 0px #ffffff,
		0 2px 3px #ffffff,
		0 5px 5px #db202e,
		0 10px 15px #db202e,
		0 10px 20px 20px #ee8221;
	filter: blur(3px);
	animation: 2s rotate linear infinite;
}

.loader:after {
	position: absolute;
	content: '';
	min-width: 100%;
	min-height: 100%;
	background-image: url("data:image/svg+xml,%3Csvg id='Warstwa_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 69 60'%3E%3Cdefs%3E%3Cstyle%3E .cls-1%7Bfill:%23ee8221;%7D.cls-2%7Bfill:%23db202e;%7D.cls-3%7Bfill:%23fabb00;%7D.cls-4%7Bfill:%23b62b31;%7D.cls-5%7Bfill:%232d2c2e;%7D %3C/style%3E%3C/defs%3E%3Ctitle%3Elogo_GWO-01%3C/title%3E%3Cpolygon class='cls-1' points='22.15 54.98 34.26 42.86 10.04 42.86 22.15 54.98'/%3E%3Cpolygon class='cls-1' points='42.83 51.43 34.26 42.86 51.39 42.86 59.96 51.43 42.83 51.43'/%3E%3Cpolygon class='cls-2' points='51.39 51.43 68.52 51.43 59.96 60 51.39 51.43'/%3E%3Crect class='cls-3' x='36.77' y='2.51' width='12.12' height='12.12' transform='translate(6.49 32.81) rotate(-45.02)'/%3E%3Cpolygon class='cls-4' points='0 42.86 8.56 34.29 17.13 42.86 0 42.86'/%3E%3Cpolygon class='cls-2' points='17.13 42.86 34.26 25.71 51.39 42.86 17.13 42.86'/%3E%3Cpolygon class='cls-1' points='59.96 17.14 42.83 34.29 25.7 17.14 59.96 17.14'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: 42% 41%;
	background-size: 70% 70%;
}

@keyframes rotate {
	100% {
		transform: rotate(360deg)
	}
}