mendeley logo

mendeley from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: mendeley
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

mendeleyCoreUI Brands mendeleyFont Awesome 6 Brands mendeleyLine Awesome mendeleySimple Icons

Use the mendeley logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M624.6 389.2c-12.3-12.4-29.7-19.2-48.4-17.2c-43.3-1-49.7-34.9-37.5-98.8c22.8-57.5-14.9-131.5-87.4-130.8c-77.4.7-81.7 82-130.9 82c-48.1 0-54-81.3-130.9-82c-72.9-.8-110.1 73.3-87.4 130.8c12.2 63.9 5.8 97.8-37.5 98.8c-21.2-2.3-37 6.5-53 22.5c-19.9 19.7-19.3 94.8 42.6 102.6c47.1 5.9 81.6-42.9 61.2-87.8c-47.3-103.7 185.9-106.1 146.5-8.2c-.1.1-.2.2-.3.4c-26.8 42.8 6.8 97.4 58.8 95.2c52.1 2.1 85.4-52.6 58.8-95.2c-.1-.2-.2-.3-.3-.4c-39.4-97.9 193.8-95.5 146.5 8.2c-4.6 10-6.7 21.3-5.7 33c4.9 53.4 68.7 74.1 104.9 35.2c17.8-14.8 23.1-65.6 0-88.3m-303.9-19.1h-.6c-43.4 0-62.8-37.5-62.8-62.8c0-34.7 28.2-62.8 62.8-62.8h.6c34.7 0 62.8 28.1 62.8 62.8c0 25-19.2 62.8-62.8 62.8"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsMendeley(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M624.6 389.2c-12.3-12.4-29.7-19.2-48.4-17.2c-43.3-1-49.7-34.9-37.5-98.8c22.8-57.5-14.9-131.5-87.4-130.8c-77.4.7-81.7 82-130.9 82c-48.1 0-54-81.3-130.9-82c-72.9-.8-110.1 73.3-87.4 130.8c12.2 63.9 5.8 97.8-37.5 98.8c-21.2-2.3-37 6.5-53 22.5c-19.9 19.7-19.3 94.8 42.6 102.6c47.1 5.9 81.6-42.9 61.2-87.8c-47.3-103.7 185.9-106.1 146.5-8.2c-.1.1-.2.2-.3.4c-26.8 42.8 6.8 97.4 58.8 95.2c52.1 2.1 85.4-52.6 58.8-95.2c-.1-.2-.2-.3-.3-.4c-39.4-97.9 193.8-95.5 146.5 8.2c-4.6 10-6.7 21.3-5.7 33c4.9 53.4 68.7 74.1 104.9 35.2c17.8-14.8 23.1-65.6 0-88.3m-303.9-19.1h-.6c-43.4 0-62.8-37.5-62.8-62.8c0-34.7 28.2-62.8 62.8-62.8h.6c34.7 0 62.8 28.1 62.8 62.8c0 25-19.2 62.8-62.8 62.8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M624.6 389.2c-12.3-12.4-29.7-19.2-48.4-17.2c-43.3-1-49.7-34.9-37.5-98.8c22.8-57.5-14.9-131.5-87.4-130.8c-77.4.7-81.7 82-130.9 82c-48.1 0-54-81.3-130.9-82c-72.9-.8-110.1 73.3-87.4 130.8c12.2 63.9 5.8 97.8-37.5 98.8c-21.2-2.3-37 6.5-53 22.5c-19.9 19.7-19.3 94.8 42.6 102.6c47.1 5.9 81.6-42.9 61.2-87.8c-47.3-103.7 185.9-106.1 146.5-8.2c-.1.1-.2.2-.3.4c-26.8 42.8 6.8 97.4 58.8 95.2c52.1 2.1 85.4-52.6 58.8-95.2c-.1-.2-.2-.3-.3-.4c-39.4-97.9 193.8-95.5 146.5 8.2c-4.6 10-6.7 21.3-5.7 33c4.9 53.4 68.7 74.1 104.9 35.2c17.8-14.8 23.1-65.6 0-88.3m-303.9-19.1h-.6c-43.4 0-62.8-37.5-62.8-62.8c0-34.7 28.2-62.8 62.8-62.8h.6c34.7 0 62.8 28.1 62.8 62.8c0 25-19.2 62.8-62.8 62.8"/></svg>
</template>

CSS

.icon-mendeley {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M624.6%20389.2c-12.3-12.4-29.7-19.2-48.4-17.2c-43.3-1-49.7-34.9-37.5-98.8c22.8-57.5-14.9-131.5-87.4-130.8c-77.4.7-81.7%2082-130.9%2082c-48.1%200-54-81.3-130.9-82c-72.9-.8-110.1%2073.3-87.4%20130.8c12.2%2063.9%205.8%2097.8-37.5%2098.8c-21.2-2.3-37%206.5-53%2022.5c-19.9%2019.7-19.3%2094.8%2042.6%20102.6c47.1%205.9%2081.6-42.9%2061.2-87.8c-47.3-103.7%20185.9-106.1%20146.5-8.2c-.1.1-.2.2-.3.4c-26.8%2042.8%206.8%2097.4%2058.8%2095.2c52.1%202.1%2085.4-52.6%2058.8-95.2c-.1-.2-.2-.3-.3-.4c-39.4-97.9%20193.8-95.5%20146.5%208.2c-4.6%2010-6.7%2021.3-5.7%2033c4.9%2053.4%2068.7%2074.1%20104.9%2035.2c17.8-14.8%2023.1-65.6%200-88.3m-303.9-19.1h-.6c-43.4%200-62.8-37.5-62.8-62.8c0-34.7%2028.2-62.8%2062.8-62.8h.6c34.7%200%2062.8%2028.1%2062.8%2062.8c0%2025-19.2%2062.8-62.8%2062.8%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M624.6%20389.2c-12.3-12.4-29.7-19.2-48.4-17.2c-43.3-1-49.7-34.9-37.5-98.8c22.8-57.5-14.9-131.5-87.4-130.8c-77.4.7-81.7%2082-130.9%2082c-48.1%200-54-81.3-130.9-82c-72.9-.8-110.1%2073.3-87.4%20130.8c12.2%2063.9%205.8%2097.8-37.5%2098.8c-21.2-2.3-37%206.5-53%2022.5c-19.9%2019.7-19.3%2094.8%2042.6%20102.6c47.1%205.9%2081.6-42.9%2061.2-87.8c-47.3-103.7%20185.9-106.1%20146.5-8.2c-.1.1-.2.2-.3.4c-26.8%2042.8%206.8%2097.4%2058.8%2095.2c52.1%202.1%2085.4-52.6%2058.8-95.2c-.1-.2-.2-.3-.3-.4c-39.4-97.9%20193.8-95.5%20146.5%208.2c-4.6%2010-6.7%2021.3-5.7%2033c4.9%2053.4%2068.7%2074.1%20104.9%2035.2c17.8-14.8%2023.1-65.6%200-88.3m-303.9-19.1h-.6c-43.4%200-62.8-37.5-62.8-62.8c0-34.7%2028.2-62.8%2062.8-62.8h.6c34.7%200%2062.8%2028.1%2062.8%2062.8c0%2025-19.2%2062.8-62.8%2062.8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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