.icon--ion {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon--ion--ellipsis-horizontal {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Ccircle cx='256' cy='256' r='48' fill='black'/%3E%3Ccircle cx='416' cy='256' r='48' fill='black'/%3E%3Ccircle cx='96' cy='256' r='48' fill='black'/%3E%3C/svg%3E");
}