ICONYZ
Français
Icône Netlify de SVG Logos

Icône Netlify

logos:netlify

L'icône Netlify (logos:netlify) est une icône SVG gratuite de la collection SVG Logos par Gil Barbara. Elle est dessinée sur une grille de 512 × 209. 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
512 × 209
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="209" viewBox="0 0 512 209"><path fill="#05bdba" d="M117.436 207.036v-52.432l1.093-1.094h10.923l1.093 1.094v52.432l-1.093 1.094h-10.923zm0-153.513V1.093L118.529 0h10.923l1.093 1.093v52.43l-1.093 1.093h-10.923zM69.954 169.238h-1.545l-7.722-7.726v-1.545l18.033-18.029l8.178.004l1.097 1.089v8.178zm-.008-130.346h-1.544l-7.723 7.726v1.545l18.033 18.029l8.178-.004l1.097-1.09v-8.177zM1.093 97.51h74.278l1.094 1.094v10.922l-1.094 1.094H1.093L0 109.526V98.604zm439.906 0h69.911l1.094 1.094v10.922l-1.094 1.094h-74.277l-1.094-1.094l4.366-10.922z"/><path fill="#014847" d="m212.056 108.727l-1.093 1.094h-33.884l-1.093 1.093c0 2.187 2.187 8.743 10.93 8.743c3.28 0 6.556-1.093 7.65-3.28l1.093-1.093h13.117l1.093 1.093l-.07.397c-1.246 6.55-6.814 16-22.883 16c-18.58 0-27.327-13.117-27.327-28.417s8.743-28.416 26.233-28.416s26.234 13.117 26.234 28.416zm-17.49-9.836l1.093-1.094l-.007-.175c-.1-1.56-1.46-8.568-9.83-8.568c-8.743 0-9.836 7.65-9.836 8.743l1.093 1.094zm48.094 16.393q0 3.28 3.28 3.28h9.836l1.094 1.093v10.93l-1.094 1.094h-9.836c-9.837 0-18.58-4.374-18.58-16.397V91.237l-1.094-1.094h-7.649l-1.094-1.093V78.12l1.094-1.094h7.649l1.094-1.093v-9.836l1.093-1.094h13.117l1.093 1.094v9.836l1.094 1.093h12.023l1.094 1.094v10.93l-1.094 1.093h-12.023l-1.094 1.094v24.047zm40.44 16.397h-13.117l-1.094-1.094V56.264l1.094-1.094H283.1l1.093 1.094v74.323zm29.51-63.394h-13.117l-1.094-1.093v-10.93l1.094-1.094h13.117l1.093 1.094v10.93zm0 63.394h-13.117l-1.094-1.094V78.124l1.094-1.094h13.117l1.093 1.094v52.463zm51.37-75.417v10.93l-1.094 1.093h-9.836q-3.28 0-3.281 3.28v4.374l1.094 1.093h10.93l1.093 1.094v10.93l-1.093 1.093h-10.93l-1.094 1.093v39.347l-1.093 1.093h-13.117l-1.093-1.093V91.244l-1.094-1.093h-7.649l-1.094-1.093v-10.93l1.094-1.094h7.649l1.094-1.093v-4.374c0-11.894 8.556-16.302 18.263-16.395l10.153-.002l1.094 1.094zm40.444 76.506l-.419 1.026c-4.246 10.316-8.811 16.465-23.632 16.465h-5.467l-1.093-1.094v-10.93l1.093-1.093h5.467l.635-.005c4.915-.086 5.965-1.22 7.015-4.369v-1.093L370.536 89.05V78.12l1.094-1.094h9.836l1.094 1.094l13.117 37.164h1.093l13.117-37.164l1.093-1.094h9.837l1.093 1.094v10.93zm-268.97-1.089l-1.093-1.094l.007-31.67c0-5.463-2.148-9.699-8.743-9.836c-3.391-.088-7.271-.008-11.416.168l-.619.634l.008 40.704l-1.094 1.094H99.391l-1.093-1.094V77.539l1.093-1.094l29.51-.267c14.784 0 20.767 10.158 20.767 21.623v32.786l-1.093 1.094z"/></svg>

Comment utiliser l'icône Netlify

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Image HTML

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

Icônes similaires dans SVG Logos

L'icône Netlify dans d'autres collections

FAQ : Icône Netlify

L'icône Netlify 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 Netlify dans React ?

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

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

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

Voir toutes les Icônes SVG Logos →