ICONYZ
Français
Icône Namecheap de SVG Logos

Icône Namecheap

logos:namecheap

L'icône Namecheap (logos:namecheap) est une icône SVG gratuite de la collection SVG Logos par Gil Barbara. Elle est dessinée sur une grille de 256 × 142. Les SVG Logos icons sont publiées sous la licence CC0, 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
SVG Logos
Auteur
Gil Barbara
Licence
CC0-1.0
Taille
256 × 142
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="142" viewBox="0 0 256 142"><defs><linearGradient id="SVGgzu0cbGs" x1="13.322%" x2="82.62%" y1="94.945%" y2="1.132%"><stop offset="0%" stop-color="#d4202c"/><stop offset="4.166%" stop-color="#d82d2b" stop-opacity=".958"/><stop offset="17.6%" stop-color="#e25226" stop-opacity=".824"/><stop offset="31.67%" stop-color="#eb7123" stop-opacity=".683"/><stop offset="46.35%" stop-color="#f28920" stop-opacity=".536"/><stop offset="61.88%" stop-color="#f69a1e" stop-opacity=".381"/><stop offset="78.86%" stop-color="#f9a41d" stop-opacity=".211"/><stop offset="100%" stop-color="#faa71d" stop-opacity="0"/></linearGradient><linearGradient id="SVGcao2lbbR" x1="86.624%" x2="17.326%" y1="5.04%" y2="98.855%"><stop offset="0%" stop-color="#d4202c"/><stop offset="4.166%" stop-color="#d82d2b" stop-opacity=".958"/><stop offset="17.6%" stop-color="#e25226" stop-opacity=".824"/><stop offset="31.67%" stop-color="#eb7123" stop-opacity=".683"/><stop offset="46.35%" stop-color="#f28920" stop-opacity=".536"/><stop offset="61.88%" stop-color="#f69a1e" stop-opacity=".381"/><stop offset="78.86%" stop-color="#f9a41d" stop-opacity=".211"/><stop offset="100%" stop-color="#faa71d" stop-opacity="0"/></linearGradient></defs><path fill="#ff5000" d="M232 0c-9 0-16.8 5-20.9 12.3l-.5 1l-18.8 37L168 97.2l15.6 30.7l.9 1.7c2.4 4.2 6 7.7 10.4 9.8c4.4-2.2 8-5.6 10.4-9.8l.9-1.7l46.7-92l1.1-2.2c1.3-3 2-6.2 2-9.7c0-13.3-10.7-24-24-24M87.9 44.6L72.4 14l-.9-1.7c-2.4-4.2-6-7.7-10.4-9.8c-4.4 2.2-8 5.6-10.4 9.8l-.8 1.7l-46.7 92l-1.1 2.2c-1.3 3-2 6.2-2 9.7c0 13.2 10.7 24 24 24c9 0 16.8-5 20.9-12.3l.5-1l18.8-37L88 44.7z"/><path fill="url(#SVGgzu0cbGs)" d="M232 0c-9 0-16.9 5-20.9 12.3l-.5 1l-18.8 37L168 97.2l15.6 30.7l.9 1.7c2.4 4.2 6 7.7 10.4 9.8c4.4-2.2 8-5.6 10.4-9.8l.9-1.7l46.7-92l1.1-2.2c1.3-3 2-6.2 2-9.7c0-13.3-10.8-24-24-24"/><path fill="url(#SVGcao2lbbR)" d="M24 141.9c9 0 16.9-5 20.9-12.3l.5-1l18.8-37L88 44.7L72.4 14l-.9-1.7c-2.4-4.2-6-7.7-10.4-9.8c-4.4 2.2-8 5.6-10.4 9.8l-.8 1.7l-46.7 92l-1.2 2.3c-1.3 3-2 6.2-2 9.7c0 13.2 10.7 23.9 24 23.9"/><path fill="#ff8c44" d="M87.9 44.6L72.4 14l-.9-1.7c-2.4-4.2-6-7.7-10.4-9.8c1.4-.7 3-1.3 4.5-1.7c1.9-.5 4-.8 6-.8h32.8c9 .1 16.8 5 20.9 12.3l.7 1.7l42.1 83.3l15.5 30.6l.9 1.7c2.4 4.2 6 7.7 10.4 9.8c-1.4.7-3 1.3-4.5 1.7c-1.9.5-4 .8-6.1.8h-32.6c-9-.1-16.8-5-20.9-12.3l-.9-1.7z"/></svg>

Comment utiliser l'icône Namecheap

React

import { Icon } from "@iconify/react";

<Icon icon="logos:namecheap" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:namecheap" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:namecheap" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--namecheap]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:namecheap"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:namecheap"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/logos/namecheap.svg" alt="Icône Namecheap" width="24" height="24">

L'icône Namecheap dans d'autres collections

FAQ : Icône Namecheap

L'icône Namecheap est-elle gratuite pour un usage commercial ?

Oui. Les SVG Logos icons sont publiées sous la licence CC0, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Namecheap dans React ?

Installez @iconify/react et affichez <Icon icon="logos:namecheap" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Namecheap à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/logos/namecheap.svg" alt="Icône Namecheap">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes SVG Logos →