Gentleface › Games & sports › american-football

american-football icon

American football: american football, rugby, gridiron, rugby ball. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M1.285 8.192C1.498 7.342 1.822 6.536 2.258 5.776C2.677 5.044 3.186 4.379 3.782 3.782C4.379 3.186 5.044 2.677 5.776 2.258C6.536 1.822 7.342 1.498 8.192 1.285C9.042 1.072 9.905 0.978 10.781 1.004C11.624 1.029 12.45 1.164 13.258 1.409C13.428 1.461 13.539 1.572 13.591 1.742C13.836 2.55 13.971 3.376 13.996 4.219C14.022 5.095 13.928 5.958 13.715 6.808C13.502 7.658 13.178 8.464 12.742 9.224C12.323 9.956 11.814 10.621 11.218 11.218C10.621 11.814 9.956 12.323 9.224 12.742C8.464 13.178 7.658 13.502 6.808 13.715C5.958 13.928 5.095 14.022 4.219 13.996C3.376 13.971 2.55 13.836 1.742 13.591C1.572 13.539 1.461 13.428 1.409 13.258C1.164 12.45 1.029 11.624 1.004 10.781C0.978 9.905 1.072 9.042 1.285 8.192ZM6.565 12.745C7.326 12.555 8.046 12.265 8.727 11.875C9.382 11.499 9.976 11.044 10.51 10.51C11.044 9.976 11.499 9.382 11.875 8.727C12.265 8.046 12.555 7.326 12.745 6.565C12.936 5.805 13.019 5.033 12.996 4.249C12.977 3.584 12.881 2.932 12.708 2.292C12.068 2.119 11.416 2.023 10.751 2.004C9.967 1.981 9.195 2.064 8.435 2.255C7.674 2.445 6.954 2.735 6.273 3.125C5.618 3.501 5.024 3.956 4.49 4.49C3.956 5.024 3.501 5.618 3.125 6.273C2.735 6.954 2.445 7.674 2.255 8.435C2.064 9.195 1.981 9.967 2.004 10.751C2.023 11.416 2.119 12.068 2.292 12.708C2.932 12.881 3.584 12.977 4.249 12.996C5.033 13.019 5.805 12.936 6.565 12.745ZM8.207 7.5L8.854 8.146C8.953 8.246 9.003 8.364 9.003 8.5C9.003 8.636 8.953 8.754 8.854 8.854C8.754 8.953 8.636 9.003 8.5 9.003C8.364 9.003 8.246 8.953 8.146 8.854L7.5 8.207L6.207 9.5L6.854 10.146C6.953 10.246 7.003 10.364 7.003 10.5C7.003 10.636 6.953 10.754 6.854 10.854C6.756 10.951 6.638 11 6.5 11C6.362 11 6.244 10.951 6.146 10.854L4.146 8.854C4.047 8.754 3.997 8.636 3.997 8.5C3.997 8.364 4.047 8.246 4.146 8.146C4.244 8.049 4.362 8 4.5 8C4.638 8 4.756 8.049 4.854 8.146L5.5 8.793L6.793 7.5L6.146 6.854C6.047 6.754 5.997 6.636 5.997 6.5C5.997 6.364 6.047 6.246 6.146 6.146C6.246 6.047 6.364 5.997 6.5 5.997C6.636 5.997 6.754 6.047 6.854 6.146L7.5 6.793L8.793 5.5L8.146 4.854C8.049 4.756 8 4.638 8 4.5C8 4.362 8.049 4.244 8.146 4.146C8.246 4.047 8.364 3.997 8.5 3.997C8.636 3.997 8.754 4.047 8.854 4.146L10.854 6.146C10.951 6.244 11 6.362 11 6.5C11 6.638 10.951 6.756 10.854 6.854C10.754 6.953 10.636 7.003 10.5 7.003C10.364 7.003 10.246 6.953 10.146 6.854L9.5 6.207L8.207 7.5Z"/></svg>

React

// Gentleface "american-football" (line-round), MIT. https://gentleface.com/icons/american-football
import type { SVGProps } from 'react';

