billed cap emoji

billed-cap from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.

Name
billed-cap
Set
Twitter Emoji
Style
Default
Category
Objects
Viewbox
36×36
License
CC BY 4.0

The same emoji in other sets

More objects icons from Twitter Emoji

Use the billed cap emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><ellipse cx="21.249" cy="5.018" fill="#2b7bb9" rx=".944" ry="1.565" transform="rotate(-87.495 21.25 5.018)"/><path fill="#292f33" d="M29.831 27.74s3.523 1.385 5.185.088c.125-1.17-3.311-2.035-3.311-2.035zM7.527 25.549S2.271 33.375.77 32.031c0 0-.425-1.397 1.23-4.218c1.656-2.822 5.527-2.264 5.527-2.264"/><path fill="#1c6399" d="M19.766 4.82s-8.537.43-13.735 16.348c7.494 0 16.785.555 16.785.555s7.799 3.982 8.889 4.469s3.311 1.637 3.311 1.637s1.089-5.531.305-9.69S30.79 4.997 19.766 4.82"/><path fill="#1c6399" d="M3.354 25.167C1.521 28.209.138 30.988.77 32.031c0 0-.203-.761.775-1.633c.892-.795 2.805-1.522 6.461-1.522c5.534 0 13.006 4.498 16.119 5.562c2.375.812 2.875.188 4.188-1.25c1.4-1.534 3.716-6.904 3.716-6.904s-7.47-4.107-11.871-5.726s-5.358-1.427-6.752-1.401c-3.056.057-5.314.671-7.375 2.011c0 0-1.494 2.036-2.677 3.999"/><path fill="#50a5e6" d="M30.588 11.339c-.61-3.443-4.011-5.076-4.011-5.076c-1.895-.883-4.158-1.448-6.864-1.491c0 0-12.192-.105-13.681 16.395c0 0 2.541-1.115 7.92-.793c7.299.438 14.414 4.117 15.986 4.812c.83-2.779 1.367-9.798.65-13.847"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiBilledCap(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><ellipse cx="21.249" cy="5.018" fill="#2b7bb9" rx=".944" ry="1.565" transform="rotate(-87.495 21.25 5.018)"/><path fill="#292f33" d="M29.831 27.74s3.523 1.385 5.185.088c.125-1.17-3.311-2.035-3.311-2.035zM7.527 25.549S2.271 33.375.77 32.031c0 0-.425-1.397 1.23-4.218c1.656-2.822 5.527-2.264 5.527-2.264"/><path fill="#1c6399" d="M19.766 4.82s-8.537.43-13.735 16.348c7.494 0 16.785.555 16.785.555s7.799 3.982 8.889 4.469s3.311 1.637 3.311 1.637s1.089-5.531.305-9.69S30.79 4.997 19.766 4.82"/><path fill="#1c6399" d="M3.354 25.167C1.521 28.209.138 30.988.77 32.031c0 0-.203-.761.775-1.633c.892-.795 2.805-1.522 6.461-1.522c5.534 0 13.006 4.498 16.119 5.562c2.375.812 2.875.188 4.188-1.25c1.4-1.534 3.716-6.904 3.716-6.904s-7.47-4.107-11.871-5.726s-5.358-1.427-6.752-1.401c-3.056.057-5.314.671-7.375 2.011c0 0-1.494 2.036-2.677 3.999"/><path fill="#50a5e6" d="M30.588 11.339c-.61-3.443-4.011-5.076-4.011-5.076c-1.895-.883-4.158-1.448-6.864-1.491c0 0-12.192-.105-13.681 16.395c0 0 2.541-1.115 7.92-.793c7.299.438 14.414 4.117 15.986 4.812c.83-2.779 1.367-9.798.65-13.847"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><ellipse cx="21.249" cy="5.018" fill="#2b7bb9" rx=".944" ry="1.565" transform="rotate(-87.495 21.25 5.018)"/><path fill="#292f33" d="M29.831 27.74s3.523 1.385 5.185.088c.125-1.17-3.311-2.035-3.311-2.035zM7.527 25.549S2.271 33.375.77 32.031c0 0-.425-1.397 1.23-4.218c1.656-2.822 5.527-2.264 5.527-2.264"/><path fill="#1c6399" d="M19.766 4.82s-8.537.43-13.735 16.348c7.494 0 16.785.555 16.785.555s7.799 3.982 8.889 4.469s3.311 1.637 3.311 1.637s1.089-5.531.305-9.69S30.79 4.997 19.766 4.82"/><path fill="#1c6399" d="M3.354 25.167C1.521 28.209.138 30.988.77 32.031c0 0-.203-.761.775-1.633c.892-.795 2.805-1.522 6.461-1.522c5.534 0 13.006 4.498 16.119 5.562c2.375.812 2.875.188 4.188-1.25c1.4-1.534 3.716-6.904 3.716-6.904s-7.47-4.107-11.871-5.726s-5.358-1.427-6.752-1.401c-3.056.057-5.314.671-7.375 2.011c0 0-1.494 2.036-2.677 3.999"/><path fill="#50a5e6" d="M30.588 11.339c-.61-3.443-4.011-5.076-4.011-5.076c-1.895-.883-4.158-1.448-6.864-1.491c0 0-12.192-.105-13.681 16.395c0 0 2.541-1.115 7.92-.793c7.299.438 14.414 4.117 15.986 4.812c.83-2.779 1.367-9.798.65-13.847"/></svg>
</template>

CSS

.icon-billed-cap {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cellipse%20cx%3D%2221.249%22%20cy%3D%225.018%22%20fill%3D%22%232b7bb9%22%20rx%3D%22.944%22%20ry%3D%221.565%22%20transform%3D%22rotate(-87.495%2021.25%205.018)%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M29.831%2027.74s3.523%201.385%205.185.088c.125-1.17-3.311-2.035-3.311-2.035zM7.527%2025.549S2.271%2033.375.77%2032.031c0%200-.425-1.397%201.23-4.218c1.656-2.822%205.527-2.264%205.527-2.264%22%2F%3E%3Cpath%20fill%3D%22%231c6399%22%20d%3D%22M19.766%204.82s-8.537.43-13.735%2016.348c7.494%200%2016.785.555%2016.785.555s7.799%203.982%208.889%204.469s3.311%201.637%203.311%201.637s1.089-5.531.305-9.69S30.79%204.997%2019.766%204.82%22%2F%3E%3Cpath%20fill%3D%22%231c6399%22%20d%3D%22M3.354%2025.167C1.521%2028.209.138%2030.988.77%2032.031c0%200-.203-.761.775-1.633c.892-.795%202.805-1.522%206.461-1.522c5.534%200%2013.006%204.498%2016.119%205.562c2.375.812%202.875.188%204.188-1.25c1.4-1.534%203.716-6.904%203.716-6.904s-7.47-4.107-11.871-5.726s-5.358-1.427-6.752-1.401c-3.056.057-5.314.671-7.375%202.011c0%200-1.494%202.036-2.677%203.999%22%2F%3E%3Cpath%20fill%3D%22%2350a5e6%22%20d%3D%22M30.588%2011.339c-.61-3.443-4.011-5.076-4.011-5.076c-1.895-.883-4.158-1.448-6.864-1.491c0%200-12.192-.105-13.681%2016.395c0%200%202.541-1.115%207.92-.793c7.299.438%2014.414%204.117%2015.986%204.812c.83-2.779%201.367-9.798.65-13.847%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cellipse%20cx%3D%2221.249%22%20cy%3D%225.018%22%20fill%3D%22%232b7bb9%22%20rx%3D%22.944%22%20ry%3D%221.565%22%20transform%3D%22rotate(-87.495%2021.25%205.018)%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M29.831%2027.74s3.523%201.385%205.185.088c.125-1.17-3.311-2.035-3.311-2.035zM7.527%2025.549S2.271%2033.375.77%2032.031c0%200-.425-1.397%201.23-4.218c1.656-2.822%205.527-2.264%205.527-2.264%22%2F%3E%3Cpath%20fill%3D%22%231c6399%22%20d%3D%22M19.766%204.82s-8.537.43-13.735%2016.348c7.494%200%2016.785.555%2016.785.555s7.799%203.982%208.889%204.469s3.311%201.637%203.311%201.637s1.089-5.531.305-9.69S30.79%204.997%2019.766%204.82%22%2F%3E%3Cpath%20fill%3D%22%231c6399%22%20d%3D%22M3.354%2025.167C1.521%2028.209.138%2030.988.77%2032.031c0%200-.203-.761.775-1.633c.892-.795%202.805-1.522%206.461-1.522c5.534%200%2013.006%204.498%2016.119%205.562c2.375.812%202.875.188%204.188-1.25c1.4-1.534%203.716-6.904%203.716-6.904s-7.47-4.107-11.871-5.726s-5.358-1.427-6.752-1.401c-3.056.057-5.314.671-7.375%202.011c0%200-1.494%202.036-2.677%203.999%22%2F%3E%3Cpath%20fill%3D%22%2350a5e6%22%20d%3D%22M30.588%2011.339c-.61-3.443-4.011-5.076-4.011-5.076c-1.895-.883-4.158-1.448-6.864-1.491c0%200-12.192-.105-13.681%2016.395c0%200%202.541-1.115%207.92-.793c7.299.438%2014.414%204.117%2015.986%204.812c.83-2.779%201.367-9.798.65-13.847%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/billed-cap.svg?color=%231a73e8&size=48