Home/Libraries/Firefox OS Emoji (Iconify)/frontfacingchick

Firefox OS Emoji (Iconify)

Frontfacingchick

License: Apache-2.0Commercial Safe

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 512 512"><path fill="#818cf8" d="M241.365 477.019c-2.675 8.061-10.499 14.484-27.904 22.911c-9.585 4.641-18.697 8.199-19.08 8.349a15.5 15.5 0 0 1-5.635 1.063c-6.22 0-12.092-3.761-14.485-9.905a15.45 15.45 0 0 1-1.009-6.706c-4.9-1.914-8.712-6.261-9.675-11.823c-1.463-8.457 4.206-16.499 12.663-17.963l28.56-4.943c-5.919-19.557-9.768-48.241.909-73.544c3.336-7.907 12.452-11.611 20.359-8.276c7.908 3.337 11.613 12.452 8.276 20.36c-10.458 24.785 1.312 58.803 5.264 65.259c.043.068.074.142.116.211q.348.572.648 1.178c2.149 4.239 2.532 9.192.993 13.829m93-14.075l-28.56-4.943c5.919-19.557 9.768-48.241-.91-73.544c-3.337-7.907-12.452-11.614-20.359-8.275c-7.907 3.336-11.612 12.452-8.275 20.359c10.458 24.784-1.312 58.803-5.259 65.251c-.044.071-.077.147-.12.219c-.23.382-.449.772-.647 1.176c-2.15 4.244-2.533 9.196-.995 13.832c2.675 8.061 10.498 14.484 27.904 22.911c9.584 4.641 18.696 8.199 19.079 8.349a15.5 15.5 0 0 0 5.635 1.063c6.218 0 12.089-3.76 14.482-9.902a15.45 15.45 0 0 0 1.01-6.709c4.901-1.914 8.714-6.262 9.677-11.823c1.464-8.458-4.205-16.5-12.662-17.964"/><path fill="#818cf8" d="M436.057 310.593c-20.924-43.034-43.457-93.86-43.457-144.784l-.461 1.411c.003-.404.015-.805.015-1.209c0-58.928-37.27-111.968-89.523-132.442c-32.33-16.167-71.025-27.568-81.788-29.812c-1.307-.273-2.345 1.085-1.748 2.279l4.077 8.154a1.597 1.597 0 0 1-1.428 2.311h-29.298c-.882 0-1.597.715-1.597 1.597c0 0 14.88 12.043 6.696 18.491l2.495.478c-47.958 22.571-81.419 73.112-81.419 128.944c0 .412.019.82.022 1.231l-.468-1.433c0 50.924-22.533 101.75-43.457 144.784s.407 40.138 43.457 25.117a52 52 0 0 0 5.852-2.458c13.654 59.945 67.281 104.683 131.361 104.683s117.707-44.738 131.361-104.683a52 52 0 0 0 5.852 2.458c43.049 15.02 64.38 17.917 43.456-25.117"/><path fill="#818cf8" d="M202.123 147.671v27.094h-.041c0 .041.041.055.041.076c0 10.64-8.633 19.274-19.274 19.274c-10.64 0-19.274-8.633-19.274-19.274v-.076h-.083v-27.094h.232c.86-9.87 9.029-17.636 19.124-17.636c10.067 0 18.236 7.766 19.083 17.636zm144.969 0c-.848-9.87-9.016-17.636-19.083-17.636c-10.095 0-18.264 7.766-19.124 17.636h-.232v27.094h.083v.076c0 10.64 8.633 19.274 19.274 19.274c10.64 0 19.274-8.633 19.274-19.274c0-.021-.041-.035-.041-.076h.041v-27.094z"/><path fill="#818cf8" d="M325.399 333.737c0 38.666-31.345 70.011-70.011 70.011s-70.011-31.345-70.011-70.011s31.345-59.334 70.011-59.334s70.011 20.667 70.011 59.334"/><path fill="#818cf8" d="M216.794 182.101c0-18.49 17.279-26.232 38.593-26.232s38.593 7.742 38.593 26.232s-25.589 46.871-38.593 46.871s-38.593-28.381-38.593-46.871"/></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. FrontfacingchickIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **Apache-2.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.