claude logo

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

Name
claude-text
Set
LobeHub AI Icons
Style
Wordmark
Viewbox
97×24
License
MIT

2 other variants in LobeHub AI Icons

claudeclaude-color

The same logo in other sets

All claude icons →
claude-filledAnt Design IconsclaudeBootstrap IconsclaudeCodiconsclaudeDeviconclaudeFont Awesome BrandsclaudeHuge IconsclaudeSVG LogosclaudeMaterial Icon Themeclaude-fillMingCute Iconclaude-fillRemix IconclaudeSimple Icons

Use the claude logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 97 24"><path fill="currentColor" d="M13.623 20.222c-3.417 0-5.753-1.901-6.855-4.827a12.992 12.992 0 01-.838-4.772c0-4.907 2.206-8.315 7.08-8.315 3.275 0 5.297 1.425 6.448 4.826h1.402l-.19-4.69C18.709 1.18 16.258.543 13.276.543c-4.2 0-7.775 1.874-9.763 5.254a11.357 11.357 0 00-1.511 5.872c0 3.753 1.777 7.08 5.113 8.926a11.95 11.95 0 005.943 1.398c3.254 0 5.835-.617 8.122-1.697l.593-5.172h-1.43c-.858 2.362-1.88 3.78-3.574 4.534-.831.373-1.88.564-3.146.564zm14.74-17.914L28.499 0h-.967L23.23 1.29v.699l1.907.882v16.142c0 1.1-.565 1.344-2.043 1.528v1.18h7.319v-1.18c-1.484-.184-2.042-.428-2.042-1.528V2.315l-.007-.007zm29.104 19.685h.565l4.95-.937v-1.208l-.695-.054c-1.157-.109-1.457-.346-1.457-1.29V9.897l.137-2.763h-.783l-4.678.672v1.181l.457.082c1.266.183 1.64.536 1.64 1.419v7.67c-1.212.937-2.369 1.527-3.744 1.527-1.525 0-2.471-.774-2.471-2.58V9.905l.136-2.763h-.804l-4.684.672v1.181l.484.082c1.266.183 1.64.536 1.64 1.418v7.08c0 3 1.703 4.426 4.412 4.426 2.07 0 3.765-1.1 5.038-2.627L57.474 22l-.007-.007zm-13.602-9.55c0-3.836-2.043-5.309-5.733-5.309-3.254 0-5.616 1.344-5.616 3.57 0 .666.238 1.175.721 1.528l2.478-.326c-.109-.746-.163-1.201-.163-1.391 0-1.263.674-1.901 2.042-1.901 2.022 0 3.044 1.419 3.044 3.7v.746l-5.106 1.527c-1.702.462-2.67.863-3.316 1.8a3.386 3.386 0 00-.476 1.9c0 2.172 1.497 3.706 4.057 3.706 1.852 0 3.493-.835 4.922-2.416.51 1.581 1.294 2.416 2.69 2.416 1.13 0 2.15-.455 3.063-1.344l-.272-.937a4.363 4.363 0 01-1.178.163c-.783 0-1.157-.617-1.157-1.826v-5.607zm-6.536 7.378c-1.396 0-2.26-.808-2.26-2.226 0-.964.456-1.528 1.43-1.854l4.139-1.31v3.965c-1.321.997-2.097 1.425-3.31 1.425zm43.095 1.235v-1.208l-.701-.054c-1.158-.109-1.45-.346-1.45-1.29V2.308L78.409 0h-.974l-4.302 1.29v.699l1.906.882V8.18a6.024 6.024 0 00-3.656-1.046c-4.276 0-7.612 3.245-7.612 8.098 0 3.998 2.397 6.761 6.346 6.761 2.042 0 3.819-.99 4.922-2.525l-.136 2.525h.571l4.95-.937zm-8.96-12.313c2.043 0 3.575 1.181 3.575 3.353v6.11a4.91 4.91 0 01-3.547 1.425c-2.928 0-4.412-2.308-4.412-5.39 0-3.462 1.695-5.498 4.385-5.498zm19.424 3.055c-.381-1.792-1.484-2.81-3.016-2.81-2.288 0-3.874 1.717-3.874 4.18 0 3.646 1.934 6.008 5.059 6.008a5.858 5.858 0 005.03-2.953l.913.245c-.408 3.163-3.281 5.525-6.808 5.525-4.14 0-6.992-3.054-6.992-7.399 0-4.378 3.098-7.46 7.237-7.46 3.09 0 5.27 1.853 5.97 5.07l-10.783 3.3V14.05l7.264-2.247v-.006z"/></svg>

