square odnoklassniki logo
square-odnoklassniki from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- square-odnoklassniki
- Set
- Font Awesome 6 Brands
- Style
- Regular
- Viewbox
- 448×512
- License
- CC BY 4.0
- Aliases
- odnoklassniki-square
The same logo in other sets
Related icons in Font Awesome 6 Brands
square-behancesquare-blueskysquare-dribbblesquare-facebooksquare-font-awesomesquare-font-awesome-strokesquare-gitsquare-githubsquare-gitlabsquare-google-plussquare-hacker-newssquare-instagramsquare-jssquare-lastfmsquare-letterboxdsquare-pied-pipersquare-pinterestsquare-redditsquare-snapchatsquare-steamsquare-threadssquare-tumblrsquare-twittersquare-upwork
Use the square odnoklassniki logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M224 137.1a39.9 39.9 0 1 0 0 79.7a39.9 39.9 0 1 0 0-79.7M384 32H64C28.7 32 0 60.7 0 96v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64M224 95.9a81 81 0 1 1 0 162.1a81 81 0 1 1 0-162.1m59.3 168.3c16.8-13.2 29.5-5.5 34.1 3.6c7.8 16-1.1 23.7-21.5 37c-17.1 10.9-40.7 15.2-56.2 16.8l13 12.9l47.7 47.7c17.4 17.9-11 45.8-28.6 28.6c-12-12.2-29.5-29.7-47.7-47.9l-47.7 47.9c-17.7 17.2-46-11-28.4-28.6l12.5-12.5c10.4-10.4 22.6-22.7 35.2-35.2l12.9-12.9c-15.4-1.6-39.3-5.7-56.6-16.8c-20.3-13.3-29.3-20.9-21.4-37c4.6-9.1 17.3-16.8 34.1-3.6c0 0 22.7 18 59.3 18s59.3-18 59.3-18"/></svg>
React
import type { SVGProps } from "react";
export function Fa6BrandsSquareOdnoklassniki(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M224 137.1a39.9 39.9 0 1 0 0 79.7a39.9 39.9 0 1 0 0-79.7M384 32H64C28.7 32 0 60.7 0 96v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64M224 95.9a81 81 0 1 1 0 162.1a81 81 0 1 1 0-162.1m59.3 168.3c16.8-13.2 29.5-5.5 34.1 3.6c7.8 16-1.1 23.7-21.5 37c-17.1 10.9-40.7 15.2-56.2 16.8l13 12.9l47.7 47.7c17.4 17.9-11 45.8-28.6 28.6c-12-12.2-29.5-29.7-47.7-47.9l-47.7 47.9c-17.7 17.2-46-11-28.4-28.6l12.5-12.5c10.4-10.4 22.6-22.7 35.2-35.2l12.9-12.9c-15.4-1.6-39.3-5.7-56.6-16.8c-20.3-13.3-29.3-20.9-21.4-37c4.6-9.1 17.3-16.8 34.1-3.6c0 0 22.7 18 59.3 18s59.3-18 59.3-18"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M224 137.1a39.9 39.9 0 1 0 0 79.7a39.9 39.9 0 1 0 0-79.7M384 32H64C28.7 32 0 60.7 0 96v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64M224 95.9a81 81 0 1 1 0 162.1a81 81 0 1 1 0-162.1m59.3 168.3c16.8-13.2 29.5-5.5 34.1 3.6c7.8 16-1.1 23.7-21.5 37c-17.1 10.9-40.7 15.2-56.2 16.8l13 12.9l47.7 47.7c17.4 17.9-11 45.8-28.6 28.6c-12-12.2-29.5-29.7-47.7-47.9l-47.7 47.9c-17.7 17.2-46-11-28.4-28.6l12.5-12.5c10.4-10.4 22.6-22.7 35.2-35.2l12.9-12.9c-15.4-1.6-39.3-5.7-56.6-16.8c-20.3-13.3-29.3-20.9-21.4-37c4.6-9.1 17.3-16.8 34.1-3.6c0 0 22.7 18 59.3 18s59.3-18 59.3-18"/></svg> </template>
CSS
.icon-square-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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M224%20137.1a39.9%2039.9%200%201%200%200%2079.7a39.9%2039.9%200%201%200%200-79.7M384%2032H64C28.7%2032%200%2060.7%200%2096v320c0%2035.3%2028.7%2064%2064%2064h320c35.3%200%2064-28.7%2064-64V96c0-35.3-28.7-64-64-64M224%2095.9a81%2081%200%201%201%200%20162.1a81%2081%200%201%201%200-162.1m59.3%20168.3c16.8-13.2%2029.5-5.5%2034.1%203.6c7.8%2016-1.1%2023.7-21.5%2037c-17.1%2010.9-40.7%2015.2-56.2%2016.8l13%2012.9l47.7%2047.7c17.4%2017.9-11%2045.8-28.6%2028.6c-12-12.2-29.5-29.7-47.7-47.9l-47.7%2047.9c-17.7%2017.2-46-11-28.4-28.6l12.5-12.5c10.4-10.4%2022.6-22.7%2035.2-35.2l12.9-12.9c-15.4-1.6-39.3-5.7-56.6-16.8c-20.3-13.3-29.3-20.9-21.4-37c4.6-9.1%2017.3-16.8%2034.1-3.6c0%200%2022.7%2018%2059.3%2018s59.3-18%2059.3-18%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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M224%20137.1a39.9%2039.9%200%201%200%200%2079.7a39.9%2039.9%200%201%200%200-79.7M384%2032H64C28.7%2032%200%2060.7%200%2096v320c0%2035.3%2028.7%2064%2064%2064h320c35.3%200%2064-28.7%2064-64V96c0-35.3-28.7-64-64-64M224%2095.9a81%2081%200%201%201%200%20162.1a81%2081%200%201%201%200-162.1m59.3%20168.3c16.8-13.2%2029.5-5.5%2034.1%203.6c7.8%2016-1.1%2023.7-21.5%2037c-17.1%2010.9-40.7%2015.2-56.2%2016.8l13%2012.9l47.7%2047.7c17.4%2017.9-11%2045.8-28.6%2028.6c-12-12.2-29.5-29.7-47.7-47.9l-47.7%2047.9c-17.7%2017.2-46-11-28.4-28.6l12.5-12.5c10.4-10.4%2022.6-22.7%2035.2-35.2l12.9-12.9c-15.4-1.6-39.3-5.7-56.6-16.8c-20.3-13.3-29.3-20.9-21.4-37c4.6-9.1%2017.3-16.8%2034.1-3.6c0%200%2022.7%2018%2059.3%2018s59.3-18%2059.3-18%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-brands/square-odnoklassniki.svg?color=%231a73e8&size=48
