hexo logo

hexo from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
hexo
Set
SVG Logos
Style
Color
Viewbox
256×295
License
CC0

The same logo in other sets

hexoCoreUI BrandshexoSimple Icons

Use the hexo logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 295"><path fill="#0e83cd" d="M128.04 0L.574 73.768L.59 221.079l127.754 73.465l127.464-73.769l.002-147.23z"/><path fill="#fff" d="m68.242 211.051l.01-63.7l.01-63.702l11.573-6.768l11.085 6.56l.12 26.03l.12 26.031h74.075l.12-26.013l.12-26.014l11.257-6.505l11.412 6.68l-.006 63.658l-.005 63.659l-11.298 6.31l-11.361-6.392l-.12-25.885l-.12-25.886H91.16l-.12 25.878l.034 26.008l-11.36 6.663z"/></svg>

React

import type { SVGProps } from "react";

export function LogosHexo(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 295"><path fill="#0e83cd" d="M128.04 0L.574 73.768L.59 221.079l127.754 73.465l127.464-73.769l.002-147.23z"/><path fill="#fff" d="m68.242 211.051l.01-63.7l.01-63.702l11.573-6.768l11.085 6.56l.12 26.03l.12 26.031h74.075l.12-26.013l.12-26.014l11.257-6.505l11.412 6.68l-.006 63.658l-.005 63.659l-11.298 6.31l-11.361-6.392l-.12-25.885l-.12-25.886H91.16l-.12 25.878l.034 26.008l-11.36 6.663z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 295"><path fill="#0e83cd" d="M128.04 0L.574 73.768L.59 221.079l127.754 73.465l127.464-73.769l.002-147.23z"/><path fill="#fff" d="m68.242 211.051l.01-63.7l.01-63.702l11.573-6.768l11.085 6.56l.12 26.03l.12 26.031h74.075l.12-26.013l.12-26.014l11.257-6.505l11.412 6.68l-.006 63.658l-.005 63.659l-11.298 6.31l-11.361-6.392l-.12-25.885l-.12-25.886H91.16l-.12 25.878l.034 26.008l-11.36 6.663z"/></svg>
</template>

CSS

.icon-hexo {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20295%22%3E%3Cpath%20fill%3D%22%230e83cd%22%20d%3D%22M128.04%200L.574%2073.768L.59%20221.079l127.754%2073.465l127.464-73.769l.002-147.23z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m68.242%20211.051l.01-63.7l.01-63.702l11.573-6.768l11.085%206.56l.12%2026.03l.12%2026.031h74.075l.12-26.013l.12-26.014l11.257-6.505l11.412%206.68l-.006%2063.658l-.005%2063.659l-11.298%206.31l-11.361-6.392l-.12-25.885l-.12-25.886H91.16l-.12%2025.878l.034%2026.008l-11.36%206.663z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20295%22%3E%3Cpath%20fill%3D%22%230e83cd%22%20d%3D%22M128.04%200L.574%2073.768L.59%20221.079l127.754%2073.465l127.464-73.769l.002-147.23z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m68.242%20211.051l.01-63.7l.01-63.702l11.573-6.768l11.085%206.56l.12%2026.03l.12%2026.031h74.075l.12-26.013l.12-26.014l11.257-6.505l11.412%206.68l-.006%2063.658l-.005%2063.659l-11.298%206.31l-11.361-6.392l-.12-25.885l-.12-25.886H91.16l-.12%2025.878l.034%2026.008l-11.36%206.663z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/hexo.svg?color=%231a73e8&size=48