Иконка Billed Cap
fluent-emoji:billed-cap
Иконка Billed Cap (fluent-emoji:billed-cap) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Теги
- billedcap
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><ellipse cx="22.42" cy="7.685" fill="url(#i9JX9Fc)" rx="1.313" ry="1.68" transform="rotate(-57.793 22.42 7.685)"/><path fill="url(#ihqnX4b)" fill-rule="evenodd" d="M17 7h3a10 10 0 0 1 4 .832V21H9v-6a8 8 0 0 1 8-8" clip-rule="evenodd"/><path fill="url(#iRhbnpd)" fill-rule="evenodd" d="M17 7h3a10 10 0 0 1 4 .832V21H9v-6a8 8 0 0 1 8-8" clip-rule="evenodd"/><path fill="url(#iixeJhd)" fill-rule="evenodd" d="M20 7.35h-3A7.65 7.65 0 0 0 9.35 15v5.65h14.3V8.064A9.6 9.6 0 0 0 20 7.35m4 .482A10 10 0 0 0 20 7h-3a8 8 0 0 0-8 8v6h15z" clip-rule="evenodd"/><path fill="url(#ikfqQSA)" d="M4.5 24c-2 0-3.5-2.5-2.5-3l3.527-1c2.324.5 6.573 1.5 4.973 1.5c-2 0-3.5 2.5-6 2.5"/><path fill="url(#ibfishb)" d="M24 7.832V21h5a1 1 0 0 0 1-1v-3c0-4.1-2.468-7.625-6-9.168"/><path fill="url(#iGmhEMe)" d="M24 7.832V21h5a1 1 0 0 0 1-1v-3c0-4.1-2.468-7.625-6-9.168"/><path fill="url(#ij65hed)" d="M24 7.832V21h5a1 1 0 0 0 1-1v-3c0-4.1-2.468-7.625-6-9.168"/><path fill="url(#iLmdIZc)" d="M24 7.832V21h5a1 1 0 0 0 1-1v-3c0-4.1-2.468-7.625-6-9.168"/><path fill="url(#ik7OBgd)" d="M9.033 17.125c7.367.005 11.345 1.57 14.772 3.893c-1.97 1.97-3.917 3.857-6.805 3.857c-1.472 0-2.747-.468-3.884-1.076a21 21 0 0 1-1.608-.974q-.18-.117-.353-.233c-.377-.249-.74-.49-1.09-.7c-1.272-.762-2.792-1.14-4.242-1.267a13 13 0 0 0-3.088.099z"/><path fill="url(#isccLXd)" d="M9.033 17.125c7.367.005 11.345 1.57 14.772 3.893c-1.97 1.97-3.917 3.857-6.805 3.857c-1.472 0-2.747-.468-3.884-1.076a21 21 0 0 1-1.608-.974q-.18-.117-.353-.233c-.377-.249-.74-.49-1.09-.7c-1.272-.762-2.792-1.14-4.242-1.267a13 13 0 0 0-3.088.099z"/><path fill="url(#ipWvGPe)" d="M9.033 17.125c7.367.005 11.345 1.57 14.772 3.893c-1.97 1.97-3.917 3.857-6.805 3.857c-1.472 0-2.747-.468-3.884-1.076a21 21 0 0 1-1.608-.974q-.18-.117-.353-.233c-.377-.249-.74-.49-1.09-.7c-1.272-.762-2.792-1.14-4.242-1.267a13 13 0 0 0-3.088.099z"/><path stroke="url(#ite8hbE)" stroke-width=".25" d="M9.033 17.125c7.367.005 11.345 1.57 14.772 3.893c-1.97 1.97-3.917 3.857-6.805 3.857c-1.472 0-2.747-.468-3.884-1.076a21 21 0 0 1-1.608-.974q-.18-.117-.353-.233c-.377-.249-.74-.49-1.09-.7c-1.272-.762-2.792-1.14-4.242-1.267a13 13 0 0 0-3.088.099z"/><path stroke="url(#iGAqyfY)" stroke-width=".25" d="M9.033 17.125c7.367.005 11.345 1.57 14.772 3.893c-1.97 1.97-3.917 3.857-6.805 3.857c-1.472 0-2.747-.468-3.884-1.076a21 21 0 0 1-1.608-.974q-.18-.117-.353-.233c-.377-.249-.74-.49-1.09-.7c-1.272-.762-2.792-1.14-4.242-1.267a13 13 0 0 0-3.088.099z"/><defs><radialGradient id="ihqnX4b" cx="0" cy="0" r="1" gradientTransform="rotate(-30.727 40.318 -13.729)scale(16.3317 22.6004)" gradientUnits="userSpaceOnUse"><stop offset=".038" stop-color="#336AEE"/><stop offset="1" stop-color="#A8D5FF"/></radialGradient><radialGradient id="iixeJhd" cx="0" cy="0" r="1" gradientTransform="rotate(127.593 13.145 8.384)scale(10.8448)" gradientUnits="userSpaceOnUse"><stop stop-color="#BBE5FF"/><stop offset="1" stop-color="#BBE5FF" stop-opacity="0"/></radialGradient><radialGradient id="ikfqQSA" cx="0" cy="0" r="1" gradientTransform="matrix(-8.13043 0 0 -4.81647 7.603 21.473)" gradientUnits="userSpaceOnUse"><stop offset=".075" stop-color="#4B4A8E"/><stop offset=".581" stop-color="#3F3C8B"/><stop offset="1" stop-color="#847AEA"/></radialGradient><radialGradient id="ibfishb" cx="0" cy="0" r="1" gradientTransform="matrix(0 21.3517 -9.72896 0 25.458 18.183)" gradientUnits="userSpaceOnUse"><stop offset=".167" stop-color="#6C8DFF"/><stop offset=".362" stop-color="#7D9EFF"/><stop offset=".62" stop-color="#DDE5FF"/></radialGradient><radialGradient id="ik7OBgd" cx="0" cy="0" r="1" gradientTransform="matrix(2.5 8.69613 -8.69613 2.5 10.5 22)" gradientUnits="userSpaceOnUse"><stop stop-color="#6F86F9"/><stop offset="1" stop-color="#4563DD"/></radialGradient><radialGradient id="ite8hbE" cx="0" cy="0" r="1" gradientTransform="matrix(-1.21621 3.50865 -6.19495 -2.14737 16.265 17.491)" gradientUnits="userSpaceOnUse"><stop stop-color="#3A5AD5"/><stop offset="1" stop-color="#3A5AD5" stop-opacity="0"/></radialGradient><radialGradient id="iGAqyfY" cx="0" cy="0" r="1" gradientTransform="matrix(2.5201 -4 7.0625 4.44956 12.529 25)" gradientUnits="userSpaceOnUse"><stop stop-color="#3A5AD5" stop-opacity=".56"/><stop offset="1" stop-color="#3A5AD5" stop-opacity="0"/></radialGradient><linearGradient id="i9JX9Fc" x1="22.211" x2="25.363" y1="9.684" y2="8.499" gradientUnits="userSpaceOnUse"><stop stop-color="#5C6EFF"/><stop offset="1" stop-color="#8099FF"/></linearGradient><linearGradient id="iRhbnpd" x1="24.386" x2="22.789" y1="5.745" y2="9.623" gradientUnits="userSpaceOnUse"><stop stop-color="#B5E1FF"/><stop offset="1" stop-color="#93C2FD" stop-opacity="0"/></linearGradient><linearGradient id="iGmhEMe" x1="22.316" x2="26.638" y1="12.621" y2="12.594" gradientUnits="userSpaceOnUse"><stop offset=".413" stop-color="#456CF8"/><stop offset=".629" stop-color="#6E92FF" stop-opacity="0"/></linearGradient><linearGradient id="ij65hed" x1="25.947" x2="25.947" y1="21.951" y2="19.032" gradientUnits="userSpaceOnUse"><stop offset=".413" stop-color="#5478FA"/><stop offset=".826" stop-color="#6E92FF" stop-opacity="0"/></linearGradient><linearGradient id="iLmdIZc" x1="25.947" x2="25.947" y1="24.104" y2="19.667" gradientUnits="userSpaceOnUse"><stop offset=".632" stop-color="#966CFC"/><stop offset=".974" stop-color="#6659FF" stop-opacity="0"/></linearGradient><linearGradient id="isccLXd" x1="5.203" x2="6.651" y1="18.36" y2="20.619" gradientUnits="userSpaceOnUse"><stop stop-color="#4765D7"/><stop offset="1" stop-color="#4F6FDF" stop-opacity="0"/></linearGradient><linearGradient id="ipWvGPe" x1="19.392" x2="17.713" y1="25.947" y2="23.457" gradientUnits="userSpaceOnUse"><stop stop-color="#3758D2"/><stop offset="1" stop-color="#4F6FDF" stop-opacity="0"/></linearGradient></defs></g></svg>Как использовать иконку Billed Cap
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:billed-cap" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:billed-cap" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:billed-cap" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--billed-cap]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:billed-cap"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:billed-cap"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/billed-cap.svg" alt="Иконка Billed Cap" width="24" height="24">Иконка Billed Cap в других наборах
Вопросы и ответы: Иконка Billed Cap
Можно ли бесплатно использовать иконку Billed Cap в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Billed Cap в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:billed-cap" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Billed Cap на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/billed-cap.svg" alt="Иконка Billed Cap">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.