odnoklassniki logo

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

Name: odnoklassniki
Set: Font Awesome 6 Brands
Style: Regular
Viewbox: 320×512
License: CC BY 4.0

The same logo in other sets

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

Use the odnoklassniki logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 320 512"><path fill="currentColor" d="M275.1 334c-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.6L84 503.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.1M30.3 129.7C30.3 58 88.6 0 160 0s129.7 58 129.7 129.7c0 71.4-58.3 129.4-129.7 129.4s-129.7-58-129.7-129.4m66 0c0 35.1 28.6 63.7 63.7 63.7s63.7-28.6 63.7-63.7c0-35.4-28.6-64-63.7-64s-63.7 28.6-63.7 64"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsOdnoklassniki(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 320 512"><path fill="currentColor" d="M275.1 334c-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.6L84 503.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.1M30.3 129.7C30.3 58 88.6 0 160 0s129.7 58 129.7 129.7c0 71.4-58.3 129.4-129.7 129.4s-129.7-58-129.7-129.4m66 0c0 35.1 28.6 63.7 63.7 63.7s63.7-28.6 63.7-63.7c0-35.4-28.6-64-63.7-64s-63.7 28.6-63.7 64"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 320 512"><path fill="currentColor" d="M275.1 334c-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.6L84 503.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.1M30.3 129.7C30.3 58 88.6 0 160 0s129.7 58 129.7 129.7c0 71.4-58.3 129.4-129.7 129.4s-129.7-58-129.7-129.4m66 0c0 35.1 28.6 63.7 63.7 63.7s63.7-28.6 63.7-63.7c0-35.4-28.6-64-63.7-64s-63.7 28.6-63.7 64"/></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%20320%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M275.1%20334c-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.6L84%20503.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.1M30.3%20129.7C30.3%2058%2088.6%200%20160%200s129.7%2058%20129.7%20129.7c0%2071.4-58.3%20129.4-129.7%20129.4s-129.7-58-129.7-129.4m66%200c0%2035.1%2028.6%2063.7%2063.7%2063.7s63.7-28.6%2063.7-63.7c0-35.4-28.6-64-63.7-64s-63.7%2028.6-63.7%2064%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%20320%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M275.1%20334c-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.6L84%20503.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.1M30.3%20129.7C30.3%2058%2088.6%200%20160%200s129.7%2058%20129.7%20129.7c0%2071.4-58.3%20129.4-129.7%20129.4s-129.7-58-129.7-129.4m66%200c0%2035.1%2028.6%2063.7%2063.7%2063.7s63.7-28.6%2063.7-63.7c0-35.4-28.6-64-63.7-64s-63.7%2028.6-63.7%2064%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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