bagel emoji

bagel from Twitter Emoji by Twitter · Default · Food & Drink · CC-BY-4.0 Attribution required.

Name
bagel
Set
Twitter Emoji
Style
Default
Category
Food & Drink
Viewbox
36×36
License
CC BY 4.0

The same emoji in other sets

bagelFluent EmojibagelFluent Emoji FlatbagelFluent Emoji High ContrastbagelNoto EmojibagelOpenMoji

More food & drink icons from Twitter Emoji

amphoraavocadobaby-bottlebaconbaguette-breadbananabeansbeer-mugbell-pepperbento-boxbeverage-boxbirthday-cakeblueberriesbottle-with-popping-corkbowl-with-spoonbreadbroccolibrown-mushroombubble-teaburritobuttercandycanned-foodcarrot

Use the bagel emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#c1694f" d="M18.09 9.295C7.847 9.295.573 13.188.573 18.053c0 7.569 5.839 15.57 17.517 15.57s17.517-8.001 17.517-15.57c0-4.865-7.274-8.758-17.517-8.758"/><path fill="#d99e82" d="M18.09 8.322C7.847 8.322.573 11.961.573 17.927s7.273 9.858 17.517 9.858s17.517-4.146 17.517-9.858s-7.274-9.605-17.517-9.605"/><path fill="#ccd6dd" d="M2.519 20.973c-.973.973 4.866 6.812 7.785 3.893s5.942 1.511 6.812 1.946c1.946.973 6.754-4.408 11.678-1.946c1.947.973 4.866-1.946 4.866-4.866s-30.167 0-31.141.973"/><path fill="#fff" d="M2.422 19.462s-.181.378-.169.496c.217 2.144 5.132 6.854 8.052 3.935s5.942 1.511 6.812 1.946c1.946.973 6.754-4.408 11.678-1.946c1.608.804 4.848-2.228 5.258-4.811c-2.136 0-31.631.38-31.631.38"/><path fill="#c1694f" d="M18.733 2.583C14.568 2.34.805 4.52.307 16.595c.01.608.592 1.741 2.114 2.867c2.556 1.891 7.765 3.764 17.378 3.103c8.374-.576 12.357-2.1 14.253-3.483c1.577-1.15 1.711-2.203 1.711-2.532c.001-3.89-3.541-13.164-17.03-13.967"/><path fill="#fff" d="M14.468 10.228c1.188.461 2.637.578 3.799.622c1.54.058 3.13-.13 4.572-.699c0-.963 0-2.838-4.186-2.838s-4.185 1.771-4.185 2.915"/><path fill="#8a4b38" d="M18.811 6.302c-3.959-.262-7.406 2.073-5.272 3.453c.279.191.596.344.93.473c.897-.78 2.572-1.596 4.285-1.521c2.026.089 3.393.727 4.086 1.444c.312-.123.62-.258.917-.419c1.489-1.108-.056-3.106-4.946-3.43"/><g fill="#d99e82"><path d="M9.226 9.736c-.535.226-2.352.483-2.578-.052s1.225-1.659 1.76-1.885a1.051 1.051 0 1 1 .818 1.937m22.199-.506c.311.349.977 1.667.628 1.978s-1.581-.503-1.892-.852a.845.845 0 1 1 1.264-1.126m-6.578 8.119c-.442.152-1.915.258-2.067-.184s1.075-1.264 1.517-1.416a.846.846 0 1 1 .55 1.6m-16.86-3.013c-.393.428-1.839 1.308-2.267.915s.325-1.909.718-2.337a1.051 1.051 0 1 1 1.549 1.422"/><ellipse cx="17.539" cy="4.159" rx="1.216" ry=".566" transform="rotate(-.435 17.485 4.146)"/></g></svg>

React

import type { SVGProps } from "react";

