ICONYZ
Русский
Иконка American Football из набора Fluent Emoji

Иконка American Football

fluent-emoji:american-football

Иконка American Football (fluent-emoji:american-football) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Fluent Emoji
Автор
Microsoft Corporation
Лицензия
MIT
Размер
32 × 32
Теги
americanfootball
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iee9mXb)"><path fill="url(#iww4jWd)" d="M29.822 5.775c2.25 13.92-9.782 25.96-23.705 23.7a4.52 4.52 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.75"/><path fill="url(#ituyBcd)" d="M29.822 5.775c2.25 13.92-9.782 25.96-23.705 23.7a4.52 4.52 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.75"/></g><path fill="url(#ivEMCsb)" d="M29.822 5.775c2.25 13.92-9.782 25.96-23.705 23.7a4.52 4.52 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.75"/><g filter="url(#iibd1Zb)"><path stroke="#784047" stroke-linecap="round" d="m13.344 16l2 2"/></g><g filter="url(#iwK9UwH)"><path stroke="#784047" stroke-linecap="round" d="m10.844 18.5l2 2"/></g><g filter="url(#iA8wq3e)"><path stroke="#784047" stroke-linecap="round" d="m15.844 13.5l2 2"/></g><g filter="url(#iegDB9c)"><path fill="#784047" d="M18.698 10.646a.5.5 0 0 0-.708.708zm1.292 2.708a.5.5 0 0 0 .708-.708zm-2-2l2 2l.708-.708l-2-2z"/></g><g filter="url(#inhrQPd)"><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.888z"/></g><g filter="url(#iLR5sCc)"><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.797-.928 3.093z"/></g><path fill="url(#iktNIBc)" d="M28.771 16.378c.403-1.063.72-2.166.942-3.301L18.767 2.13a20.4 20.4 0 0 0-3.301.942z"/><path fill="url(#itBPOxb)" d="M28.771 16.378c.403-1.063.72-2.166.942-3.301L18.767 2.13a20.4 20.4 0 0 0-3.301.942z"/><path fill="url(#iSawfPd)" d="M13.706 29.312a20.4 20.4 0 0 0 3.263-.98L3.512 14.877a20.4 20.4 0 0 0-.98 3.263z"/><path fill="url(#ipFITqd)" d="M13.706 29.312a20.4 20.4 0 0 0 3.263-.98L3.512 14.877a20.4 20.4 0 0 0-.98 3.263z"/><path fill="url(#iAsCIod)" d="M13.706 29.312a20.4 20.4 0 0 0 3.263-.98L3.512 14.877a20.4 20.4 0 0 0-.98 3.263z"/><path fill="url(#iu4XNGc)" d="M13.706 29.312a20.4 20.4 0 0 0 3.263-.98L3.512 14.877a20.4 20.4 0 0 0-.98 3.263z"/><path fill="url(#ikovGFb)" d="M13.706 29.312a20.4 20.4 0 0 0 3.263-.98L3.512 14.877a20.4 20.4 0 0 0-.98 3.263z"/><g filter="url(#ix1FSWb)"><path stroke="#DAD4E6" stroke-linecap="round" stroke-width="1.5" d="m13.594 15.75l2 2"/></g><g filter="url(#iTA2Qpb)"><path stroke="#DAD4E6" stroke-linecap="round" stroke-width="1.5" d="m11.094 18.25l2 2"/></g><g filter="url(#iaGEycd)"><path stroke="#DAD4E6" stroke-linecap="round" stroke-width="1.5" d="m16.094 13.25l2 2"/></g><g filter="url(#iSlMwld)"><path fill="#DAD4E6" d="M19.124 10.22a.75.75 0 0 0-1.06 1.061zm.94 3.061a.75.75 0 1 0 1.06-1.06zm-2-2l2 2l1.06-1.06l-2-2z"/></g><defs><filter id="iee9mXb" 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="iibd1Zb" 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="iwK9UwH" 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="iA8wq3e" 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="iegDB9c" 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="inhrQPd" 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="iLR5sCc" 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="ix1FSWb" 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="iTA2Qpb" 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="iaGEycd" 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="iSlMwld" 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="ituyBcd" 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="ivEMCsb" 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="iktNIBc" 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="iSawfPd" 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="ikovGFb" 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="iww4jWd" 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="itBPOxb" 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="ipFITqd" 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="iAsCIod" 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="iu4XNGc" 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>

Как использовать иконку American Football

React

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

<Icon icon="fluent-emoji:american-football" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji:american-football" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji:american-football" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--american-football]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:american-football"></div>

Веб-компонент

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

<iconify-icon icon="fluent-emoji:american-football"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji/american-football.svg" alt="Иконка American Football" width="24" height="24">

Иконка American Football в других наборах

Вопросы и ответы: Иконка American Football

Можно ли бесплатно использовать иконку American Football в коммерческих проектах?

Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку American Football в React?

Установите @iconify/react и выведите <Icon icon="fluent-emoji:american-football" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку American Football на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/american-football.svg" alt="Иконка American Football">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Fluent Emoji →