American Football icon
cil:american-football
The American Football icon (cil:american-football) is a free SVG icon from the CoreUI Free set by creativeLabs Łukasz Holeczek. It is drawn on a 512 × 512 grid. CoreUI Free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- CoreUI Free
- Author
- creativeLabs Łukasz Holeczek
- License
- CC-BY-4.0
- Size
- 512 × 512
- Tags
- americanfootball
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m473.274 47.136l-2.267-4.189l-4.188-2.267C416.85 13.637 354.765 6.167 292 19.646c-63.848 13.713-123.787 47.151-173.335 96.7s-82.987 109.487-96.7 173.335C8.489 352.444 15.958 414.529 43 464.5l2.267 4.189l4.189 2.267c33.722 18.25 72.951 27.585 114.194 27.585a289 289 0 0 0 60.622-6.552c63.848-13.712 123.786-47.151 173.334-96.7S480.6 285.8 494.308 221.952c13.48-62.764 6.01-124.852-21.034-174.816M447.354 66.6c19.78 38.858 25.84 83.807 19.4 129.525L317.829 47.2c45.719-6.44 90.671-.38 129.525 19.4M68.922 445.033C48.72 405.346 42.83 359.306 49.953 312.58L201.374 464c-46.725 7.125-92.766 1.234-132.452-18.967m306.059-72.374c-40.434 40.434-88.112 68.589-136.661 83.034L58.261 275.635c14.446-48.55 42.6-96.228 83.034-136.662c41.156-41.156 89.818-69.583 139.264-83.787L458.769 233.4c-14.204 49.442-42.631 98.1-83.788 139.259"/><path fill="currentColor" d="m347.313 187.313l-22.626-22.626L304 185.373l-28.687-28.686l-22.626 22.626L281.373 208L256 233.373l-28.687-28.686l-22.626 22.626L233.373 256L208 281.373l-28.687-28.686l-22.626 22.626L185.373 304l-20.686 20.687l22.626 22.626L208 326.627l28.687 28.686l22.626-22.626L230.627 304L256 278.627l28.687 28.686l22.626-22.626L278.627 256L304 230.627l28.687 28.686l22.626-22.626L326.627 208z"/></svg>
How to use the American Football icon
React
import { Icon } from "@iconify/react";
<Icon icon="cil:american-football" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cil:american-football" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cil:american-football" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--american-football]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:american-football"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cil:american-football"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/cil/american-football.svg" alt="American Football icon" width="24" height="24">
American Football icon in other icon sets
American Football icon FAQ
Is the American Football icon free for commercial use?
Yes. CoreUI Free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the American Football icon in React?
Install @iconify/react and render <Icon icon="cil:american-football" />, or use “Copy code” on this page to get a standalone React component.
How do I add the American Football icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cil/american-football.svg" alt="American Football icon">, or paste the SVG code inline to style it with CSS.
Browse all CoreUI Free icons →
ICONYZ
