logoPatternizer

About
.pattern {
  background-color: #000;
  background-image: repeating-linear-gradient(135deg, rgba(58, 177, 214, 0.2) 90px, rgba(58, 177, 214, 0.2) 100px, transparent 100px, transparent 190px),
  repeating-linear-gradient(134.75deg, rgba(58, 177, 214, 0.2) 90px, rgba(58, 177, 214, 0.2) 100px, transparent 100px, transparent 190px),
  repeating-linear-gradient(134.5deg, rgba(58, 177, 214, 0.2) 90px, rgba(58, 177, 214, 0.2) 100px, transparent 100px, transparent 190px),
  repeating-linear-gradient(135.25deg, rgba(58, 177, 214, 0.2) 90px, rgba(58, 177, 214, 0.2) 100px, transparent 100px, transparent 190px),
  repeating-linear-gradient(135.5deg, rgba(58, 177, 214, 0.2) 90px, rgba(58, 177, 214, 0.2) 100px, transparent 100px, transparent 190px),
  repeating-linear-gradient(134.5deg, rgba(38, 153, 192, 0.15) 20px, rgba(38, 153, 192, 0.15) 100px, transparent 100px, transparent 120px),
  repeating-linear-gradient(134deg, rgba(38, 153, 192, 0.15) 20px, rgba(38, 153, 192, 0.15) 100px, transparent 100px, transparent 120px),
  repeating-linear-gradient(133.5deg, rgba(38, 153, 192, 0.15) 20px, rgba(38, 153, 192, 0.15) 100px, transparent 100px, transparent 120px),
  repeating-linear-gradient(133deg, rgba(38, 153, 192, 0.15) 20px, rgba(38, 153, 192, 0.15) 100px, transparent 100px, transparent 120px),
  repeating-linear-gradient(132.5deg, rgba(38, 153, 192, 0.15) 20px, rgba(38, 153, 192, 0.15) 100px, transparent 100px, transparent 120px);
  background-position: center;
}