export function AmericanFootballIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M1.285 8.192C1.498 7.342 1.822 6.536 2.258 5.776C2.677 5.044 3.186 4.379 3.782 3.782C4.379 3.186 5.044 2.677 5.776 2.258C6.536 1.822 7.342 1.498 8.192 1.285C9.042 1.072 9.905 0.978 10.781 1.004C11.624 1.029 12.45 1.164 13.258 1.409C13.428 1.461 13.539 1.572 13.591 1.742C13.836 2.55 13.971 3.376 13.996 4.219C14.022 5.095 13.928 5.958 13.715 6.808C13.502 7.658 13.178 8.464 12.742 9.224C12.323 9.956 11.814 10.621 11.218 11.218C10.621 11.814 9.956 12.323 9.224 12.742C8.464 13.178 7.658 13.502 6.808 13.715C5.958 13.928 5.095 14.022 4.219 13.996C3.376 13.971 2.55 13.836 1.742 13.591C1.572 13.539 1.461 13.428 1.409 13.258C1.164 12.45 1.029 11.624 1.004 10.781C0.978 9.905 1.072 9.042 1.285 8.192ZM6.565 12.745C7.326 12.555 8.046 12.265 8.727 11.875C9.382 11.499 9.976 11.044 10.51 10.51C11.044 9.976 11.499 9.382 11.875 8.727C12.265 8.046 12.555 7.326 12.745 6.565C12.936 5.805 13.019 5.033 12.996 4.249C12.977 3.584 12.881 2.932 12.708 2.292C12.068 2.119 11.416 2.023 10.751 2.004C9.967 1.981 9.195 2.064 8.435 2.255C7.674 2.445 6.954 2.735 6.273 3.125C5.618 3.501 5.024 3.956 4.49 4.49C3.956 5.024 3.501 5.618 3.125 6.273C2.735 6.954 2.445 7.674 2.255 8.435C2.064 9.195 1.981 9.967 2.004 10.751C2.023 11.416 2.119 12.068 2.292 12.708C2.932 12.881 3.584 12.977 4.249 12.996C5.033 13.019 5.805 12.936 6.565 12.745ZM8.207 7.5L8.854 8.146C8.953 8.246 9.003 8.364 9.003 8.5C9.003 8.636 8.953 8.754 8.854 8.854C8.754 8.953 8.636 9.003 8.5 9.003C8.364 9.003 8.246 8.953 8.146 8.854L7.5 8.207L6.207 9.5L6.854 10.146C6.953 10.246 7.003 10.364 7.003 10.5C7.003 10.636 6.953 10.754 6.854 10.854C6.756 10.951 6.638 11 6.5 11C6.362 11 6.244 10.951 6.146 10.854L4.146 8.854C4.047 8.754 3.997 8.636 3.997 8.5C3.997 8.364 4.047 8.246 4.146 8.146C4.244 8.049 4.362 8 4.5 8C4.638 8 4.756 8.049 4.854 8.146L5.5 8.793L6.793 7.5L6.146 6.854C6.047 6.754 5.997 6.636 5.997 6.5C5.997 6.364 6.047 6.246 6.146 6.146C6.246 6.047 6.364 5.997 6.5 5.997C6.636 5.997 6.754 6.047 6.854 6.146L7.5 6.793L8.793 5.5L8.146 4.854C8.049 4.756 8 4.638 8 4.5C8 4.362 8.049 4.244 8.146 4.146C8.246 4.047 8.364 3.997 8.5 3.997C8.636 3.997 8.754 4.047 8.854 4.146L10.854 6.146C10.951 6.244 11 6.362 11 6.5C11 6.638 10.951 6.756 10.854 6.854C10.754 6.953 10.636 7.003 10.5 7.003C10.364 7.003 10.246 6.953 10.146 6.854L9.5 6.207L8.207 7.5Z" />
    </svg>
  );
}

Vue

Vue: see /icons/american-football.md

Svelte

Svelte: see /icons/american-football.md

HTML img

HTML img: see /icons/american-football.md

CSS

CSS: see /icons/american-football.md

Data URL

Data URL: see /icons/american-football.md

Sprite

Sprite: see /icons/american-football.md

SwiftUI

SwiftUI: see /icons/american-football.md

Compose

Compose: see /icons/american-football.md

Android XML

Android XML: see /icons/american-football.md

Flutter

Flutter: see /icons/american-football.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

american football, rugby, gridiron, rugby ball, rugby union, rugby league

Alternatives

soccer-ball: football as most of the world means it (soccer)

Also fits

soccer: American football (gridiron)

Tags

american-football, football, rugby, ball, sports, game, nfl, gridiron, laces, team-sport

Category

Games & sports

Component name

AmericanFootballIcon

History

2026-10-15 added

More games & sports icons

baseball basketball bomb bowling boxing-glove chess-bishop chess-king chess-knight chess-pawn chess-queen chess-rook club cricket dice dumbbell gamepad · all games & sports icons

For agents

Metadata: /icons/american-football.json · Markdown: /icons/american-football.md · SVG: https://gentleface.com/svg/{style}/16/american-football.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/american-football.png

american-football icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More games & sports icons

For agents

american-football icon