Home/Libraries/Twitter Emoji (Iconify)/bacon

Twitter Emoji (Iconify)

Bacon

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"><path fill="#818cf8" d="M20.469 32.031c-.847-.703-.443-2.444-2-4s-5.102-1.785-6.658-3.342s-2.785-6.102-4.342-7.659s-3.016-1.508-4-2c-2-1-2.882-2.942-3-4c0 0 3.143-3.001 3-5s2-5 2-5s1-1.001 5 5c.784 1.177 4 1 6 3s2 4.999 4 7c2 2 5 2 7 4s1.822 5.216 3 6c6 4 5 5 5 5s-4.17 3-6.999 3c-1.001 0-4.001 1-4.001 1c-1 .001-2.123-1.439-4-2.999"/><path fill="#818cf8" d="M34.452 31.467c-.257-.657-1.298-1.979-4.984-4.436c-1.178-.784-1-4-3-6s-5-2-7-4s-2-5-4-7s-5.216-1.823-6-3C7.012 3.345 5.69 2.305 5.033 2.048a1 1 0 0 0-.178-.057a16 16 0 0 0-.619 1.15q.119.064.26.159c.753.511 1.995 1.763 3.973 4.73c.784 1.177 4 1 6 3s2 5 4 7s5 2 7 4s1.822 5.216 3 6c2.967 1.978 4.219 3.22 4.73 3.973q.123.182.193.327c.425-.238.805-.467 1.122-.667a1.3 1.3 0 0 0-.062-.196"/><path fill="#818cf8" d="M33.199 32.004c-.511-.753-1.763-1.995-4.73-3.973c-1.178-.784-1-4-3-6s-5-2-7-4s-2-5-4-7s-5.216-1.823-6-3c-1.978-2.967-3.22-4.219-3.973-4.73a3 3 0 0 0-.26-.159a10 10 0 0 0-.529 1.314q.103.081.217.179c.769.656 1.9 1.929 3.545 4.396c2 3 4 2 6 4s2 4 4 6s4 2 6 4s1 4 4 6c2.466 1.644 3.739 2.775 4.396 3.545q.182.212.306.389c.431-.206.842-.422 1.221-.634a3 3 0 0 0-.193-.327"/><path fill="#818cf8" d="M31.865 32.576c-.656-.769-1.929-1.9-4.396-3.545c-3-2-2-4-4-6s-4-2-6-4s-2-4-4-6s-4-1-6-4C5.825 6.564 4.694 5.292 3.924 4.635a7 7 0 0 0-.217-.179A5 5 0 0 0 3.468 5.7q-.01.17.001.331c.025.353-.056.738-.2 1.131c.607.651 1.329 1.562 2.2 2.869c.784 1.177 4 1 6 3s2 6 4 8s5 2 7 4s2.822 5.216 4 6c1.521 1.014 2.524 1.833 3.18 2.494c.102.102.185.196.27.291c.751-.195 1.524-.504 2.251-.852a5 5 0 0 0-.305-.388"/><path fill="#818cf8" d="M26.469 31.031c-1.178-.784-2-4-4-6s-5-2-7-4s-2-6-4-8s-5.216-1.823-6-3c-.871-1.307-1.593-2.218-2.2-2.869c-.227.618-.616 1.256-1.036 1.834c.614.73 1.347 1.702 2.236 3.035c.784 1.177 4 1 6 3s2 5 4 7s5 2 7 4s1.822 5.216 3 6c1.277.852 2.223 1.56 2.943 2.159c.426-.095.806-.159 1.058-.159c.456 0 .947-.084 1.45-.214c-.085-.095-.169-.189-.27-.291c-.657-.661-1.66-1.481-3.181-2.495"/><path fill="#818cf8" d="M21.469 26.031c-2-2-5-2-7-4s-2-5-4-7s-5.216-1.823-6-3c-.889-1.333-1.622-2.305-2.236-3.035q-.201.276-.405.529q-.258.321-.495.59c.054.066.104.122.161.192a37 37 0 0 1 1.975 2.724c.784 1.177 4 1 6 3s2 5 4 7s5 2 7 4s1.822 5.216 3 6a40 40 0 0 1 2.253 1.608c.53-.157 1.147-.329 1.689-.45c-.72-.599-1.665-1.307-2.943-2.159c-1.177-.783-.999-3.999-2.999-5.999"/></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. BaconIcon.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.