mail ru logo
mail-ru from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- mail-ru
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the mail ru logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15.448 7.021c2.443 0 4.745 1.083 6.432 2.776v.005c0-.813.547-1.428 1.303-1.428h.192c1.193 0 1.432 1.125 1.432 1.48l.005 12.635c-.083.828.855 1.256 1.376.724c2.025-2.083 4.452-10.719-1.261-15.719c-5.328-4.667-12.479-3.896-16.281-1.276c-4.041 2.792-6.624 8.959-4.115 14.755c2.74 6.319 10.573 8.204 15.235 6.324c2.36-.953 3.448 2.233.995 3.276c-3.697 1.577-14 1.416-18.812-6.917C-1.302 18.027-1.13 8.125 7.496 2.995C14.089-.932 22.788.156 28.032 5.631c5.48 5.729 5.163 16.448-.187 20.615c-2.423 1.895-6.021.052-5.995-2.709l-.027-.9c-1.687 1.671-3.932 2.651-6.375 2.651c-4.833 0-9.088-4.256-9.088-9.084c0-4.88 4.255-9.181 9.088-9.181zm6.079 8.834c-.183-3.537-2.808-5.667-5.98-5.667h-.12c-3.656 0-5.687 2.88-5.687 6.145c0 3.661 2.453 5.973 5.672 5.973c3.593 0 5.952-2.629 6.124-5.739z"/></svg>
React
import type { SVGProps } from "react";
export function CibMailRu(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15.448 7.021c2.443 0 4.745 1.083 6.432 2.776v.005c0-.813.547-1.428 1.303-1.428h.192c1.193 0 1.432 1.125 1.432 1.48l.005 12.635c-.083.828.855 1.256 1.376.724c2.025-2.083 4.452-10.719-1.261-15.719c-5.328-4.667-12.479-3.896-16.281-1.276c-4.041 2.792-6.624 8.959-4.115 14.755c2.74 6.319 10.573 8.204 15.235 6.324c2.36-.953 3.448 2.233.995 3.276c-3.697 1.577-14 1.416-18.812-6.917C-1.302 18.027-1.13 8.125 7.496 2.995C14.089-.932 22.788.156 28.032 5.631c5.48 5.729 5.163 16.448-.187 20.615c-2.423 1.895-6.021.052-5.995-2.709l-.027-.9c-1.687 1.671-3.932 2.651-6.375 2.651c-4.833 0-9.088-4.256-9.088-9.084c0-4.88 4.255-9.181 9.088-9.181zm6.079 8.834c-.183-3.537-2.808-5.667-5.98-5.667h-.12c-3.656 0-5.687 2.88-5.687 6.145c0 3.661 2.453 5.973 5.672 5.973c3.593 0 5.952-2.629 6.124-5.739z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15.448 7.021c2.443 0 4.745 1.083 6.432 2.776v.005c0-.813.547-1.428 1.303-1.428h.192c1.193 0 1.432 1.125 1.432 1.48l.005 12.635c-.083.828.855 1.256 1.376.724c2.025-2.083 4.452-10.719-1.261-15.719c-5.328-4.667-12.479-3.896-16.281-1.276c-4.041 2.792-6.624 8.959-4.115 14.755c2.74 6.319 10.573 8.204 15.235 6.324c2.36-.953 3.448 2.233.995 3.276c-3.697 1.577-14 1.416-18.812-6.917C-1.302 18.027-1.13 8.125 7.496 2.995C14.089-.932 22.788.156 28.032 5.631c5.48 5.729 5.163 16.448-.187 20.615c-2.423 1.895-6.021.052-5.995-2.709l-.027-.9c-1.687 1.671-3.932 2.651-6.375 2.651c-4.833 0-9.088-4.256-9.088-9.084c0-4.88 4.255-9.181 9.088-9.181zm6.079 8.834c-.183-3.537-2.808-5.667-5.98-5.667h-.12c-3.656 0-5.687 2.88-5.687 6.145c0 3.661 2.453 5.973 5.672 5.973c3.593 0 5.952-2.629 6.124-5.739z"/></svg> </template>
CSS
.icon-mail-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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.448%207.021c2.443%200%204.745%201.083%206.432%202.776v.005c0-.813.547-1.428%201.303-1.428h.192c1.193%200%201.432%201.125%201.432%201.48l.005%2012.635c-.083.828.855%201.256%201.376.724c2.025-2.083%204.452-10.719-1.261-15.719c-5.328-4.667-12.479-3.896-16.281-1.276c-4.041%202.792-6.624%208.959-4.115%2014.755c2.74%206.319%2010.573%208.204%2015.235%206.324c2.36-.953%203.448%202.233.995%203.276c-3.697%201.577-14%201.416-18.812-6.917C-1.302%2018.027-1.13%208.125%207.496%202.995C14.089-.932%2022.788.156%2028.032%205.631c5.48%205.729%205.163%2016.448-.187%2020.615c-2.423%201.895-6.021.052-5.995-2.709l-.027-.9c-1.687%201.671-3.932%202.651-6.375%202.651c-4.833%200-9.088-4.256-9.088-9.084c0-4.88%204.255-9.181%209.088-9.181zm6.079%208.834c-.183-3.537-2.808-5.667-5.98-5.667h-.12c-3.656%200-5.687%202.88-5.687%206.145c0%203.661%202.453%205.973%205.672%205.973c3.593%200%205.952-2.629%206.124-5.739z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.448%207.021c2.443%200%204.745%201.083%206.432%202.776v.005c0-.813.547-1.428%201.303-1.428h.192c1.193%200%201.432%201.125%201.432%201.48l.005%2012.635c-.083.828.855%201.256%201.376.724c2.025-2.083%204.452-10.719-1.261-15.719c-5.328-4.667-12.479-3.896-16.281-1.276c-4.041%202.792-6.624%208.959-4.115%2014.755c2.74%206.319%2010.573%208.204%2015.235%206.324c2.36-.953%203.448%202.233.995%203.276c-3.697%201.577-14%201.416-18.812-6.917C-1.302%2018.027-1.13%208.125%207.496%202.995C14.089-.932%2022.788.156%2028.032%205.631c5.48%205.729%205.163%2016.448-.187%2020.615c-2.423%201.895-6.021.052-5.995-2.709l-.027-.9c-1.687%201.671-3.932%202.651-6.375%202.651c-4.833%200-9.088-4.256-9.088-9.084c0-4.88%204.255-9.181%209.088-9.181zm6.079%208.834c-.183-3.537-2.808-5.667-5.98-5.667h-.12c-3.656%200-5.687%202.88-5.687%206.145c0%203.661%202.453%205.973%205.672%205.973c3.593%200%205.952-2.629%206.124-5.739z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/mail-ru.svg?color=%231a73e8&size=48