export function TwemojiBagel(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#c1694f" d="M18.09 9.295C7.847 9.295.573 13.188.573 18.053c0 7.569 5.839 15.57 17.517 15.57s17.517-8.001 17.517-15.57c0-4.865-7.274-8.758-17.517-8.758"/><path fill="#d99e82" d="M18.09 8.322C7.847 8.322.573 11.961.573 17.927s7.273 9.858 17.517 9.858s17.517-4.146 17.517-9.858s-7.274-9.605-17.517-9.605"/><path fill="#ccd6dd" d="M2.519 20.973c-.973.973 4.866 6.812 7.785 3.893s5.942 1.511 6.812 1.946c1.946.973 6.754-4.408 11.678-1.946c1.947.973 4.866-1.946 4.866-4.866s-30.167 0-31.141.973"/><path fill="#fff" d="M2.422 19.462s-.181.378-.169.496c.217 2.144 5.132 6.854 8.052 3.935s5.942 1.511 6.812 1.946c1.946.973 6.754-4.408 11.678-1.946c1.608.804 4.848-2.228 5.258-4.811c-2.136 0-31.631.38-31.631.38"/><path fill="#c1694f" d="M18.733 2.583C14.568 2.34.805 4.52.307 16.595c.01.608.592 1.741 2.114 2.867c2.556 1.891 7.765 3.764 17.378 3.103c8.374-.576 12.357-2.1 14.253-3.483c1.577-1.15 1.711-2.203 1.711-2.532c.001-3.89-3.541-13.164-17.03-13.967"/><path fill="#fff" d="M14.468 10.228c1.188.461 2.637.578 3.799.622c1.54.058 3.13-.13 4.572-.699c0-.963 0-2.838-4.186-2.838s-4.185 1.771-4.185 2.915"/><path fill="#8a4b38" d="M18.811 6.302c-3.959-.262-7.406 2.073-5.272 3.453c.279.191.596.344.93.473c.897-.78 2.572-1.596 4.285-1.521c2.026.089 3.393.727 4.086 1.444c.312-.123.62-.258.917-.419c1.489-1.108-.056-3.106-4.946-3.43"/><g fill="#d99e82"><path d="M9.226 9.736c-.535.226-2.352.483-2.578-.052s1.225-1.659 1.76-1.885a1.051 1.051 0 1 1 .818 1.937m22.199-.506c.311.349.977 1.667.628 1.978s-1.581-.503-1.892-.852a.845.845 0 1 1 1.264-1.126m-6.578 8.119c-.442.152-1.915.258-2.067-.184s1.075-1.264 1.517-1.416a.846.846 0 1 1 .55 1.6m-16.86-3.013c-.393.428-1.839 1.308-2.267.915s.325-1.909.718-2.337a1.051 1.051 0 1 1 1.549 1.422"/><ellipse cx="17.539" cy="4.159" rx="1.216" ry=".566" transform="rotate(-.435 17.485 4.146)"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#c1694f" d="M18.09 9.295C7.847 9.295.573 13.188.573 18.053c0 7.569 5.839 15.57 17.517 15.57s17.517-8.001 17.517-15.57c0-4.865-7.274-8.758-17.517-8.758"/><path fill="#d99e82" d="M18.09 8.322C7.847 8.322.573 11.961.573 17.927s7.273 9.858 17.517 9.858s17.517-4.146 17.517-9.858s-7.274-9.605-17.517-9.605"/><path fill="#ccd6dd" d="M2.519 20.973c-.973.973 4.866 6.812 7.785 3.893s5.942 1.511 6.812 1.946c1.946.973 6.754-4.408 11.678-1.946c1.947.973 4.866-1.946 4.866-4.866s-30.167 0-31.141.973"/><path fill="#fff" d="M2.422 19.462s-.181.378-.169.496c.217 2.144 5.132 6.854 8.052 3.935s5.942 1.511 6.812 1.946c1.946.973 6.754-4.408 11.678-1.946c1.608.804 4.848-2.228 5.258-4.811c-2.136 0-31.631.38-31.631.38"/><path fill="#c1694f" d="M18.733 2.583C14.568 2.34.805 4.52.307 16.595c.01.608.592 1.741 2.114 2.867c2.556 1.891 7.765 3.764 17.378 3.103c8.374-.576 12.357-2.1 14.253-3.483c1.577-1.15 1.711-2.203 1.711-2.532c.001-3.89-3.541-13.164-17.03-13.967"/><path fill="#fff" d="M14.468 10.228c1.188.461 2.637.578 3.799.622c1.54.058 3.13-.13 4.572-.699c0-.963 0-2.838-4.186-2.838s-4.185 1.771-4.185 2.915"/><path fill="#8a4b38" d="M18.811 6.302c-3.959-.262-7.406 2.073-5.272 3.453c.279.191.596.344.93.473c.897-.78 2.572-1.596 4.285-1.521c2.026.089 3.393.727 4.086 1.444c.312-.123.62-.258.917-.419c1.489-1.108-.056-3.106-4.946-3.43"/><g fill="#d99e82"><path d="M9.226 9.736c-.535.226-2.352.483-2.578-.052s1.225-1.659 1.76-1.885a1.051 1.051 0 1 1 .818 1.937m22.199-.506c.311.349.977 1.667.628 1.978s-1.581-.503-1.892-.852a.845.845 0 1 1 1.264-1.126m-6.578 8.119c-.442.152-1.915.258-2.067-.184s1.075-1.264 1.517-1.416a.846.846 0 1 1 .55 1.6m-16.86-3.013c-.393.428-1.839 1.308-2.267.915s.325-1.909.718-2.337a1.051 1.051 0 1 1 1.549 1.422"/><ellipse cx="17.539" cy="4.159" rx="1.216" ry=".566" transform="rotate(-.435 17.485 4.146)"/></g></svg>
</template>

CSS

.icon-bagel {
  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%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M18.09%209.295C7.847%209.295.573%2013.188.573%2018.053c0%207.569%205.839%2015.57%2017.517%2015.57s17.517-8.001%2017.517-15.57c0-4.865-7.274-8.758-17.517-8.758%22%2F%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M18.09%208.322C7.847%208.322.573%2011.961.573%2017.927s7.273%209.858%2017.517%209.858s17.517-4.146%2017.517-9.858s-7.274-9.605-17.517-9.605%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M2.519%2020.973c-.973.973%204.866%206.812%207.785%203.893s5.942%201.511%206.812%201.946c1.946.973%206.754-4.408%2011.678-1.946c1.947.973%204.866-1.946%204.866-4.866s-30.167%200-31.141.973%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M2.422%2019.462s-.181.378-.169.496c.217%202.144%205.132%206.854%208.052%203.935s5.942%201.511%206.812%201.946c1.946.973%206.754-4.408%2011.678-1.946c1.608.804%204.848-2.228%205.258-4.811c-2.136%200-31.631.38-31.631.38%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M18.733%202.583C14.568%202.34.805%204.52.307%2016.595c.01.608.592%201.741%202.114%202.867c2.556%201.891%207.765%203.764%2017.378%203.103c8.374-.576%2012.357-2.1%2014.253-3.483c1.577-1.15%201.711-2.203%201.711-2.532c.001-3.89-3.541-13.164-17.03-13.967%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.468%2010.228c1.188.461%202.637.578%203.799.622c1.54.058%203.13-.13%204.572-.699c0-.963%200-2.838-4.186-2.838s-4.185%201.771-4.185%202.915%22%2F%3E%3Cpath%20fill%3D%22%238a4b38%22%20d%3D%22M18.811%206.302c-3.959-.262-7.406%202.073-5.272%203.453c.279.191.596.344.93.473c.897-.78%202.572-1.596%204.285-1.521c2.026.089%203.393.727%204.086%201.444c.312-.123.62-.258.917-.419c1.489-1.108-.056-3.106-4.946-3.43%22%2F%3E%3Cg%20fill%3D%22%23d99e82%22%3E%3Cpath%20d%3D%22M9.226%209.736c-.535.226-2.352.483-2.578-.052s1.225-1.659%201.76-1.885a1.051%201.051%200%201%201%20.818%201.937m22.199-.506c.311.349.977%201.667.628%201.978s-1.581-.503-1.892-.852a.845.845%200%201%201%201.264-1.126m-6.578%208.119c-.442.152-1.915.258-2.067-.184s1.075-1.264%201.517-1.416a.846.846%200%201%201%20.55%201.6m-16.86-3.013c-.393.428-1.839%201.308-2.267.915s.325-1.909.718-2.337a1.051%201.051%200%201%201%201.549%201.422%22%2F%3E%3Cellipse%20cx%3D%2217.539%22%20cy%3D%224.159%22%20rx%3D%221.216%22%20ry%3D%22.566%22%20transform%3D%22rotate(-.435%2017.485%204.146)%22%2F%3E%3C%2Fg%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%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M18.09%209.295C7.847%209.295.573%2013.188.573%2018.053c0%207.569%205.839%2015.57%2017.517%2015.57s17.517-8.001%2017.517-15.57c0-4.865-7.274-8.758-17.517-8.758%22%2F%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M18.09%208.322C7.847%208.322.573%2011.961.573%2017.927s7.273%209.858%2017.517%209.858s17.517-4.146%2017.517-9.858s-7.274-9.605-17.517-9.605%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M2.519%2020.973c-.973.973%204.866%206.812%207.785%203.893s5.942%201.511%206.812%201.946c1.946.973%206.754-4.408%2011.678-1.946c1.947.973%204.866-1.946%204.866-4.866s-30.167%200-31.141.973%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M2.422%2019.462s-.181.378-.169.496c.217%202.144%205.132%206.854%208.052%203.935s5.942%201.511%206.812%201.946c1.946.973%206.754-4.408%2011.678-1.946c1.608.804%204.848-2.228%205.258-4.811c-2.136%200-31.631.38-31.631.38%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M18.733%202.583C14.568%202.34.805%204.52.307%2016.595c.01.608.592%201.741%202.114%202.867c2.556%201.891%207.765%203.764%2017.378%203.103c8.374-.576%2012.357-2.1%2014.253-3.483c1.577-1.15%201.711-2.203%201.711-2.532c.001-3.89-3.541-13.164-17.03-13.967%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.468%2010.228c1.188.461%202.637.578%203.799.622c1.54.058%203.13-.13%204.572-.699c0-.963%200-2.838-4.186-2.838s-4.185%201.771-4.185%202.915%22%2F%3E%3Cpath%20fill%3D%22%238a4b38%22%20d%3D%22M18.811%206.302c-3.959-.262-7.406%202.073-5.272%203.453c.279.191.596.344.93.473c.897-.78%202.572-1.596%204.285-1.521c2.026.089%203.393.727%204.086%201.444c.312-.123.62-.258.917-.419c1.489-1.108-.056-3.106-4.946-3.43%22%2F%3E%3Cg%20fill%3D%22%23d99e82%22%3E%3Cpath%20d%3D%22M9.226%209.736c-.535.226-2.352.483-2.578-.052s1.225-1.659%201.76-1.885a1.051%201.051%200%201%201%20.818%201.937m22.199-.506c.311.349.977%201.667.628%201.978s-1.581-.503-1.892-.852a.845.845%200%201%201%201.264-1.126m-6.578%208.119c-.442.152-1.915.258-2.067-.184s1.075-1.264%201.517-1.416a.846.846%200%201%201%20.55%201.6m-16.86-3.013c-.393.428-1.839%201.308-2.267.915s.325-1.909.718-2.337a1.051%201.051%200%201%201%201.549%201.422%22%2F%3E%3Cellipse%20cx%3D%2217.539%22%20cy%3D%224.159%22%20rx%3D%221.216%22%20ry%3D%22.566%22%20transform%3D%22rotate(-.435%2017.485%204.146)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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