Ícone Claude
material-icon-theme:claude
O ícone Claude (material-icon-theme:claude) é um ícone SVG gratuito da coleção Material Icon Theme de Material Extensions. Ele é desenhado em uma grade de 24 × 24. Material Icon Theme icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Material Icon Theme
- Autor
- Material Extensions
- Licença
- MIT
- Tamanho
- 24 × 24
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><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>
Como usar o ícone Claude
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:claude" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:claude" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:claude" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--claude]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:claude"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:claude"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/material-icon-theme/claude.svg" alt="Ícone Claude" width="24" height="24">
O ícone Claude em outras coleções
Perguntas frequentes sobre Ícone Claude
O ícone Claude é grátis para uso comercial?
Sim. Material Icon Theme icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Claude no React?
Instale @iconify/react e renderize <Icon icon="material-icon-theme:claude" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Claude a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/material-icon-theme/claude.svg" alt="Ícone Claude">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Material Icon Theme →
ICONYZ
