Иконка Middle Finger
fluent-emoji:middle-finger
Иконка Middle Finger (fluent-emoji:middle-finger) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Теги
- middlefinger
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iChS6ed)"><path fill="url(#isW9Q4D)" d="M12.645 4.402a2.39 2.39 0 0 1 4.78 0v7.587a2.391 2.391 0 0 1 4.242 1.146a2.39 2.39 0 0 1 4.119 2.07l-.29 2.854c-.117 1.242-.84 6.046-2.527 7.937c-1.825 2.456-4.576 3.992-7.645 3.992A8.353 8.353 0 0 1 7.03 22.62l-.784-4.457a2.28 2.28 0 0 1 2.6-2.835a2.602 2.602 0 0 1 3.798-3.11z"/><path fill="url(#i3wdIqc)" d="M12.645 4.402a2.39 2.39 0 0 1 4.78 0v7.587a2.391 2.391 0 0 1 4.242 1.146a2.39 2.39 0 0 1 4.119 2.07l-.29 2.854c-.117 1.242-.84 6.046-2.527 7.937c-1.825 2.456-4.576 3.992-7.645 3.992A8.353 8.353 0 0 1 7.03 22.62l-.784-4.457a2.28 2.28 0 0 1 2.6-2.835a2.602 2.602 0 0 1 3.798-3.11z"/><path fill="url(#iP2uE9d)" d="M12.645 4.402a2.39 2.39 0 0 1 4.78 0v7.587a2.391 2.391 0 0 1 4.242 1.146a2.39 2.39 0 0 1 4.119 2.07l-.29 2.854c-.117 1.242-.84 6.046-2.527 7.937c-1.825 2.456-4.576 3.992-7.645 3.992A8.353 8.353 0 0 1 7.03 22.62l-.784-4.457a2.28 2.28 0 0 1 2.6-2.835a2.602 2.602 0 0 1 3.798-3.11z"/><path fill="url(#ipRIUkc)" d="M12.645 4.402a2.39 2.39 0 0 1 4.78 0v7.587a2.391 2.391 0 0 1 4.242 1.146a2.39 2.39 0 0 1 4.119 2.07l-.29 2.854c-.117 1.242-.84 6.046-2.527 7.937c-1.825 2.456-4.576 3.992-7.645 3.992A8.353 8.353 0 0 1 7.03 22.62l-.784-4.457a2.28 2.28 0 0 1 2.6-2.835a2.602 2.602 0 0 1 3.798-3.11z"/><path fill="url(#iUdrArl)" d="M12.645 4.402a2.39 2.39 0 0 1 4.78 0v7.587a2.391 2.391 0 0 1 4.242 1.146a2.39 2.39 0 0 1 4.119 2.07l-.29 2.854c-.117 1.242-.84 6.046-2.527 7.937c-1.825 2.456-4.576 3.992-7.645 3.992A8.353 8.353 0 0 1 7.03 22.62l-.784-4.457a2.28 2.28 0 0 1 2.6-2.835a2.602 2.602 0 0 1 3.798-3.11z"/><path fill="url(#iWXcFnd)" d="M12.645 4.402a2.39 2.39 0 0 1 4.78 0v7.587a2.391 2.391 0 0 1 4.242 1.146a2.39 2.39 0 0 1 4.119 2.07l-.29 2.854c-.117 1.242-.84 6.046-2.527 7.937c-1.825 2.456-4.576 3.992-7.645 3.992A8.353 8.353 0 0 1 7.03 22.62l-.784-4.457a2.28 2.28 0 0 1 2.6-2.835a2.602 2.602 0 0 1 3.798-3.11z"/><path fill="url(#imOF1Td)" d="M12.645 4.402a2.39 2.39 0 0 1 4.78 0v7.587a2.391 2.391 0 0 1 4.242 1.146a2.39 2.39 0 0 1 4.119 2.07l-.29 2.854c-.117 1.242-.84 6.046-2.527 7.937c-1.825 2.456-4.576 3.992-7.645 3.992A8.353 8.353 0 0 1 7.03 22.62l-.784-4.457a2.28 2.28 0 0 1 2.6-2.835a2.602 2.602 0 0 1 3.798-3.11z"/></g><rect width="4.781" height="14.813" x="12.648" y="2.012" fill="url(#iPMxx8c)" rx="2.391"/><rect width="4.781" height="14.813" x="12.648" y="2.012" fill="url(#iuxFQvZ)" rx="2.391"/><rect width="4.781" height="14.813" x="12.648" y="2.012" fill="url(#iivOztd)" rx="2.391"/><g filter="url(#ibkNqAd)"><path stroke="url(#iKn6fDb)" stroke-linecap="round" stroke-width="1.5" d="M24.406 14.23c-.052 1.084-.247 3.363-.797 6.063s-1.562 4.48-2 5.031"/></g><g filter="url(#ianzk2d)"><path stroke="url(#ioPf1jb)" stroke-linecap="round" stroke-width="1.25" d="M15.688 3.512V14.23"/></g><defs><radialGradient id="isW9Q4D" cx="0" cy="0" r="1" gradientTransform="rotate(130.4 8.799 12.719)scale(19.2866 13.5561)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD541"/><stop offset="1" stop-color="#FFB236"/><stop offset="1" stop-color="#FFB63B"/></radialGradient><radialGradient id="i3wdIqc" cx="0" cy="0" r="1" gradientTransform="matrix(1.53125 2.84374 -2.45715 1.32308 8.438 13.45)" gradientUnits="userSpaceOnUse"><stop stop-color="#E39738"/><stop offset="1" stop-color="#E39738" stop-opacity="0"/></radialGradient><radialGradient id="iP2uE9d" cx="0" cy="0" r="1" gradientTransform="matrix(1 1.63672 -1.41421 .86405 6.719 16)" gradientUnits="userSpaceOnUse"><stop stop-color="#E39738"/><stop offset="1" stop-color="#E39738" stop-opacity="0"/></radialGradient><radialGradient id="ipRIUkc" cx="0" cy="0" r="1" gradientTransform="rotate(109.231 5.561 11.763)scale(2.84632 1.10477)" gradientUnits="userSpaceOnUse"><stop stop-color="#E39738"/><stop offset="1" stop-color="#E39738" stop-opacity="0"/></radialGradient><radialGradient id="iUdrArl" cx="0" cy="0" r="1" gradientTransform="rotate(133.299 9.003 10.92)scale(2.23279 1.21415)" gradientUnits="userSpaceOnUse"><stop stop-color="#E39738"/><stop offset="1" stop-color="#E39738" stop-opacity="0"/></radialGradient><radialGradient id="iWXcFnd" cx="0" cy="0" r="1" gradientTransform="rotate(130.957 9.905 12.492)scale(2.93794 3.62296)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE543"/><stop offset="1" stop-color="#FFE543" stop-opacity="0"/></radialGradient><radialGradient id="imOF1Td" cx="0" cy="0" r="1" gradientTransform="rotate(141.981 8.26 9.512)scale(2.18169 2.11857)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE543"/><stop offset="1" stop-color="#FFE543" stop-opacity="0"/></radialGradient><linearGradient id="iPMxx8c" x1="12.174" x2="15.27" y1="9.78" y2="9.78" gradientUnits="userSpaceOnUse"><stop stop-color="#E3922E"/><stop offset="1" stop-color="#E3922E" stop-opacity="0"/></linearGradient><linearGradient id="iuxFQvZ" x1="18.889" x2="15.27" y1="10.783" y2="11.35" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE94A"/><stop offset="1" stop-color="#FFE94A" stop-opacity="0"/></linearGradient><linearGradient id="iivOztd" x1="15.039" x2="15.039" y1="11.568" y2="15.168" gradientUnits="userSpaceOnUse"><stop stop-color="#FFC13B" stop-opacity="0"/><stop offset="1" stop-color="#FFC13B"/></linearGradient><linearGradient id="iKn6fDb" x1="25" x2="21" y1="13.512" y2="30.512" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE948"/><stop offset="1" stop-color="#FFE948" stop-opacity="0"/></linearGradient><linearGradient id="ioPf1jb" x1="16.9" x2="9.541" y1="3.316" y2="15.419" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE948"/><stop offset="1" stop-color="#FFE948" stop-opacity="0"/></linearGradient><filter id="iChS6ed" width="19.914" height="28.977" x="6.168" y="1.012" 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=".25" dy="-1"/><feGaussianBlur stdDeviation=".75"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.909804 0 0 0 0 0.513726 0 0 0 0 0.270588 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_20020_5352"/></filter><filter id="ibkNqAd" width="9.297" height="17.594" x="18.359" y="10.98" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_5352" stdDeviation="1.25"/></filter><filter id="ianzk2d" width="4.75" height="15.469" x="13.313" y="1.137" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_5352" stdDeviation=".875"/></filter></defs></g></svg>Как использовать иконку Middle Finger
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:middle-finger" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:middle-finger" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:middle-finger" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--middle-finger]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:middle-finger"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:middle-finger"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/middle-finger.svg" alt="Иконка Middle Finger" width="24" height="24">Похожие иконки в наборе Fluent Emoji
Иконка Middle Finger в других наборах
Вопросы и ответы: Иконка Middle Finger
Можно ли бесплатно использовать иконку Middle Finger в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Middle Finger в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:middle-finger" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Middle Finger на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/middle-finger.svg" alt="Иконка Middle Finger">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.