Iconify.design Iconify
Thousands of icons, one unified framework.
  • Support Iconify
Show all available icon sets
Show all icons from Fluent Emoji
Fluent Emoji
Author:
Microsoft Corporation
License:
MIT
ambulance
amphora

32 x 32

fluent-emoji:american-football

Customize "american-football" icon:

Size

Flip

Rotate

Code for "american-football" for developers:

SVGHTMLReactVueSvelteEmber
SVGSVG with viewBox rectangleSVG as data: URI
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#f18id0)"><path fill="url(#f18idg)" d="M29.822 5.775c2.25 13.92-9.782 25.96-23.705 23.7a4.522 4.522 0 0 1-3.75-3.75c-2.252-13.92 9.78-25.96 23.703-23.7c1.92.31 3.43 1.82 3.75 3.75Z"/><path fill="url(#f18idb)" d="M29.822 5.775c2.25 13.92-9.782 25.96-23.705 23.7a4.522 4.522 0 0 1-3.75-3.75c-2.252-13.92 9.78-25.96 23.703-23.7c1.92.31 3.43 1.82 3.75 3.75Z"/></g><path fill="url(#f18idc)" d="M29.822 5.775c2.25 13.92-9.782 25.96-23.705 23.7a4.522 4.522 0 0 1-3.75-3.75c-2.252-13.92 9.78-25.96 23.703-23.7c1.92.31 3.43 1.82 3.75 3.75Z"/><g filter="url(#f18id1)"><path stroke="#784047" stroke-linecap="round" d="m13.344 16l2 2"/></g><g filter="url(#f18id2)"><path stroke="#784047" stroke-linecap="round" d="m10.844 18.5l2 2"/></g><g filter="url(#f18id3)"><path stroke="#784047" stroke-linecap="round" d="m15.844 13.5l2 2"/></g><g filter="url(#f18id4)"><path fill="#784047" d="M18.698 10.646a.5.5 0 0 0-.708.708l.708-.708Zm1.292 2.708a.5.5 0 0 0 .708-.708l-.708.708Zm-2-2l2 2l.708-.708l-2-2l-.708.708Z"/></g><g filter="url(#f18id5)"><path fill="#6D3940" d="M28.328 16.019c.38-1 .678-2.04.888-3.11L18.9 2.594c-1.07.21-2.11.508-3.11.888l12.537 12.537Z"/></g><g filter="url(#f18id6)"><path fill="#6D3940" d="M13.078 29.094c1.065-.224 1.313-1.156 3.297-.71L3.617 15.626c1.243 2.437 1.352 2.796-.928 3.093l10.39 10.375Z"/></g><path fill="url(#f18idd)" d="M28.771 16.378c.403-1.063.72-2.166.942-3.301L18.767 2.13a20.346 20.346 0 0 0-3.301.942L28.77 16.378Z"/><path fill="url(#f18idh)" d="M28.771 16.378c.403-1.063.72-2.166.942-3.301L18.767 2.13a20.346 20.346 0 0 0-3.301.942L28.77 16.378Z"/><path fill="url(#f18ide)" d="M13.706 29.312a20.358 20.358 0 0 0 3.263-.98L3.512 14.877a20.383 20.383 0 0 0-.98 3.263l11.174 11.173Z"/><path fill="url(#f18idi)" d="M13.706 29.312a20.358 20.358 0 0 0 3.263-.98L3.512 14.877a20.383 20.383 0 0 0-.98 3.263l11.174 11.173Z"/><path fill="url(#f18idj)" d="M13.706 29.312a20.358 20.358 0 0 0 3.263-.98L3.512 14.877a20.383 20.383 0 0 0-.98 3.263l11.174 11.173Z"/><path fill="url(#f18idk)" d="M13.706 29.312a20.358 20.358 0 0 0 3.263-.98L3.512 14.877a20.383 20.383 0 0 0-.98 3.263l11.174 11.173Z"/><path fill="url(#f18idf)" d="M13.706 29.312a20.358 20.358 0 0 0 3.263-.98L3.512 14.877a20.383 20.383 0 0 0-.98 3.263l11.174 11.173Z"/><g filter="url(#f18id7)"><path stroke="#DAD4E6" stroke-linecap="round" stroke-width="1.5" d="m13.594 15.75l2 2"/></g><g filter="url(#f18id8)"><path stroke="#DAD4E6" stroke-linecap="round" stroke-width="1.5" d="m11.094 18.25l2 2"/></g><g filter="url(#f18id9)"><path stroke="#DAD4E6" stroke-linecap="round" stroke-width="1.5" d="m16.094 13.25l2 2"/></g><g filter="url(#f18ida)"><path fill="#DAD4E6" d="M19.124 10.22a.75.75 0 0 0-1.06 1.061l1.06-1.06Zm.94 3.061a.75.75 0 1 0 1.06-1.06l-1.06 1.06Zm-2-2l2 2l1.06-1.06l-2-2l-1.06 1.06Z"/></g><defs><filter id="f18id0" width="28.8" height="28.799" x="1.694" y="1.351" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".4" dy=".4"/><feGaussianBlur stdDeviation=".6"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.454902 0 0 0 0 0.352941 0 0 0 0 0.32549 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_2267"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.4" dy="-.4"/><feGaussianBlur stdDeviation=".6"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.498039 0 0 0 0 0.341176 0 0 0 0 0.454902 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_2267" result="effect2_innerShadow_18_2267"/></filter><filter id="f18id1" width="3.5" height="3.5" x="12.594" y="15.25" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_2267" stdDeviation=".125"/></filter><filter id="f18id2" width="3.5" height="3.5" x="10.094" y="17.75" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_2267" stdDeviation=".125"/></filter><filter id="f18id3" width="3.5" height="3.5" x="15.094" y="12.75" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_2267" stdDeviation=".125"/></filter><filter id="f18id4" width="3.5" height="3.5" x="17.594" y="10.25" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_2267" stdDeviation=".125"/></filter><filter id="f18id5" width="14.425" height="14.425" x="15.291" y="2.094" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_2267" stdDeviation=".25"/></filter><filter id="f18id6" width="14.687" height="14.469" x="2.189" y="15.126" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_2267" stdDeviation=".25"/></filter><filter id="f18id7" width="3.9" height="3.9" x="12.644" y="14.801" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.909804 0 0 0 0 0.909804 0 0 0 0 0.956863 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_2267"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".2" dy="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.631373 0 0 0 0 0.568627 0 0 0 0 0.694118 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_2267" result="effect2_innerShadow_18_2267"/></filter><filter id="f18id8" width="3.9" height="3.9" x="10.144" y="17.301" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.909804 0 0 0 0 0.909804 0 0 0 0 0.956863 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_2267"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".2" dy="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.631373 0 0 0 0 0.568627 0 0 0 0 0.694118 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_2267" result="effect2_innerShadow_18_2267"/></filter><filter id="f18id9" width="3.9" height="3.9" x="15.144" y="12.301" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.909804 0 0 0 0 0.909804 0 0 0 0 0.956863 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_2267"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".2" dy="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.631373 0 0 0 0 0.568627 0 0 0 0 0.694118 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_2267" result="effect2_innerShadow_18_2267"/></filter><filter id="f18ida" width="3.9" height="3.9" x="17.644" y="9.801" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.909804 0 0 0 0 0.909804 0 0 0 0 0.956863 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_2267"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".2" dy="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.631373 0 0 0 0 0.568627 0 0 0 0 0.694118 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_2267" result="effect2_innerShadow_18_2267"/></filter><radialGradient id="f18idb" cx="0" cy="0" r="1" gradientTransform="matrix(7.02346 25.49818 -25.49943 7.0238 11.654 3.869)" gradientUnits="userSpaceOnUse"><stop offset=".791" stop-color="#743B6C" stop-opacity="0"/><stop offset="1" stop-color="#743B6C"/></radialGradient><radialGradient id="f18idc" cx="0" cy="0" r="1" gradientTransform="rotate(135 15.27 7.773) scale(22.5567 4.896)" gradientUnits="userSpaceOnUse"><stop stop-color="#AB8072"/><stop offset="1" stop-color="#AB8072" stop-opacity="0"/></radialGradient><radialGradient id="f18idd" cx="0" cy="0" r="1" gradientTransform="rotate(135 10.585 9.805) scale(5.10057 9.48153)" gradientUnits="userSpaceOnUse"><stop stop-color="#F5F1F8"/><stop offset="1" stop-color="#B8B8B8"/></radialGradient><radialGradient id="f18ide" cx="0" cy="0" r="1" gradientTransform="matrix(-4.41385 3.73475 -6.94254 -8.20492 13.513 24.134)" gradientUnits="userSpaceOnUse"><stop stop-color="#BFA9D8"/><stop offset="1" stop-color="#B8B8B8"/><stop offset="1" stop-color="#9F96A7"/></radialGradient><radialGradient id="f18idf" cx="0" cy="0" r="1" gradientTransform="matrix(-.3532 .37281 -3.68036 -3.48668 14.172 25.504)" gradientUnits="userSpaceOnUse"><stop offset=".319" stop-color="#C3BCD9"/><stop offset="1" stop-color="#C3BCD9" stop-opacity="0"/></radialGradient><linearGradient id="f18idg" x1="23.216" x2="4.122" y1="7.72" y2="28.298" gradientUnits="userSpaceOnUse"><stop stop-color="#8C5949"/><stop offset="1" stop-color="#6C4140"/></linearGradient><linearGradient id="f18idh" x1="21.832" x2="22.11" y1="9.572" y2="9.294" gradientUnits="userSpaceOnUse"><stop stop-color="#998FA0"/><stop offset="1" stop-color="#998FA0" stop-opacity="0"/></linearGradient><linearGradient id="f18idi" x1="1.048" x2="8.517" y1="14.876" y2="21.223" gradientUnits="userSpaceOnUse"><stop stop-color="#8D8B90"/><stop offset="1" stop-color="#8D8B90" stop-opacity="0"/></linearGradient><linearGradient id="f18idj" x1="7.813" x2="8.082" y1="23.563" y2="23.294" gradientUnits="userSpaceOnUse"><stop stop-color="#9778B6"/><stop offset="1" stop-color="#9778B6" stop-opacity="0"/></linearGradient><linearGradient id="f18idk" x1="15.356" x2="14.532" y1="29.663" y2="27.286" gradientUnits="userSpaceOnUse"><stop stop-color="#AF87D2"/><stop offset="1" stop-color="#AF87D2" stop-opacity="0"/></linearGradient></defs></g></svg>
Download SVG

Data for icons is open source and is available for everyone to use. You can use it with various icon components, create your own components that use Iconify as source or just export raw SVGs.

All icons are validated, cleaned up and automatically kept up to date.

About Iconify

Iconify gives you freedom to choose icons, while using same open source icon components and tools.

Visit Iconify website to learn more about the project.

  • © 2020 - 2022 Iconify OÜ • About Iconify • Privacy Policy