Netlify icon

file-icons:netlify

The Netlify icon (file-icons:netlify) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: File Icons
Author: John Gardner
License: ISC
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m369.92 176.64l10.24-64l48.64 48.64l-50.892 22.221zm71.68-2.56l51.2 51.2c8.897 9.355 18.922 16.505 19.2 25.6l-126.636-53.814zm67.84 93.44c-21.054 26.636-48.02 50.58-74.24 76.8l-78.053-16.14c0-6.4-4.06-12.136-9.18-15.976l14.273-89.484c7.19.505 15.044-5.542 16.87-11.163zm-88.32 90.88l-96 96l16.64-101.12c4.954-1.686 8.75-4.725 11.52-8.96zM304.64 474.88l-10.24 10.24l-120.32-172.8c1.979-1.59 3.086-3.326 3.84-5.12l133.12 28.16c1.117 6.85 9.24 14.478 14.329 16.64zm-21.76 21.76l-16.64 14.08H243.2c-42.508-42.957-138.24-138.24-138.24-138.24l32.248-49.087c8.487 3.215 18.39 2.608 25.178-1.355zM66.56 334.08l53.76-24.32l3.84 5.12l-33.173 43.333zm-12.8-12.8L6.4 272.64l109.73 22.717zM0 254.72c1.798-13.476 12.956-22.458 19.2-29.44l44.8-44.8l62.72 90.88l-6.544 7.903zm75.52-85.76l60.16-60.16l76.8 33.28c-3.215 11.723.164 21.943 6.4 26.88l-62.447 94.795c-6.313-2.155-10.525-1.156-14.634-.004zm72.96-71.68s90.88-93.44 97.28-96h17.92l39.68 34.56l-55.994 87.149c-9-1.948-20.289-1.296-26.578 4.71zm166.4-49.92l51.2 51.2l-11.8 77.926c-2.808.536-6.63 2.061-8.843 4.483l-80.477-34.357c1.257-5.545.004-11.648-3.84-14.772zm21.76 146.524l-.048 7.848L172.8 271.36l-1.28-1.28l62.293-94.805c12.238 1.132 22.734-4.706 27.648-13.193zM179.2 285.44l163.84-70.4l3.9 3.84l-14.228 88.307c-8.22.982-16.261 6.045-19.876 13.008L181.76 291.84z"/></svg>

How to use the Netlify icon

React

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

<Icon icon="file-icons:netlify" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:netlify" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:netlify" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="file-icons:netlify"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/netlify.svg" alt="Netlify icon" width="24" height="24">

Netlify icon in other icon sets

Netlify icon FAQ

Is the Netlify icon free for commercial use?

Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.

How do I use the Netlify icon in React?

Install @iconify/react and render <Icon icon="file-icons:netlify" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Netlify icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/netlify.svg" alt="Netlify icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →