Home/Libraries/Twitter Emoji (Iconify)/flatbread

Twitter Emoji (Iconify)

Flatbread

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 36 36"><circle cx="18" cy="18" r="17" fill="#818cf8"/><circle cx="18" cy="17" r="16.5" fill="#818cf8"/><g fill="#818cf8"><circle cx="16.56" cy="27.082" r=".9"/><circle cx="7.776" cy="21.536" r="1.2"/><circle cx="5.372" cy="15.879" r="1.5"/><circle cx="10.322" cy="10.222" r="1"/><circle cx="15.979" cy="11.353" r="1.2"/></g><g fill="#818cf8"><circle cx="27.999" cy="15.525" r="1.75"/><circle cx="22.187" cy="20.296" r=".9"/><circle cx="10.475" cy="26.674" r="1.25"/><circle cx="27.675" cy="22.865" r="1.5"/><circle cx="25.878" cy="7.04" r="1.25"/><circle cx="14.564" cy="18.707" r="1"/><circle cx="17.649" cy="4.592" r=".8"/></g><g fill="#818cf8"><circle cx="4.788" cy="19.129" r=".5"/><circle cx="23.004" cy="8.62" r=".5"/><circle cx="13.909" cy="23.728" r=".5"/><circle cx="27.999" cy="13.05" r=".5"/><circle cx="17.393" cy="30.728" r=".5"/></g><g fill="#818cf8"><circle cx="16.932" cy="7.102" r=".454"/><circle cx="10.51" cy="19.07" r=".454"/><circle cx="18.392" cy="17.144" r=".537"/><circle cx="24.873" cy="16.034" r=".702"/><circle cx="18.45" cy="24.383" r=".578"/><circle cx="19.735" cy="26.777" r=".619"/><circle cx="29.018" cy="19.07" r=".578"/></g><path fill="#818cf8" d="M3.476 16.039c2.193-2.467 4.44-4.878 6.695-7.281c1.131-1.198 2.172-2.488 3.426-3.56c1.247-1.079 2.537-2.115 4.003-2.97l.105.107c-.888 1.446-1.952 2.713-3.059 3.936c-1.1 1.23-2.413 2.241-3.636 3.346c-2.453 2.201-4.914 4.393-7.429 6.531zm14.765 15.003c2.364-2.035 4.672-4.125 6.973-6.222c1.146-1.053 2.384-2.014 3.407-3.191c1.029-1.17 2.016-2.383 2.824-3.775l-.106-.106c-1.392.807-2.607 1.791-3.778 2.819c-1.178 1.021-2.141 2.258-3.195 3.403c-2.101 2.298-4.193 4.604-6.231 6.965zM6.512 27.364c1.856-1.563 3.664-3.173 5.498-4.758l5.41-4.847c1.792-1.627 3.736-3.101 5.322-4.935c1.597-1.824 3.124-3.717 4.353-5.911l-.175-.177c-2.201 1.215-4.105 2.73-5.939 4.315c-1.845 1.574-3.331 3.509-4.97 5.29L11.13 21.72c-1.597 1.824-3.219 3.621-4.794 5.467zm-1.844-5.141c1.941-1.149 3.643-2.539 5.29-3.984c1.655-1.437 3.024-3.162 4.515-4.764l4.445-4.835c1.457-1.636 2.935-3.252 4.374-4.906l-.141-.142c-1.665 1.427-3.291 2.893-4.938 4.339l-4.867 4.41c-1.613 1.479-3.348 2.836-4.797 4.481c-1.457 1.636-2.859 3.329-4.022 5.261zm6.95 7.841c1.941-1.149 3.643-2.539 5.29-3.984c1.655-1.437 3.024-3.162 4.515-4.764l4.445-4.835c1.457-1.636 2.935-3.252 4.374-4.906l-.141-.142c-1.665 1.427-3.291 2.893-4.938 4.339l-4.867 4.41c-1.613 1.479-3.348 2.836-4.797 4.481c-1.457 1.636-2.859 3.329-4.022 5.261z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. FlatbreadIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.