Nfl icon

thesvg-color:nfl

The Nfl icon (thesvg-color:nfl) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 500 × 500 grid. theSVG Color icons are released under the MIT 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: theSVG Color
Author: thesvg.org
License: MIT
Size: 500 × 500

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500" viewBox="0 0 500 500"><g fill="none"><path fill="#fff" d="M411.917 64.857c-15.037 10.733-43.622 25.491-80.544 16.398c-63.87-15.801-82.182-70.807-82.182-70.807s-18.312 55.155-82.182 70.807c-36.922 9.093-65.507-5.516-80.544-16.398H75.001V361.95c0 7.453 1.787 22.36 13.995 37.118c15.037 18.335 40.496 30.112 75.78 35.18c28.138 4.025 48.833 12.969 63.423 26.981c10.719 10.435 20.992 28.323 20.992 28.323s10.571-18.335 20.992-28.323c14.59-14.161 35.434-22.957 63.423-26.981c35.285-5.068 60.743-16.994 75.78-35.18c12.208-14.758 13.995-29.665 13.995-37.118V64.857z"/><path fill="#013369" d="M412.959 76.484s-34.987 27.28-84.118 14.907C271.522 77.08 249.19 34 249.19 34s-22.332 43.081-79.651 57.391c-49.131 12.373-84.118-14.907-84.118-14.907V361.95c0 9.689 4.02 50.832 80.842 62.012c30.372 4.323 53.002 14.161 69.229 29.814c5.806 5.665 10.273 11.329 13.697 16.547c3.424-5.217 7.891-11.031 13.697-16.547c16.228-15.652 38.858-25.491 69.229-29.814c76.822-11.18 80.842-52.323 80.842-62.012V76.484z"/><path fill="#fff" d="M249.19 441.404s22.332-27.429 80.098-36.373c66.252-10.286 64.316-41.441 64.316-42.932V212.434H104.627V361.95c0 1.64-1.935 32.795 64.316 42.932c57.915 8.944 80.247 36.522 80.247 36.522"/><path fill="#d50a0a" d="M181.896 321.702v-71.106l-8.933-5.068v-18.484h40.496v18.484l-8.486 5.068v145.043l-21.737-6.559l-31.414-92.72v61.118l9.975 7.602v18.783l-43.473-11.031v-16.099l9.975-3.876v-102.41l-10.124-4.919v-18.484h32.903zm74.589 64.994l8.635 10.435v18.484l-43.175-16.099v-15.652l9.528-3.876V250.746l-9.528-4.77v-18.634h74.887v37.565h-16.526l-5.062-15.354h-19.057v43.379h14.293l5.657-8.199h11.464v38.311h-11.464l-5.36-7.752h-14.59v71.404zm47.642 6.559v-18.484l10.719-8.795V250.597l-9.082-4.77v-18.634h43.175v18.634l-8.486 4.77v108.224l18.61-5.068l3.573-28.323h17.568v47.404l-76.078 20.422z"/><path fill="#fff" d="m112.22 181.727l-13.101-9.839h15.93l5.211-15.205l5.211 15.205h15.93l-13.101 9.839l4.764 15.354l-12.953-9.093l-12.953 9.093zm56.724 0l-13.101-9.839h15.93l5.211-15.205l5.211 15.205h15.93l-13.101 9.839l4.764 15.354l-12.953-9.093l-12.953 9.093zm-56.724-51.13l-13.101-9.839h15.93l5.211-15.205l5.211 15.205h15.93l-13.101 9.839l4.764 15.354l-12.953-9.093l-12.953 9.093zm56.724 0l-13.101-9.839h15.93l5.211-15.205l5.211 15.205h15.93l-13.101 9.839l4.764 15.354l-12.953-9.093l-12.953 9.093zm221.981 66.634l-12.953-9.093l-12.953 9.093l4.764-15.354l-13.101-9.839h16.079l5.211-15.205l5.211 15.205h15.93l-13.101 9.839zm-56.575 0l-12.953-9.093l-12.953 9.093l4.764-15.354l-13.101-9.839h15.93l5.211-15.205l5.211 15.205h15.93l-13.101 9.839zm56.575-51.28l-12.953-9.093l-12.953 9.093l4.764-15.354l-13.101-9.839h16.079l5.211-15.205l5.211 15.205h15.93l-13.101 9.839zm-56.575 0l-12.953-9.093l-12.953 9.093l4.764-15.354l-13.101-9.839h15.93l5.211-15.205l5.211 15.205h15.93l-13.101 9.839zm-49.131-56.497c1.34-.149 2.084 1.491 2.829 2.534c5.657 14.311 7.146 31.752 2.829 48.447c-6.551 25.491-27.99 48.894-73.994 54.857c-1.042.149-2.233-.149-2.382-.745c2.084-9.689 7.295-28.174 18.461-47.702c2.084 1.342 4.169 2.683 6.104 4.174c.744-1.193 1.638-2.534 2.978-4.77c-5.657-4.472-12.208-7.602-19.503-8.944c0 0-1.34 2.832-2.382 4.919c0 0 2.829.596 6.253 1.789c-9.975 21.168-13.399 40.845-14.293 49.789c-2.829-4.472-5.062-14.907-5.806-20.571c-7.295-53.665 31.265-84.969 73.249-85.565c2.829-.149 3.871.447 3.871.447s-9.231 3.429-19.95 11.627c0 0-2.531-1.043-5.211-1.789a100 100 0 0 0-5.062 3.429c5.062 1.193 11.464 3.727 17.568 8.795c1.34-1.193 2.68-2.534 4.169-3.876c-1.489-1.193-3.871-2.832-5.955-4.025c9.528-9.242 16.228-12.82 16.228-12.82zm-39.602 50.683c1.042-1.491 2.233-3.28 3.424-5.068c-4.764-4.025-11.613-7.901-19.95-9.54c-1.191 1.789-3.275 5.217-3.275 5.217c6.849 1.342 13.846 4.472 19.801 9.391m7.593-10.584c1.191-1.64 2.382-3.13 3.722-4.77c-6.551-5.366-13.995-8.497-19.801-9.54c-1.34 1.491-2.68 3.13-3.871 4.621c7.593 1.491 14.441 5.068 19.95 9.689m8.486-10.137c1.191-1.491 2.531-2.832 4.169-4.323c-4.02-3.28-9.826-7.155-18.461-9.242c-1.489 1.193-3.275 2.534-4.913 4.174c6.849 1.491 13.399 4.621 19.206 9.391z"/></g></svg>

How to use the Nfl icon

React

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

<Icon icon="thesvg-color:nfl" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:nfl" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:nfl" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--nfl]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:nfl"></div>

Web component

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

<iconify-icon icon="thesvg-color:nfl"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/thesvg-color/nfl.svg" alt="Nfl icon" width="24" height="24">

Nfl icon in other icon sets

Nfl icon FAQ

Is the Nfl icon free for commercial use?

Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Nfl icon in React?

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

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

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

Browse all theSVG Color icons →