odnoklassniki logo

odnoklassniki from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: odnoklassniki
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

odnoklassnikiCoreUI Brands odnoklassnikiFont Awesome 6 Brands odnoklassnikiJam Icons odnoklassnikiLine Awesome odnoklassnikiMaterial Design Icons odnoklassnikiSimple Icons

Related icons in Font Awesome Brands

odnoklassniki-square

Use the odnoklassniki logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M435.1 398c-27.4 17.4-65.1 24.3-90 26.9l20.9 20.6l76.3 76.3c27.9 28.6-17.5 73.3-45.7 45.7c-19.1-19.4-47.1-47.4-76.3-76.6L244 567.4c-28.2 27.5-73.6-17.6-45.4-45.7c19.4-19.4 47.1-47.4 76.3-76.3l20.6-20.6c-24.6-2.6-62.9-9.1-90.6-26.9c-32.6-21-46.9-33.3-34.3-59c7.4-14.6 27.7-26.9 54.6-5.7c0 0 36.3 28.9 94.9 28.9s94.9-28.9 94.9-28.9c26.9-21.1 47.1-8.9 54.6 5.7c12.4 25.7-1.9 38-34.5 59.1m14.6-204.7c.1 71.6-57.9 129.8-129.5 129.9s-129.8-57.9-129.9-129.5S248.2 63.9 319.8 63.8s129.8 57.9 129.9 129.5m-193.4.4c.1 35.2 28.7 63.6 63.9 63.5s63.6-28.7 63.5-63.9s-28.7-63.6-63.9-63.5s-63.6 28.7-63.5 63.9"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsOdnoklassniki(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M435.1 398c-27.4 17.4-65.1 24.3-90 26.9l20.9 20.6l76.3 76.3c27.9 28.6-17.5 73.3-45.7 45.7c-19.1-19.4-47.1-47.4-76.3-76.6L244 567.4c-28.2 27.5-73.6-17.6-45.4-45.7c19.4-19.4 47.1-47.4 76.3-76.3l20.6-20.6c-24.6-2.6-62.9-9.1-90.6-26.9c-32.6-21-46.9-33.3-34.3-59c7.4-14.6 27.7-26.9 54.6-5.7c0 0 36.3 28.9 94.9 28.9s94.9-28.9 94.9-28.9c26.9-21.1 47.1-8.9 54.6 5.7c12.4 25.7-1.9 38-34.5 59.1m14.6-204.7c.1 71.6-57.9 129.8-129.5 129.9s-129.8-57.9-129.9-129.5S248.2 63.9 319.8 63.8s129.8 57.9 129.9 129.5m-193.4.4c.1 35.2 28.7 63.6 63.9 63.5s63.6-28.7 63.5-63.9s-28.7-63.6-63.9-63.5s-63.6 28.7-63.5 63.9"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M435.1 398c-27.4 17.4-65.1 24.3-90 26.9l20.9 20.6l76.3 76.3c27.9 28.6-17.5 73.3-45.7 45.7c-19.1-19.4-47.1-47.4-76.3-76.6L244 567.4c-28.2 27.5-73.6-17.6-45.4-45.7c19.4-19.4 47.1-47.4 76.3-76.3l20.6-20.6c-24.6-2.6-62.9-9.1-90.6-26.9c-32.6-21-46.9-33.3-34.3-59c7.4-14.6 27.7-26.9 54.6-5.7c0 0 36.3 28.9 94.9 28.9s94.9-28.9 94.9-28.9c26.9-21.1 47.1-8.9 54.6 5.7c12.4 25.7-1.9 38-34.5 59.1m14.6-204.7c.1 71.6-57.9 129.8-129.5 129.9s-129.8-57.9-129.9-129.5S248.2 63.9 319.8 63.8s129.8 57.9 129.9 129.5m-193.4.4c.1 35.2 28.7 63.6 63.9 63.5s63.6-28.7 63.5-63.9s-28.7-63.6-63.9-63.5s-63.6 28.7-63.5 63.9"/></svg>
</template>

CSS

.icon-odnoklassniki {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M435.1%20398c-27.4%2017.4-65.1%2024.3-90%2026.9l20.9%2020.6l76.3%2076.3c27.9%2028.6-17.5%2073.3-45.7%2045.7c-19.1-19.4-47.1-47.4-76.3-76.6L244%20567.4c-28.2%2027.5-73.6-17.6-45.4-45.7c19.4-19.4%2047.1-47.4%2076.3-76.3l20.6-20.6c-24.6-2.6-62.9-9.1-90.6-26.9c-32.6-21-46.9-33.3-34.3-59c7.4-14.6%2027.7-26.9%2054.6-5.7c0%200%2036.3%2028.9%2094.9%2028.9s94.9-28.9%2094.9-28.9c26.9-21.1%2047.1-8.9%2054.6%205.7c12.4%2025.7-1.9%2038-34.5%2059.1m14.6-204.7c.1%2071.6-57.9%20129.8-129.5%20129.9s-129.8-57.9-129.9-129.5S248.2%2063.9%20319.8%2063.8s129.8%2057.9%20129.9%20129.5m-193.4.4c.1%2035.2%2028.7%2063.6%2063.9%2063.5s63.6-28.7%2063.5-63.9s-28.7-63.6-63.9-63.5s-63.6%2028.7-63.5%2063.9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M435.1%20398c-27.4%2017.4-65.1%2024.3-90%2026.9l20.9%2020.6l76.3%2076.3c27.9%2028.6-17.5%2073.3-45.7%2045.7c-19.1-19.4-47.1-47.4-76.3-76.6L244%20567.4c-28.2%2027.5-73.6-17.6-45.4-45.7c19.4-19.4%2047.1-47.4%2076.3-76.3l20.6-20.6c-24.6-2.6-62.9-9.1-90.6-26.9c-32.6-21-46.9-33.3-34.3-59c7.4-14.6%2027.7-26.9%2054.6-5.7c0%200%2036.3%2028.9%2094.9%2028.9s94.9-28.9%2094.9-28.9c26.9-21.1%2047.1-8.9%2054.6%205.7c12.4%2025.7-1.9%2038-34.5%2059.1m14.6-204.7c.1%2071.6-57.9%20129.8-129.5%20129.9s-129.8-57.9-129.9-129.5S248.2%2063.9%20319.8%2063.8s129.8%2057.9%20129.9%20129.5m-193.4.4c.1%2035.2%2028.7%2063.6%2063.9%2063.5s63.6-28.7%2063.5-63.9s-28.7-63.6-63.9-63.5s-63.6%2028.7-63.5%2063.9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-brands/odnoklassniki.svg?color=%231a73e8&size=48