React

import type { SVGProps } from "react";

export function LobehubClaudeText(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 97 24"><path fill="currentColor" d="M13.623 20.222c-3.417 0-5.753-1.901-6.855-4.827a12.992 12.992 0 01-.838-4.772c0-4.907 2.206-8.315 7.08-8.315 3.275 0 5.297 1.425 6.448 4.826h1.402l-.19-4.69C18.709 1.18 16.258.543 13.276.543c-4.2 0-7.775 1.874-9.763 5.254a11.357 11.357 0 00-1.511 5.872c0 3.753 1.777 7.08 5.113 8.926a11.95 11.95 0 005.943 1.398c3.254 0 5.835-.617 8.122-1.697l.593-5.172h-1.43c-.858 2.362-1.88 3.78-3.574 4.534-.831.373-1.88.564-3.146.564zm14.74-17.914L28.499 0h-.967L23.23 1.29v.699l1.907.882v16.142c0 1.1-.565 1.344-2.043 1.528v1.18h7.319v-1.18c-1.484-.184-2.042-.428-2.042-1.528V2.315l-.007-.007zm29.104 19.685h.565l4.95-.937v-1.208l-.695-.054c-1.157-.109-1.457-.346-1.457-1.29V9.897l.137-2.763h-.783l-4.678.672v1.181l.457.082c1.266.183 1.64.536 1.64 1.419v7.67c-1.212.937-2.369 1.527-3.744 1.527-1.525 0-2.471-.774-2.471-2.58V9.905l.136-2.763h-.804l-4.684.672v1.181l.484.082c1.266.183 1.64.536 1.64 1.418v7.08c0 3 1.703 4.426 4.412 4.426 2.07 0 3.765-1.1 5.038-2.627L57.474 22l-.007-.007zm-13.602-9.55c0-3.836-2.043-5.309-5.733-5.309-3.254 0-5.616 1.344-5.616 3.57 0 .666.238 1.175.721 1.528l2.478-.326c-.109-.746-.163-1.201-.163-1.391 0-1.263.674-1.901 2.042-1.901 2.022 0 3.044 1.419 3.044 3.7v.746l-5.106 1.527c-1.702.462-2.67.863-3.316 1.8a3.386 3.386 0 00-.476 1.9c0 2.172 1.497 3.706 4.057 3.706 1.852 0 3.493-.835 4.922-2.416.51 1.581 1.294 2.416 2.69 2.416 1.13 0 2.15-.455 3.063-1.344l-.272-.937a4.363 4.363 0 01-1.178.163c-.783 0-1.157-.617-1.157-1.826v-5.607zm-6.536 7.378c-1.396 0-2.26-.808-2.26-2.226 0-.964.456-1.528 1.43-1.854l4.139-1.31v3.965c-1.321.997-2.097 1.425-3.31 1.425zm43.095 1.235v-1.208l-.701-.054c-1.158-.109-1.45-.346-1.45-1.29V2.308L78.409 0h-.974l-4.302 1.29v.699l1.906.882V8.18a6.024 6.024 0 00-3.656-1.046c-4.276 0-7.612 3.245-7.612 8.098 0 3.998 2.397 6.761 6.346 6.761 2.042 0 3.819-.99 4.922-2.525l-.136 2.525h.571l4.95-.937zm-8.96-12.313c2.043 0 3.575 1.181 3.575 3.353v6.11a4.91 4.91 0 01-3.547 1.425c-2.928 0-4.412-2.308-4.412-5.39 0-3.462 1.695-5.498 4.385-5.498zm19.424 3.055c-.381-1.792-1.484-2.81-3.016-2.81-2.288 0-3.874 1.717-3.874 4.18 0 3.646 1.934 6.008 5.059 6.008a5.858 5.858 0 005.03-2.953l.913.245c-.408 3.163-3.281 5.525-6.808 5.525-4.14 0-6.992-3.054-6.992-7.399 0-4.378 3.098-7.46 7.237-7.46 3.09 0 5.27 1.853 5.97 5.07l-10.783 3.3V14.05l7.264-2.247v-.006z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 97 24"><path fill="currentColor" d="M13.623 20.222c-3.417 0-5.753-1.901-6.855-4.827a12.992 12.992 0 01-.838-4.772c0-4.907 2.206-8.315 7.08-8.315 3.275 0 5.297 1.425 6.448 4.826h1.402l-.19-4.69C18.709 1.18 16.258.543 13.276.543c-4.2 0-7.775 1.874-9.763 5.254a11.357 11.357 0 00-1.511 5.872c0 3.753 1.777 7.08 5.113 8.926a11.95 11.95 0 005.943 1.398c3.254 0 5.835-.617 8.122-1.697l.593-5.172h-1.43c-.858 2.362-1.88 3.78-3.574 4.534-.831.373-1.88.564-3.146.564zm14.74-17.914L28.499 0h-.967L23.23 1.29v.699l1.907.882v16.142c0 1.1-.565 1.344-2.043 1.528v1.18h7.319v-1.18c-1.484-.184-2.042-.428-2.042-1.528V2.315l-.007-.007zm29.104 19.685h.565l4.95-.937v-1.208l-.695-.054c-1.157-.109-1.457-.346-1.457-1.29V9.897l.137-2.763h-.783l-4.678.672v1.181l.457.082c1.266.183 1.64.536 1.64 1.419v7.67c-1.212.937-2.369 1.527-3.744 1.527-1.525 0-2.471-.774-2.471-2.58V9.905l.136-2.763h-.804l-4.684.672v1.181l.484.082c1.266.183 1.64.536 1.64 1.418v7.08c0 3 1.703 4.426 4.412 4.426 2.07 0 3.765-1.1 5.038-2.627L57.474 22l-.007-.007zm-13.602-9.55c0-3.836-2.043-5.309-5.733-5.309-3.254 0-5.616 1.344-5.616 3.57 0 .666.238 1.175.721 1.528l2.478-.326c-.109-.746-.163-1.201-.163-1.391 0-1.263.674-1.901 2.042-1.901 2.022 0 3.044 1.419 3.044 3.7v.746l-5.106 1.527c-1.702.462-2.67.863-3.316 1.8a3.386 3.386 0 00-.476 1.9c0 2.172 1.497 3.706 4.057 3.706 1.852 0 3.493-.835 4.922-2.416.51 1.581 1.294 2.416 2.69 2.416 1.13 0 2.15-.455 3.063-1.344l-.272-.937a4.363 4.363 0 01-1.178.163c-.783 0-1.157-.617-1.157-1.826v-5.607zm-6.536 7.378c-1.396 0-2.26-.808-2.26-2.226 0-.964.456-1.528 1.43-1.854l4.139-1.31v3.965c-1.321.997-2.097 1.425-3.31 1.425zm43.095 1.235v-1.208l-.701-.054c-1.158-.109-1.45-.346-1.45-1.29V2.308L78.409 0h-.974l-4.302 1.29v.699l1.906.882V8.18a6.024 6.024 0 00-3.656-1.046c-4.276 0-7.612 3.245-7.612 8.098 0 3.998 2.397 6.761 6.346 6.761 2.042 0 3.819-.99 4.922-2.525l-.136 2.525h.571l4.95-.937zm-8.96-12.313c2.043 0 3.575 1.181 3.575 3.353v6.11a4.91 4.91 0 01-3.547 1.425c-2.928 0-4.412-2.308-4.412-5.39 0-3.462 1.695-5.498 4.385-5.498zm19.424 3.055c-.381-1.792-1.484-2.81-3.016-2.81-2.288 0-3.874 1.717-3.874 4.18 0 3.646 1.934 6.008 5.059 6.008a5.858 5.858 0 005.03-2.953l.913.245c-.408 3.163-3.281 5.525-6.808 5.525-4.14 0-6.992-3.054-6.992-7.399 0-4.378 3.098-7.46 7.237-7.46 3.09 0 5.27 1.853 5.97 5.07l-10.783 3.3V14.05l7.264-2.247v-.006z"/></svg>
</template>

CSS

.icon-claude-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%2097%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.623%2020.222c-3.417%200-5.753-1.901-6.855-4.827a12.992%2012.992%200%2001-.838-4.772c0-4.907%202.206-8.315%207.08-8.315%203.275%200%205.297%201.425%206.448%204.826h1.402l-.19-4.69C18.709%201.18%2016.258.543%2013.276.543c-4.2%200-7.775%201.874-9.763%205.254a11.357%2011.357%200%2000-1.511%205.872c0%203.753%201.777%207.08%205.113%208.926a11.95%2011.95%200%20005.943%201.398c3.254%200%205.835-.617%208.122-1.697l.593-5.172h-1.43c-.858%202.362-1.88%203.78-3.574%204.534-.831.373-1.88.564-3.146.564zm14.74-17.914L28.499%200h-.967L23.23%201.29v.699l1.907.882v16.142c0%201.1-.565%201.344-2.043%201.528v1.18h7.319v-1.18c-1.484-.184-2.042-.428-2.042-1.528V2.315l-.007-.007zm29.104%2019.685h.565l4.95-.937v-1.208l-.695-.054c-1.157-.109-1.457-.346-1.457-1.29V9.897l.137-2.763h-.783l-4.678.672v1.181l.457.082c1.266.183%201.64.536%201.64%201.419v7.67c-1.212.937-2.369%201.527-3.744%201.527-1.525%200-2.471-.774-2.471-2.58V9.905l.136-2.763h-.804l-4.684.672v1.181l.484.082c1.266.183%201.64.536%201.64%201.418v7.08c0%203%201.703%204.426%204.412%204.426%202.07%200%203.765-1.1%205.038-2.627L57.474%2022l-.007-.007zm-13.602-9.55c0-3.836-2.043-5.309-5.733-5.309-3.254%200-5.616%201.344-5.616%203.57%200%20.666.238%201.175.721%201.528l2.478-.326c-.109-.746-.163-1.201-.163-1.391%200-1.263.674-1.901%202.042-1.901%202.022%200%203.044%201.419%203.044%203.7v.746l-5.106%201.527c-1.702.462-2.67.863-3.316%201.8a3.386%203.386%200%2000-.476%201.9c0%202.172%201.497%203.706%204.057%203.706%201.852%200%203.493-.835%204.922-2.416.51%201.581%201.294%202.416%202.69%202.416%201.13%200%202.15-.455%203.063-1.344l-.272-.937a4.363%204.363%200%2001-1.178.163c-.783%200-1.157-.617-1.157-1.826v-5.607zm-6.536%207.378c-1.396%200-2.26-.808-2.26-2.226%200-.964.456-1.528%201.43-1.854l4.139-1.31v3.965c-1.321.997-2.097%201.425-3.31%201.425zm43.095%201.235v-1.208l-.701-.054c-1.158-.109-1.45-.346-1.45-1.29V2.308L78.409%200h-.974l-4.302%201.29v.699l1.906.882V8.18a6.024%206.024%200%2000-3.656-1.046c-4.276%200-7.612%203.245-7.612%208.098%200%203.998%202.397%206.761%206.346%206.761%202.042%200%203.819-.99%204.922-2.525l-.136%202.525h.571l4.95-.937zm-8.96-12.313c2.043%200%203.575%201.181%203.575%203.353v6.11a4.91%204.91%200%2001-3.547%201.425c-2.928%200-4.412-2.308-4.412-5.39%200-3.462%201.695-5.498%204.385-5.498zm19.424%203.055c-.381-1.792-1.484-2.81-3.016-2.81-2.288%200-3.874%201.717-3.874%204.18%200%203.646%201.934%206.008%205.059%206.008a5.858%205.858%200%20005.03-2.953l.913.245c-.408%203.163-3.281%205.525-6.808%205.525-4.14%200-6.992-3.054-6.992-7.399%200-4.378%203.098-7.46%207.237-7.46%203.09%200%205.27%201.853%205.97%205.07l-10.783%203.3V14.05l7.264-2.247v-.006z%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%2097%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.623%2020.222c-3.417%200-5.753-1.901-6.855-4.827a12.992%2012.992%200%2001-.838-4.772c0-4.907%202.206-8.315%207.08-8.315%203.275%200%205.297%201.425%206.448%204.826h1.402l-.19-4.69C18.709%201.18%2016.258.543%2013.276.543c-4.2%200-7.775%201.874-9.763%205.254a11.357%2011.357%200%2000-1.511%205.872c0%203.753%201.777%207.08%205.113%208.926a11.95%2011.95%200%20005.943%201.398c3.254%200%205.835-.617%208.122-1.697l.593-5.172h-1.43c-.858%202.362-1.88%203.78-3.574%204.534-.831.373-1.88.564-3.146.564zm14.74-17.914L28.499%200h-.967L23.23%201.29v.699l1.907.882v16.142c0%201.1-.565%201.344-2.043%201.528v1.18h7.319v-1.18c-1.484-.184-2.042-.428-2.042-1.528V2.315l-.007-.007zm29.104%2019.685h.565l4.95-.937v-1.208l-.695-.054c-1.157-.109-1.457-.346-1.457-1.29V9.897l.137-2.763h-.783l-4.678.672v1.181l.457.082c1.266.183%201.64.536%201.64%201.419v7.67c-1.212.937-2.369%201.527-3.744%201.527-1.525%200-2.471-.774-2.471-2.58V9.905l.136-2.763h-.804l-4.684.672v1.181l.484.082c1.266.183%201.64.536%201.64%201.418v7.08c0%203%201.703%204.426%204.412%204.426%202.07%200%203.765-1.1%205.038-2.627L57.474%2022l-.007-.007zm-13.602-9.55c0-3.836-2.043-5.309-5.733-5.309-3.254%200-5.616%201.344-5.616%203.57%200%20.666.238%201.175.721%201.528l2.478-.326c-.109-.746-.163-1.201-.163-1.391%200-1.263.674-1.901%202.042-1.901%202.022%200%203.044%201.419%203.044%203.7v.746l-5.106%201.527c-1.702.462-2.67.863-3.316%201.8a3.386%203.386%200%2000-.476%201.9c0%202.172%201.497%203.706%204.057%203.706%201.852%200%203.493-.835%204.922-2.416.51%201.581%201.294%202.416%202.69%202.416%201.13%200%202.15-.455%203.063-1.344l-.272-.937a4.363%204.363%200%2001-1.178.163c-.783%200-1.157-.617-1.157-1.826v-5.607zm-6.536%207.378c-1.396%200-2.26-.808-2.26-2.226%200-.964.456-1.528%201.43-1.854l4.139-1.31v3.965c-1.321.997-2.097%201.425-3.31%201.425zm43.095%201.235v-1.208l-.701-.054c-1.158-.109-1.45-.346-1.45-1.29V2.308L78.409%200h-.974l-4.302%201.29v.699l1.906.882V8.18a6.024%206.024%200%2000-3.656-1.046c-4.276%200-7.612%203.245-7.612%208.098%200%203.998%202.397%206.761%206.346%206.761%202.042%200%203.819-.99%204.922-2.525l-.136%202.525h.571l4.95-.937zm-8.96-12.313c2.043%200%203.575%201.181%203.575%203.353v6.11a4.91%204.91%200%2001-3.547%201.425c-2.928%200-4.412-2.308-4.412-5.39%200-3.462%201.695-5.498%204.385-5.498zm19.424%203.055c-.381-1.792-1.484-2.81-3.016-2.81-2.288%200-3.874%201.717-3.874%204.18%200%203.646%201.934%206.008%205.059%206.008a5.858%205.858%200%20005.03-2.953l.913.245c-.408%203.163-3.281%205.525-6.808%205.525-4.14%200-6.992-3.054-6.992-7.399%200-4.378%203.098-7.46%207.237-7.46%203.09%200%205.27%201.853%205.97%205.07l-10.783%203.3V14.05l7.264-2.247v-.006z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

Claude logo — LobeHub AI Icons · IconsDB