decentraland-ui/dist/components/LanguageIcon/LanguageIcon.css

Decentraland's UI components and styles

.dcl.language-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
}

.dcl.language-icon.en {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='nonzero'%3E%3Cpath d='M0 0h16v16H0z'/%3E%3Cg%3E%3Ccircle cx='8' cy='8' r='8' fill='%23F0F0F0'/%3E%3Cg fill='%230052B4'%3E%3Cpath d='M1.654 3.13A7.97 7.97 0 0 0 .276 5.912h4.161L1.654 3.13zM15.724 5.913a7.971 7.971 0 0 0-1.378-2.784l-2.783 2.784h4.161zM.276 10.087a7.972 7.972 0 0 0 1.378 2.784l2.783-2.784H.276zM12.87 1.654A7.971 7.971 0 0 0 10.088.276v4.161l2.784-2.783zM3.13 14.346a7.972 7.972 0 0 0 2.783 1.378v-4.161L3.13 14.346zM5.913.276a7.972 7.972 0 0 0-2.784 1.378l2.784 2.783V.276zM10.087 15.724a7.972 7.972 0 0 0 2.784-1.378l-2.784-2.783v4.161zM11.563 10.087l2.783 2.784a7.971 7.971 0 0 0 1.378-2.784h-4.161z'/%3E%3C/g%3E%3Cg fill='%23D80027'%3E%3Cpath d='M15.932 6.957H9.044V.067a8.08 8.08 0 0 0-2.087 0v6.89H.067a8.08 8.08 0 0 0 0 2.086h6.89v6.89a8.08 8.08 0 0 0 2.086 0v-6.89h6.89a8.08 8.08 0 0 0 0-2.086z'/%3E%3Cpath d='M10.087 10.087l3.57 3.57a8.02 8.02 0 0 0 .47-.514l-3.056-3.056h-.984zM5.913 10.087l-3.57 3.57c.164.164.336.32.514.47l3.056-3.056v-.984zM5.913 5.913l-3.57-3.57a8.02 8.02 0 0 0-.47.514l3.056 3.056h.984zM10.087 5.913l3.57-3.57a8.01 8.01 0 0 0-.514-.47l-3.056 3.056v.984z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.dcl.language-icon.es {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h16v16H0z'/%3E%3Cpath fill='%23FFDA44' d='M0 8c0 .979.176 1.916.498 2.783L8 11.478l7.502-.695A7.983 7.983 0 0 0 16 8c0-.979-.176-1.916-.498-2.783L8 4.522l-7.502.695A7.983 7.983 0 0 0 0 8z'/%3E%3Cg fill='%23D80027'%3E%3Cpath d='M15.502 5.217a8.003 8.003 0 0 0-15.004 0h15.004zM.498 10.783a8.003 8.003 0 0 0 15.004 0H.498z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.dcl.language-icon.fr {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h16v16H0z'/%3E%3Cg%3E%3Ccircle cx='8' cy='8' r='8' fill='%23F0F0F0'/%3E%3Cpath fill='%23D80027' d='M16 8A8.003 8.003 0 0 0 10.783.498v15.004A8.003 8.003 0 0 0 16 8z'/%3E%3Cpath fill='%230052B4' d='M0 8a8.003 8.003 0 0 0 5.217 7.502V.498A8.003 8.003 0 0 0 0 8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.dcl.language-icon.ja {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h16v16H0z'/%3E%3Cg%3E%3Ccircle cx='8' cy='8' r='8' fill='%23F0F0F0'/%3E%3Ccircle cx='8' cy='8' r='3.478' fill='%23D80027'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.dcl.language-icon.zh {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill-rule='nonzero' d='M0 0h16v16H0z'/%3E%3Cpath fill-rule='nonzero' d='M0 0h16v16H0z'/%3E%3Cg%3E%3Ccircle cx='8' cy='8' r='8' fill='%23D80027'/%3E%3Cg fill='%23FFDA44'%3E%3Cpath d='M4.378 4.869l.69 2.125h2.235L5.497 8.309l.69 2.125-1.809-1.312-1.81 1.312.694-2.125-1.809-1.315h2.235zM9.484 12.39l-.528-.65-.781.304.453-.703-.528-.654.81.216.456-.703.043.837.813.216-.784.3zM10.534 10.484l.25-.8L10.1 9.2l.838-.013.246-.8.272.794.838-.01-.672.5.269.795-.685-.485zM11.95 5.872l-.369.753.6.584-.828-.118-.369.75-.143-.825-.832-.12.744-.39-.144-.828.6.584zM9.506 3.59l-.062.835.778.316-.816.2-.06.837-.44-.712-.815.2.54-.641-.444-.71.779.316z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.dcl.language-icon.ko {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill-rule='nonzero' d='M0 0h16v16H0z'/%3E%3Cg%3E%3Ccircle cx='8' cy='8' r='8' fill='%23F0F0F0'/%3E%3Cpath fill='%23D80027' d='M10.783 8c0 .696-1.246 2.435-2.783 2.435S5.217 8.695 5.217 8a2.783 2.783 0 1 1 5.566 0z'/%3E%3Cpath fill='%230052B4' d='M10.783 8a2.783 2.783 0 1 1-5.566 0'/%3E%3Cpath fill='%23000' d='M10.951 10.46l.738-.738.492.492-.738.737zM9.721 11.69l.738-.738.492.491-.738.738zM12.427 11.935l.738-.738.492.492-.738.738zM11.197 13.165l.738-.738.492.492-.738.738zM11.69 11.197l.737-.738.492.492-.738.738zM10.46 12.427l.737-.738.492.492-.737.738zM12.427 5.54L10.46 3.573l.492-.492 1.967 1.967zM10.46 5.049l-.738-.738.492-.492.738.738zM11.69 6.278l-.738-.738.491-.491.738.737zM11.935 3.573l-.738-.738.492-.492.738.738zM13.165 4.803l-.738-.738.492-.492.738.738zM2.835 11.197l1.968 1.968-.492.492-1.968-1.968zM4.803 11.69l.737.737-.492.492-.737-.738zM3.573 10.46l.738.737-.492.492-.738-.738zM4.31 9.722l1.968 1.967-.492.492-1.967-1.967zM4.803 2.835L2.835 4.803l-.492-.492 1.968-1.968zM5.54 3.573L3.573 5.54l-.492-.492 1.967-1.967zM6.279 4.31L4.31 6.279l-.492-.491 1.968-1.968z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.dcl.language-icon-wrapper {
  display: flex;
  align-items: center;
}

.dcl.language-icon-wrapper .language-icon-label {
  font-size: 14px;
  line-height: 20px;
  margin-left: 8px;
  font-weight: 500;
  color: var(--text);
}