ok ru logo
ok-ru from Boxicons Brands by Boxicons · Logo · MIT Free for personal and commercial use.
- Name
- ok-ru
- Set
- Boxicons Brands
- Style
- Logo
- Viewbox
- 24×24
- License
- MIT
Use the ok ru logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.986 12.341c-2.825 0-5.173-2.346-5.173-5.122C6.813 4.347 9.161 2 11.987 2c2.922 0 5.173 2.346 5.173 5.219a5.14 5.14 0 0 1-5.157 5.123zm0-7.324c-1.196 0-2.106 1.005-2.106 2.203c0 1.196.91 2.106 2.107 2.106c1.245 0 2.107-.91 2.107-2.106c.001-1.199-.862-2.203-2.108-2.203m2.06 11.586l2.923 2.825c.575.621.575 1.531 0 2.106c-.622.621-1.581.621-2.06 0l-2.922-2.873l-2.826 2.873c-.287.287-.671.43-1.103.43c-.335 0-.718-.144-1.054-.43c-.575-.575-.575-1.485 0-2.107l2.97-2.825a13.5 13.5 0 0 1-3.063-1.339c-.719-.383-.862-1.34-.479-2.059c.479-.718 1.341-.909 2.108-.43a6.62 6.62 0 0 0 6.897 0c.767-.479 1.676-.288 2.107.43c.432.719.239 1.675-.432 2.059c-.909.575-1.963 1.006-3.065 1.341z"/></svg>
React
import type { SVGProps } from "react";
export function BxlOkRu(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.986 12.341c-2.825 0-5.173-2.346-5.173-5.122C6.813 4.347 9.161 2 11.987 2c2.922 0 5.173 2.346 5.173 5.219a5.14 5.14 0 0 1-5.157 5.123zm0-7.324c-1.196 0-2.106 1.005-2.106 2.203c0 1.196.91 2.106 2.107 2.106c1.245 0 2.107-.91 2.107-2.106c.001-1.199-.862-2.203-2.108-2.203m2.06 11.586l2.923 2.825c.575.621.575 1.531 0 2.106c-.622.621-1.581.621-2.06 0l-2.922-2.873l-2.826 2.873c-.287.287-.671.43-1.103.43c-.335 0-.718-.144-1.054-.43c-.575-.575-.575-1.485 0-2.107l2.97-2.825a13.5 13.5 0 0 1-3.063-1.339c-.719-.383-.862-1.34-.479-2.059c.479-.718 1.341-.909 2.108-.43a6.62 6.62 0 0 0 6.897 0c.767-.479 1.676-.288 2.107.43c.432.719.239 1.675-.432 2.059c-.909.575-1.963 1.006-3.065 1.341z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.986 12.341c-2.825 0-5.173-2.346-5.173-5.122C6.813 4.347 9.161 2 11.987 2c2.922 0 5.173 2.346 5.173 5.219a5.14 5.14 0 0 1-5.157 5.123zm0-7.324c-1.196 0-2.106 1.005-2.106 2.203c0 1.196.91 2.106 2.107 2.106c1.245 0 2.107-.91 2.107-2.106c.001-1.199-.862-2.203-2.108-2.203m2.06 11.586l2.923 2.825c.575.621.575 1.531 0 2.106c-.622.621-1.581.621-2.06 0l-2.922-2.873l-2.826 2.873c-.287.287-.671.43-1.103.43c-.335 0-.718-.144-1.054-.43c-.575-.575-.575-1.485 0-2.107l2.97-2.825a13.5 13.5 0 0 1-3.063-1.339c-.719-.383-.862-1.34-.479-2.059c.479-.718 1.341-.909 2.108-.43a6.62 6.62 0 0 0 6.897 0c.767-.479 1.676-.288 2.107.43c.432.719.239 1.675-.432 2.059c-.909.575-1.963 1.006-3.065 1.341z"/></svg> </template>
CSS
.icon-ok-ru {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.986%2012.341c-2.825%200-5.173-2.346-5.173-5.122C6.813%204.347%209.161%202%2011.987%202c2.922%200%205.173%202.346%205.173%205.219a5.14%205.14%200%200%201-5.157%205.123zm0-7.324c-1.196%200-2.106%201.005-2.106%202.203c0%201.196.91%202.106%202.107%202.106c1.245%200%202.107-.91%202.107-2.106c.001-1.199-.862-2.203-2.108-2.203m2.06%2011.586l2.923%202.825c.575.621.575%201.531%200%202.106c-.622.621-1.581.621-2.06%200l-2.922-2.873l-2.826%202.873c-.287.287-.671.43-1.103.43c-.335%200-.718-.144-1.054-.43c-.575-.575-.575-1.485%200-2.107l2.97-2.825a13.5%2013.5%200%200%201-3.063-1.339c-.719-.383-.862-1.34-.479-2.059c.479-.718%201.341-.909%202.108-.43a6.62%206.62%200%200%200%206.897%200c.767-.479%201.676-.288%202.107.43c.432.719.239%201.675-.432%202.059c-.909.575-1.963%201.006-3.065%201.341z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.986%2012.341c-2.825%200-5.173-2.346-5.173-5.122C6.813%204.347%209.161%202%2011.987%202c2.922%200%205.173%202.346%205.173%205.219a5.14%205.14%200%200%201-5.157%205.123zm0-7.324c-1.196%200-2.106%201.005-2.106%202.203c0%201.196.91%202.106%202.107%202.106c1.245%200%202.107-.91%202.107-2.106c.001-1.199-.862-2.203-2.108-2.203m2.06%2011.586l2.923%202.825c.575.621.575%201.531%200%202.106c-.622.621-1.581.621-2.06%200l-2.922-2.873l-2.826%202.873c-.287.287-.671.43-1.103.43c-.335%200-.718-.144-1.054-.43c-.575-.575-.575-1.485%200-2.107l2.97-2.825a13.5%2013.5%200%200%201-3.063-1.339c-.719-.383-.862-1.34-.479-2.059c.479-.718%201.341-.909%202.108-.43a6.62%206.62%200%200%200%206.897%200c.767-.479%201.676-.288%202.107.43c.432.719.239%201.675-.432%202.059c-.909.575-1.963%201.006-3.065%201.341z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxl/ok-ru.svg?color=%231a73e8&size=48
