Home/Libraries/Font Awesome 4 (Iconify)/odnoklassniki

Font Awesome 4 (Iconify)

Odnoklassniki

License: OFL-1.1

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 1088 1792"><path fill="#818cf8" d="M544 907q-188 0-321-133T90 454q0-188 133-321T544 0t321 133t133 321q0 187-133 320T544 907m0-677q-92 0-157.5 65.5T321 454q0 92 65.5 157.5T544 677t157.5-65.5T767 454q0-93-65.5-158.5T544 230m523 732q13 27 15 49.5t-4.5 40.5t-26.5 38.5t-42.5 37T947 1169q-115 73-315 94l73 72l267 267q30 31 30 74t-30 73l-12 13q-31 30-74 30t-74-30q-67-68-267-268l-267 268q-31 30-74 30t-73-30l-12-13q-31-30-31-73t31-74l267-267l72-72q-203-21-317-94q-39-25-61.5-41.5t-42.5-37t-26.5-38.5t-4.5-40.5T21 962q10-20 28-35t42-22t56 2t65 35q5 4 15 11t43 24.5t69 30.5t92 24t113 11q91 0 174-25.5T838 967l38-25q33-26 65-35t56-2t42 22t28 35"/></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. OdnoklassnikiIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

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