Icône Character Ai
thesvg-color:character-ai
L'icône Character Ai (thesvg-color:character-ai) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 364 × 56. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- theSVG Color
- Auteur
- thesvg.org
- Licence
- MIT
- Taille
- 364 × 56
- Mots-clés
- characterai
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="364" height="56" viewBox="0 0 364 56"><path d="m354.71 0l-6.3.03c5.58 7.3 8.32 17.46 8.37 27.96c-.05 10.5-2.8 20.64-8.37 27.96l6.3.02c5.43-6.73 9.25-17.5 9.3-27.98c-.05-10.49-3.86-21.26-9.3-27.99M9.3.03C3.86 6.76.05 17.53 0 28c.05 10.51 3.86 21.26 9.29 28l6.3-.03c-5.58-7.31-8.32-17.46-8.37-27.96c.05-10.5 2.8-20.64 8.37-27.96zm328 3.4a4.12 4.12 0 0 0-4.34 4.34a4.13 4.13 0 0 0 4.34 4.34a4.13 4.13 0 0 0 4.33-4.34a4.13 4.13 0 0 0-4.33-4.34m-283.01.38v45.25h6.9V31.08c0-5.84 2.25-8.54 7.17-8.54s7.1 2.64 7.1 8.54v17.98h6.9V31.08c0-9.49-3.97-14.45-11.2-14.45a11.3 11.3 0 0 0-9.71 5.03h-.25V3.81zM212.4 7.58v7.23c0 1.39-.8 2.2-2.18 2.2h-4.17v5.53h6.04v17.4c0 5.91 3.17 9.12 9.03 9.12h6.16v-5.52h-5.17c-1.99 0-3.11-1.14-3.11-3.15V22.54h8.28v-5.53H219V7.58zm-72.87 9.05c-6.3 0-10.09 2.7-11.65 5.97h-.25v-5.59h-6.6v32.05h6.91V33.41c0-7.42 3.68-10 9.4-10h2.19zm106.45 0c-9.78 0-16.06 6.42-16.06 16.47c0 10.06 6.29 16.34 16.06 16.34c8.4 0 13.64-4.34 14.5-10.43h-6.72c-.69 2.82-3.11 4.77-7.78 4.77c-5.36 0-8.47-3.14-8.97-8.42h23.6v-2.32c0-10.12-5.61-16.41-14.63-16.41m38.15 0c-6.29 0-10.09 2.7-11.64 5.97h-.25v-5.59h-6.6v32.05h6.9V33.41c0-7.42 3.68-10 9.41-10h2.18zm-182 0c-7.9 0-12.89 3.96-13.45 10.81h6.73c.37-3.27 2.8-5.15 6.54-5.15c3.73 0 5.91 1.76 5.91 4.97c0 1.63-.5 2.07-2.67 2.45c-5.17.81-9.1 1.32-11.58 2.14c-4.05 1.31-6.23 4.2-6.23 8.36c0 5.72 3.92 9.24 10.4 9.24c4.29 0 7.97-1.9 10.15-5.29h.25v4.9h6.6V29.02c0-7.99-4.55-12.39-12.64-12.39zm53.8 0c-7.9 0-12.88 3.96-13.44 10.81h6.72c.38-3.27 2.8-5.15 6.54-5.15c3.73 0 5.91 1.76 5.91 4.97c0 1.63-.5 2.07-2.67 2.45c-5.17.81-9.1 1.32-11.58 2.14c-4.05 1.31-6.23 4.2-6.23 8.36c0 5.72 3.92 9.24 10.4 9.24c4.3 0 7.97-1.9 10.15-5.29h.25v4.9h6.6V29.02c0-7.99-4.55-12.39-12.64-12.39zm158.57 0c-7.99 0-13.01 3.96-13.58 10.81h6.8c.37-3.26 2.82-5.15 6.59-5.15s5.97 1.76 5.97 4.97c0 1.63-.5 2.07-2.7 2.45c-5.22.81-9.17 1.32-11.69 2.14c-4.08 1.31-6.28 4.2-6.28 8.36c0 5.72 3.96 9.24 10.5 9.24c4.33 0 8.04-1.9 10.24-5.29h.25v4.9h6.66V29.02c0-7.99-4.6-12.39-12.76-12.39m-280.03 0c-9.52 0-16 6.67-16 16.47c0 9.81 6.3 16.34 16 16.34c8.35 0 13.76-4.71 14.57-11.69h-6.72c-.94 4.34-3.37 6.04-7.85 6.04c-5.6 0-8.97-3.96-8.97-10.7c0-6.72 3.3-10.8 8.97-10.8c4.3 0 6.85 1.89 7.53 6.03h6.73c-.62-6.97-6.22-11.69-14.26-11.69m154.52 0c-9.53 0-16 6.67-16 16.47c0 9.81 6.29 16.34 16 16.34c8.34 0 13.75-4.71 14.56-11.69h-6.72c-.93 4.34-3.36 6.04-7.85 6.04c-5.6 0-8.97-3.96-8.97-10.7c0-6.72 3.3-10.8 8.97-10.8c4.3 0 6.85 1.89 7.54 6.03h6.72c-.62-6.97-6.22-11.69-14.25-11.69m144.77.38v32.05h6.97V17.01zM246 22.29c4.54 0 7.53 3.02 7.84 7.98H237.1c.62-5.22 3.67-7.98 8.9-7.98M107.87 34.16v.95a8.55 8.55 0 0 1-8.78 8.73c-3.05 0-4.73-1.38-4.73-3.9c0-2.07 1-3.33 3.05-4.01c2.05-.7 8.03-1 10.46-1.77m53.8 0v.95a8.55 8.55 0 0 1-8.78 8.73c-3.05 0-4.73-1.38-4.73-3.9c0-2.07 1-3.33 3.05-4.01c2.06-.7 8.03-1 10.46-1.77m158.62 0v.95c0 4.96-3.77 8.73-8.86 8.73c-3.08 0-4.78-1.38-4.78-3.9c0-2.07 1.01-3.33 3.08-4.01c2.07-.7 8.11-1 10.56-1.77m-32.05 5.4c-2.82 0-4.84 2.08-4.84 5.04c0 2.95 2.02 4.84 4.84 4.84c2.83 0 4.78-2.01 4.78-4.84c0-2.84-1.95-5.03-4.78-5.03z"/></svg>Comment utiliser l'icône Character Ai
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:character-ai" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:character-ai" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:character-ai" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--character-ai]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:character-ai"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:character-ai"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/character-ai.svg" alt="Icône Character Ai" width="24" height="24">Icônes similaires dans theSVG Color
FAQ : Icône Character Ai
L'icône Character Ai est-elle gratuite pour un usage commercial ?
Oui. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Character Ai dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:character-ai" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Character Ai à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/character-ai.svg" alt="Icône Character Ai">, ou collez le code SVG directement dans la page pour le styliser en CSS.