huawei logo

huawei-text from LobeHub AI Icons by LobeHub · Wordmark · MIT Free for personal and commercial use.

Name
huawei-text
Set
LobeHub AI Icons
Style
Wordmark
Viewbox
120×24
License
MIT

3 other variants in LobeHub AI Icons

huaweihuawei-colorhuawei-text-cn

The same logo in other sets

huaweiCoreUI BrandshuaweiSimple Icons

Use the huawei logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 120 24"><path fill="currentColor" fill-rule="evenodd" d="M6.068 2.132H2v19.473h4.068V13.71h8.923v7.895h3.937V2.132H14.99v7.894H6.068V2.132zm31.23 11.184c0 3.158-1.574 4.868-4.46 4.868-2.888 0-4.462-1.71-4.462-5V2.132h-3.937v11.184c0 5.526 3.018 8.684 8.398 8.684s8.398-3.158 8.398-8.816V2.132H37.3v11.184zM75.354 2.132l-4.462 13.42-4.33-13.42h-4.199l6.824 19.473h3.28l4.462-12.763 4.33 12.763h3.412l6.692-19.473h-4.068l-4.33 13.42-4.462-13.42h-3.15zm30.312 7.5h-7.217V5.684h10.498V2.132H94.511v19.473h14.828v-3.552H98.448v-4.869h7.217V9.632zm8.398-7.5H118v19.473h-3.937V2.132zM57.9 17.526l1.706 4.08h4.2l-8.53-19.474L55.145 2h-3.412l-8.53 19.605h4.069l1.705-3.816.132-.263H57.9zM53.44 7l2.756 6.579.13.395H50.29l.13-.395L53.44 7z"/></svg>

React

import type { SVGProps } from "react";

export function LobehubHuaweiText(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 120 24"><path fill="currentColor" fillRule="evenodd" d="M6.068 2.132H2v19.473h4.068V13.71h8.923v7.895h3.937V2.132H14.99v7.894H6.068V2.132zm31.23 11.184c0 3.158-1.574 4.868-4.46 4.868-2.888 0-4.462-1.71-4.462-5V2.132h-3.937v11.184c0 5.526 3.018 8.684 8.398 8.684s8.398-3.158 8.398-8.816V2.132H37.3v11.184zM75.354 2.132l-4.462 13.42-4.33-13.42h-4.199l6.824 19.473h3.28l4.462-12.763 4.33 12.763h3.412l6.692-19.473h-4.068l-4.33 13.42-4.462-13.42h-3.15zm30.312 7.5h-7.217V5.684h10.498V2.132H94.511v19.473h14.828v-3.552H98.448v-4.869h7.217V9.632zm8.398-7.5H118v19.473h-3.937V2.132zM57.9 17.526l1.706 4.08h4.2l-8.53-19.474L55.145 2h-3.412l-8.53 19.605h4.069l1.705-3.816.132-.263H57.9zM53.44 7l2.756 6.579.13.395H50.29l.13-.395L53.44 7z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 120 24"><path fill="currentColor" fill-rule="evenodd" d="M6.068 2.132H2v19.473h4.068V13.71h8.923v7.895h3.937V2.132H14.99v7.894H6.068V2.132zm31.23 11.184c0 3.158-1.574 4.868-4.46 4.868-2.888 0-4.462-1.71-4.462-5V2.132h-3.937v11.184c0 5.526 3.018 8.684 8.398 8.684s8.398-3.158 8.398-8.816V2.132H37.3v11.184zM75.354 2.132l-4.462 13.42-4.33-13.42h-4.199l6.824 19.473h3.28l4.462-12.763 4.33 12.763h3.412l6.692-19.473h-4.068l-4.33 13.42-4.462-13.42h-3.15zm30.312 7.5h-7.217V5.684h10.498V2.132H94.511v19.473h14.828v-3.552H98.448v-4.869h7.217V9.632zm8.398-7.5H118v19.473h-3.937V2.132zM57.9 17.526l1.706 4.08h4.2l-8.53-19.474L55.145 2h-3.412l-8.53 19.605h4.069l1.705-3.816.132-.263H57.9zM53.44 7l2.756 6.579.13.395H50.29l.13-.395L53.44 7z"/></svg>
</template>

CSS

.icon-huawei-text {
  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%20120%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.068%202.132H2v19.473h4.068V13.71h8.923v7.895h3.937V2.132H14.99v7.894H6.068V2.132zm31.23%2011.184c0%203.158-1.574%204.868-4.46%204.868-2.888%200-4.462-1.71-4.462-5V2.132h-3.937v11.184c0%205.526%203.018%208.684%208.398%208.684s8.398-3.158%208.398-8.816V2.132H37.3v11.184zM75.354%202.132l-4.462%2013.42-4.33-13.42h-4.199l6.824%2019.473h3.28l4.462-12.763%204.33%2012.763h3.412l6.692-19.473h-4.068l-4.33%2013.42-4.462-13.42h-3.15zm30.312%207.5h-7.217V5.684h10.498V2.132H94.511v19.473h14.828v-3.552H98.448v-4.869h7.217V9.632zm8.398-7.5H118v19.473h-3.937V2.132zM57.9%2017.526l1.706%204.08h4.2l-8.53-19.474L55.145%202h-3.412l-8.53%2019.605h4.069l1.705-3.816.132-.263H57.9zM53.44%207l2.756%206.579.13.395H50.29l.13-.395L53.44%207z%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%20120%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.068%202.132H2v19.473h4.068V13.71h8.923v7.895h3.937V2.132H14.99v7.894H6.068V2.132zm31.23%2011.184c0%203.158-1.574%204.868-4.46%204.868-2.888%200-4.462-1.71-4.462-5V2.132h-3.937v11.184c0%205.526%203.018%208.684%208.398%208.684s8.398-3.158%208.398-8.816V2.132H37.3v11.184zM75.354%202.132l-4.462%2013.42-4.33-13.42h-4.199l6.824%2019.473h3.28l4.462-12.763%204.33%2012.763h3.412l6.692-19.473h-4.068l-4.33%2013.42-4.462-13.42h-3.15zm30.312%207.5h-7.217V5.684h10.498V2.132H94.511v19.473h14.828v-3.552H98.448v-4.869h7.217V9.632zm8.398-7.5H118v19.473h-3.937V2.132zM57.9%2017.526l1.706%204.08h4.2l-8.53-19.474L55.145%202h-3.412l-8.53%2019.605h4.069l1.705-3.816.132-.263H57.9zM53.44%207l2.756%206.579.13.395H50.29l.13-.395L53.44%207z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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