renren icon
renren from Line Awesome by Icons8 · Line · Other · Apache-2.0 Free for personal and commercial use.
- Name
- renren
- Set
- Line Awesome
- Style
- Line
- Category
- Other
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
More other icons from Line Awesome
Use the renren icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M7.563 7C3.28 7.719 0 11.45 0 15.938c0 2.23.82 4.265 2.156 5.843c3.172-1.535 5.39-4.988 5.406-9.031zm3 0v5.688c0 4.058 2.226 7.554 5.406 9.093a9.02 9.02 0 0 1-2.156-5.843c0-2.231.816-4.266 2.156-5.844A9.06 9.06 0 0 0 10.563 7m5.406 3.094c1.336 1.578 2.219 3.613 2.219 5.844c0 2.23-.883 4.265-2.22 5.843c3.173-1.535 5.454-4.992 5.47-9.031V7c-2.153.363-4.118 1.496-5.47 3.094zM24.438 7v5.688c0 4.058 2.226 7.554 5.406 9.093A9.02 9.02 0 0 0 32 15.938c0-4.489-3.281-8.22-7.563-8.938zM9.063 18.219c-.563 2.336-2.243 4.328-4.344 5.656A9 9 0 0 0 9.062 25a9 9 0 0 0 4.344-1.125c-2.097-1.328-3.781-3.32-4.344-5.656zm13.874 0c-.562 2.336-2.242 4.328-4.343 5.656A9 9 0 0 0 22.937 25a9 9 0 0 0 4.344-1.125c-2.097-1.328-3.781-3.32-4.343-5.656z"/></svg>
React
import type { SVGProps } from "react";
export function LaRenren(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="M7.563 7C3.28 7.719 0 11.45 0 15.938c0 2.23.82 4.265 2.156 5.843c3.172-1.535 5.39-4.988 5.406-9.031zm3 0v5.688c0 4.058 2.226 7.554 5.406 9.093a9.02 9.02 0 0 1-2.156-5.843c0-2.231.816-4.266 2.156-5.844A9.06 9.06 0 0 0 10.563 7m5.406 3.094c1.336 1.578 2.219 3.613 2.219 5.844c0 2.23-.883 4.265-2.22 5.843c3.173-1.535 5.454-4.992 5.47-9.031V7c-2.153.363-4.118 1.496-5.47 3.094zM24.438 7v5.688c0 4.058 2.226 7.554 5.406 9.093A9.02 9.02 0 0 0 32 15.938c0-4.489-3.281-8.22-7.563-8.938zM9.063 18.219c-.563 2.336-2.243 4.328-4.344 5.656A9 9 0 0 0 9.062 25a9 9 0 0 0 4.344-1.125c-2.097-1.328-3.781-3.32-4.344-5.656zm13.874 0c-.562 2.336-2.242 4.328-4.343 5.656A9 9 0 0 0 22.937 25a9 9 0 0 0 4.344-1.125c-2.097-1.328-3.781-3.32-4.343-5.656z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M7.563 7C3.28 7.719 0 11.45 0 15.938c0 2.23.82 4.265 2.156 5.843c3.172-1.535 5.39-4.988 5.406-9.031zm3 0v5.688c0 4.058 2.226 7.554 5.406 9.093a9.02 9.02 0 0 1-2.156-5.843c0-2.231.816-4.266 2.156-5.844A9.06 9.06 0 0 0 10.563 7m5.406 3.094c1.336 1.578 2.219 3.613 2.219 5.844c0 2.23-.883 4.265-2.22 5.843c3.173-1.535 5.454-4.992 5.47-9.031V7c-2.153.363-4.118 1.496-5.47 3.094zM24.438 7v5.688c0 4.058 2.226 7.554 5.406 9.093A9.02 9.02 0 0 0 32 15.938c0-4.489-3.281-8.22-7.563-8.938zM9.063 18.219c-.563 2.336-2.243 4.328-4.344 5.656A9 9 0 0 0 9.062 25a9 9 0 0 0 4.344-1.125c-2.097-1.328-3.781-3.32-4.344-5.656zm13.874 0c-.562 2.336-2.242 4.328-4.343 5.656A9 9 0 0 0 22.937 25a9 9 0 0 0 4.344-1.125c-2.097-1.328-3.781-3.32-4.343-5.656z"/></svg> </template>
CSS
.icon-renren {
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%22M7.563%207C3.28%207.719%200%2011.45%200%2015.938c0%202.23.82%204.265%202.156%205.843c3.172-1.535%205.39-4.988%205.406-9.031zm3%200v5.688c0%204.058%202.226%207.554%205.406%209.093a9.02%209.02%200%200%201-2.156-5.843c0-2.231.816-4.266%202.156-5.844A9.06%209.06%200%200%200%2010.563%207m5.406%203.094c1.336%201.578%202.219%203.613%202.219%205.844c0%202.23-.883%204.265-2.22%205.843c3.173-1.535%205.454-4.992%205.47-9.031V7c-2.153.363-4.118%201.496-5.47%203.094zM24.438%207v5.688c0%204.058%202.226%207.554%205.406%209.093A9.02%209.02%200%200%200%2032%2015.938c0-4.489-3.281-8.22-7.563-8.938zM9.063%2018.219c-.563%202.336-2.243%204.328-4.344%205.656A9%209%200%200%200%209.062%2025a9%209%200%200%200%204.344-1.125c-2.097-1.328-3.781-3.32-4.344-5.656zm13.874%200c-.562%202.336-2.242%204.328-4.343%205.656A9%209%200%200%200%2022.937%2025a9%209%200%200%200%204.344-1.125c-2.097-1.328-3.781-3.32-4.343-5.656z%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%22M7.563%207C3.28%207.719%200%2011.45%200%2015.938c0%202.23.82%204.265%202.156%205.843c3.172-1.535%205.39-4.988%205.406-9.031zm3%200v5.688c0%204.058%202.226%207.554%205.406%209.093a9.02%209.02%200%200%201-2.156-5.843c0-2.231.816-4.266%202.156-5.844A9.06%209.06%200%200%200%2010.563%207m5.406%203.094c1.336%201.578%202.219%203.613%202.219%205.844c0%202.23-.883%204.265-2.22%205.843c3.173-1.535%205.454-4.992%205.47-9.031V7c-2.153.363-4.118%201.496-5.47%203.094zM24.438%207v5.688c0%204.058%202.226%207.554%205.406%209.093A9.02%209.02%200%200%200%2032%2015.938c0-4.489-3.281-8.22-7.563-8.938zM9.063%2018.219c-.563%202.336-2.243%204.328-4.344%205.656A9%209%200%200%200%209.062%2025a9%209%200%200%200%204.344-1.125c-2.097-1.328-3.781-3.32-4.344-5.656zm13.874%200c-.562%202.336-2.242%204.328-4.343%205.656A9%209%200%200%200%2022.937%2025a9%209%200%200%200%204.344-1.125c-2.097-1.328-3.781-3.32-4.343-5.656z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/renren.svg?color=%231a73e8&size=48
