claude logo
claude from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- claude
- Set
- Material Icon Theme
- Style
- Color
- Viewbox
- 16×16
- License
- MIT
The same logo in other sets
Use the claude logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="#ff7043"><path d="m14.375 6.48l.49.28v.209l-.14.489l-5.937 1.397l-.558-1.387zm0 0"/><path d="m12.155 2.373l.683.143l.182.224l.173.535l-.072.342l-3.983 5.447L7.81 7.737l3.673-4.82z"/><path d="m8.719 1.522l.419-.28l.349.14l.349.49l-.957 5.748l-.65-.441l-.279-.769l.49-4.33z"/><path d="m4.239 1.614l.43-.55L4.95 1l.558.081l.275.216l2.004 4.442l.724 2.11l-.848.471l-3.231-5.864z"/><path d="m2.154 4.665l-.14-.56l.42-.488l.488.07h.14l2.933 2.165l.908.698l1.257.978l-.698 1.187l-.629-.489l-.419-.419l-4.05-2.863z"/><path d="M1.316 8.296L1 7.946v-.31l.316-.108l3.562.21l3.491.279l-.113.695l-6.66-.346z"/><path d="M3.411 11.931h-.698l-.278-.32v-.382l1.186-.838l4.82-3.068l.487.833z"/><path d="m4.738 13.883l-.28.07l-.418-.21l.07-.35l4.12-5.446l.558.768l-3.072 4.05z"/><path d="m8.23 14.581l-.21.28l-.419.14l-.349-.28l-.21-.42L8.09 8.646l.629.07z"/><path d="M11.791 13.045v.558l-.07.21l-.279.14l-.489-.066l-3.356-4.996l1.331-1.014l1.117 2.025l.105.733z"/><path d="m13.398 12.207l.07.349l-.21.279l-.21-.07l-1.187-.838l-1.815-1.606l-1.397-.978l.419-1.326l.698.419l.42.768z"/><path d="m12.49 8.645l1.746.14l.419.28l.279.418v.302l-.768.327l-3.911-.978l-1.606-.07l.419-1.466l1.117.838z"/></g></svg>
React
import type { SVGProps } from "react";
export function MaterialIconThemeClaude(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="#ff7043"><path d="m14.375 6.48l.49.28v.209l-.14.489l-5.937 1.397l-.558-1.387zm0 0"/><path d="m12.155 2.373l.683.143l.182.224l.173.535l-.072.342l-3.983 5.447L7.81 7.737l3.673-4.82z"/><path d="m8.719 1.522l.419-.28l.349.14l.349.49l-.957 5.748l-.65-.441l-.279-.769l.49-4.33z"/><path d="m4.239 1.614l.43-.55L4.95 1l.558.081l.275.216l2.004 4.442l.724 2.11l-.848.471l-3.231-5.864z"/><path d="m2.154 4.665l-.14-.56l.42-.488l.488.07h.14l2.933 2.165l.908.698l1.257.978l-.698 1.187l-.629-.489l-.419-.419l-4.05-2.863z"/><path d="M1.316 8.296L1 7.946v-.31l.316-.108l3.562.21l3.491.279l-.113.695l-6.66-.346z"/><path d="M3.411 11.931h-.698l-.278-.32v-.382l1.186-.838l4.82-3.068l.487.833z"/><path d="m4.738 13.883l-.28.07l-.418-.21l.07-.35l4.12-5.446l.558.768l-3.072 4.05z"/><path d="m8.23 14.581l-.21.28l-.419.14l-.349-.28l-.21-.42L8.09 8.646l.629.07z"/><path d="M11.791 13.045v.558l-.07.21l-.279.14l-.489-.066l-3.356-4.996l1.331-1.014l1.117 2.025l.105.733z"/><path d="m13.398 12.207l.07.349l-.21.279l-.21-.07l-1.187-.838l-1.815-1.606l-1.397-.978l.419-1.326l.698.419l.42.768z"/><path d="m12.49 8.645l1.746.14l.419.28l.279.418v.302l-.768.327l-3.911-.978l-1.606-.07l.419-1.466l1.117.838z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="#ff7043"><path d="m14.375 6.48l.49.28v.209l-.14.489l-5.937 1.397l-.558-1.387zm0 0"/><path d="m12.155 2.373l.683.143l.182.224l.173.535l-.072.342l-3.983 5.447L7.81 7.737l3.673-4.82z"/><path d="m8.719 1.522l.419-.28l.349.14l.349.49l-.957 5.748l-.65-.441l-.279-.769l.49-4.33z"/><path d="m4.239 1.614l.43-.55L4.95 1l.558.081l.275.216l2.004 4.442l.724 2.11l-.848.471l-3.231-5.864z"/><path d="m2.154 4.665l-.14-.56l.42-.488l.488.07h.14l2.933 2.165l.908.698l1.257.978l-.698 1.187l-.629-.489l-.419-.419l-4.05-2.863z"/><path d="M1.316 8.296L1 7.946v-.31l.316-.108l3.562.21l3.491.279l-.113.695l-6.66-.346z"/><path d="M3.411 11.931h-.698l-.278-.32v-.382l1.186-.838l4.82-3.068l.487.833z"/><path d="m4.738 13.883l-.28.07l-.418-.21l.07-.35l4.12-5.446l.558.768l-3.072 4.05z"/><path d="m8.23 14.581l-.21.28l-.419.14l-.349-.28l-.21-.42L8.09 8.646l.629.07z"/><path d="M11.791 13.045v.558l-.07.21l-.279.14l-.489-.066l-3.356-4.996l1.331-1.014l1.117 2.025l.105.733z"/><path d="m13.398 12.207l.07.349l-.21.279l-.21-.07l-1.187-.838l-1.815-1.606l-1.397-.978l.419-1.326l.698.419l.42.768z"/><path d="m12.49 8.645l1.746.14l.419.28l.279.418v.302l-.768.327l-3.911-.978l-1.606-.07l.419-1.466l1.117.838z"/></g></svg> </template>
CSS
.icon-claude {
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%2016%2016%22%3E%3Cg%20fill%3D%22%23ff7043%22%3E%3Cpath%20d%3D%22m14.375%206.48l.49.28v.209l-.14.489l-5.937%201.397l-.558-1.387zm0%200%22%2F%3E%3Cpath%20d%3D%22m12.155%202.373l.683.143l.182.224l.173.535l-.072.342l-3.983%205.447L7.81%207.737l3.673-4.82z%22%2F%3E%3Cpath%20d%3D%22m8.719%201.522l.419-.28l.349.14l.349.49l-.957%205.748l-.65-.441l-.279-.769l.49-4.33z%22%2F%3E%3Cpath%20d%3D%22m4.239%201.614l.43-.55L4.95%201l.558.081l.275.216l2.004%204.442l.724%202.11l-.848.471l-3.231-5.864z%22%2F%3E%3Cpath%20d%3D%22m2.154%204.665l-.14-.56l.42-.488l.488.07h.14l2.933%202.165l.908.698l1.257.978l-.698%201.187l-.629-.489l-.419-.419l-4.05-2.863z%22%2F%3E%3Cpath%20d%3D%22M1.316%208.296L1%207.946v-.31l.316-.108l3.562.21l3.491.279l-.113.695l-6.66-.346z%22%2F%3E%3Cpath%20d%3D%22M3.411%2011.931h-.698l-.278-.32v-.382l1.186-.838l4.82-3.068l.487.833z%22%2F%3E%3Cpath%20d%3D%22m4.738%2013.883l-.28.07l-.418-.21l.07-.35l4.12-5.446l.558.768l-3.072%204.05z%22%2F%3E%3Cpath%20d%3D%22m8.23%2014.581l-.21.28l-.419.14l-.349-.28l-.21-.42L8.09%208.646l.629.07z%22%2F%3E%3Cpath%20d%3D%22M11.791%2013.045v.558l-.07.21l-.279.14l-.489-.066l-3.356-4.996l1.331-1.014l1.117%202.025l.105.733z%22%2F%3E%3Cpath%20d%3D%22m13.398%2012.207l.07.349l-.21.279l-.21-.07l-1.187-.838l-1.815-1.606l-1.397-.978l.419-1.326l.698.419l.42.768z%22%2F%3E%3Cpath%20d%3D%22m12.49%208.645l1.746.14l.419.28l.279.418v.302l-.768.327l-3.911-.978l-1.606-.07l.419-1.466l1.117.838z%22%2F%3E%3C%2Fg%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%2016%2016%22%3E%3Cg%20fill%3D%22%23ff7043%22%3E%3Cpath%20d%3D%22m14.375%206.48l.49.28v.209l-.14.489l-5.937%201.397l-.558-1.387zm0%200%22%2F%3E%3Cpath%20d%3D%22m12.155%202.373l.683.143l.182.224l.173.535l-.072.342l-3.983%205.447L7.81%207.737l3.673-4.82z%22%2F%3E%3Cpath%20d%3D%22m8.719%201.522l.419-.28l.349.14l.349.49l-.957%205.748l-.65-.441l-.279-.769l.49-4.33z%22%2F%3E%3Cpath%20d%3D%22m4.239%201.614l.43-.55L4.95%201l.558.081l.275.216l2.004%204.442l.724%202.11l-.848.471l-3.231-5.864z%22%2F%3E%3Cpath%20d%3D%22m2.154%204.665l-.14-.56l.42-.488l.488.07h.14l2.933%202.165l.908.698l1.257.978l-.698%201.187l-.629-.489l-.419-.419l-4.05-2.863z%22%2F%3E%3Cpath%20d%3D%22M1.316%208.296L1%207.946v-.31l.316-.108l3.562.21l3.491.279l-.113.695l-6.66-.346z%22%2F%3E%3Cpath%20d%3D%22M3.411%2011.931h-.698l-.278-.32v-.382l1.186-.838l4.82-3.068l.487.833z%22%2F%3E%3Cpath%20d%3D%22m4.738%2013.883l-.28.07l-.418-.21l.07-.35l4.12-5.446l.558.768l-3.072%204.05z%22%2F%3E%3Cpath%20d%3D%22m8.23%2014.581l-.21.28l-.419.14l-.349-.28l-.21-.42L8.09%208.646l.629.07z%22%2F%3E%3Cpath%20d%3D%22M11.791%2013.045v.558l-.07.21l-.279.14l-.489-.066l-3.356-4.996l1.331-1.014l1.117%202.025l.105.733z%22%2F%3E%3Cpath%20d%3D%22m13.398%2012.207l.07.349l-.21.279l-.21-.07l-1.187-.838l-1.815-1.606l-1.397-.978l.419-1.326l.698.419l.42.768z%22%2F%3E%3Cpath%20d%3D%22m12.49%208.645l1.746.14l.419.28l.279.418v.302l-.768.327l-3.911-.978l-1.606-.07l.419-1.466l1.117.838z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/claude.svg?color=%231a73e8&size=48
