Home/Libraries/Game Icons (Iconify)/fern

Game Icons (Iconify)

Fern

License: CC-BY-3.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 512 512"><path fill="#818cf8" d="M127.3 21.33c-8.7 3.74-15.7 8.57-21.9 14.01c2.5 4.7 5.1 9.41 7.7 14.15c7-9.07 12.3-19.08 14.2-28.16M48.18 35.86c-5.47.1-11.12.85-17.01 2.59c10 10.35 26.54 17.43 42.18 19.64c-2.11-6.66-4.07-13.27-5.87-19.82c-6.24-1.52-12.63-2.5-19.3-2.41m37.84 1.07C108.6 116.3 155.9 207.1 214 288.5c62.5 87.4 137.5 164 205.5 205.5h72c-164.8-99-318-289.6-405.48-457.07m65.58.6c-13.3 5.97-23.5 14.12-32.2 23.3c3.4 5.95 6.8 11.92 10.3 17.9c10.7-12.79 19.2-27.8 21.9-41.2m36.6 10.95c-22.2 10.69-37.1 26.96-49.9 44.61c4.1 6.72 8.2 13.41 12.5 20.21c17.8-18 33.2-43.11 37.4-64.82M47.86 68.68c-7.31 0-14.87.83-22.77 2.76C39.3 83.57 63.75 91.51 85.6 92.93c-2.62-6.81-5.09-13.58-7.42-20.31c-9.76-2.33-19.78-3.97-30.32-3.94m174.64 9.48c-27.8 10.8-45.5 30.34-61.8 50.54c3.5 5.4 7.1 10.8 10.7 16.2c22.4-15.8 44.3-42.9 51.1-66.74m28.1 25.94c-31.5 13.4-50.6 35-67.8 57.6c4.3 6.2 8.7 12.4 13.1 18.5c25.3-18.7 49-49.8 54.7-76.1m-188.95 1.7c-13.6.1-27.46 2.2-41.65 7.7c20.75 13 53.96 18.8 81 16.3c-3.28-7.3-6.4-14.5-9.38-21.7c-9-1.3-18.07-2.2-27.25-2.3zm217.95 33.5c-32.7 13.9-52 36.7-69.7 60.2c4.3 5.8 8.7 11.6 13.1 17.3c26.1-18.4 50.7-50.5 56.6-77.5m-185.3 3.3c-21.73.1-43.47 2.5-64.55 14.4c23.57 10.2 59.64 10.3 85.15 2.3c-2.7-5.5-5.4-11.1-8-16.6c-2.7-.1-5.5-.1-8.25-.1zm219.1 23.7c-35.5 15.8-57.7 40.9-77.3 67.3c6 7.7 12.2 15.4 18.5 23c27.7-23.8 52.5-59.6 58.8-90.3m-194.5 16.2c-26.84-.1-54.08 2.3-82.42 17.9c26.28 12.8 69.92 12.3 101.12 1.6c-3.7-6.5-7.2-12.9-10.7-19.4c-2.7-.1-5.3-.1-8-.1m236.3 17.3c-39.6 17.7-62.6 46.7-84 76.5c5.8 6.7 11.6 13.4 17.5 20c30.7-23.4 59.6-63 66.5-96.5m-220.3 19.4c-26.8 0-54.11 2.3-82.43 17.9c27.65 13.4 74.43 12.3 105.73-.1c-3.6-5.8-7.1-11.7-10.6-17.6c-4.2-.1-8.4-.2-12.7-.2m261.6 8.4c-43.5 19.8-68.7 52.4-92.2 85.9c6.7 7.1 13.4 14.2 20.2 21.2c33.4-26.1 64.5-69.9 72-107.1m45.2 27.5c-49.1 23.2-75.2 59.8-100.4 96.5c6.7 6.6 13.5 13.2 20.3 19.6c37.7-27.1 73.5-76 80.1-116.1m-270.9 1.8c-36.9 1.5-74.06 4.6-110.83 28.2c34.33 13.8 88.63 9.8 125.63-5.8c-5-7.4-10-14.9-14.8-22.4M486.3 280c-51 26.5-77.5 68.7-103.4 110.6c7.4 6.6 14.9 13.1 22.5 19.4c38.1-30.4 74.2-85 80.9-130m-283.6 23.5c-40.4 3.3-81.2 6.4-120.44 34.1c37.84 13.2 98.04 4.6 133.74-15.9c-4.5-6-8.9-12.1-13.3-18.2M494 342.6c-32.9 25.6-48.1 51.6-68.4 83.8c8.8 6.9 17.6 13.6 26.5 20c17.5-14.4 28.2-33.1 41.9-53.3zm-257.2 5.7c-42.1 9.6-84.4 19.9-121 54.6c41.5 7.9 101.6-8.3 138.2-33.7c-5.8-6.8-11.6-13.8-17.2-20.9m35.5 41.9c-41.7 14.1-83.6 29.4-118.8 69.8c42.1 4.8 101.9-18.4 138-49.1c-6.5-6.7-12.9-13.7-19.2-20.7m45.4 46.9c-43.1 10.9-86.1 23.1-123.5 56.9h70.6c28.5-7.5 56.2-20 76.9-35q-12-10.5-24-21.9m46.4 40.4c-15.6 4.9-31.3 10-46.6 16.5h68.8q-11.1-7.8-22.2-16.5"/></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. FernIcon.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-3.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.