500px logo

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

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

The same logo in other sets

500pxBoxicons Brands 500pxCoreUI Brands 500pxFont Awesome 6 Brands 500pxJam Icons 500pxLine Awesome 500pxSVG Logos 500pxSimple Icons 500pxUnicons 500pxUnicons Monochrome

Use the 500px logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M199.8 408.3c-6.5-14.2-6.9-18.3 7.4-23.1c25.6-8 8 9.2 43.2 49.2h.3v-93.9c1.2-50.2 44-92.2 97.7-92.2c53.9 0 97.7 43.5 97.7 96.8c0 63.4-60.8 113.2-128.5 93.3c-10.5-4.2-2.1-31.7 8.5-28.6c53 0 89.4-10.1 89.4-64.4c0-61-77.1-89.6-116.9-44.6c-23.5 26.4-17.6 42.1-17.6 157.6c50.7 31 118.3 22 160.4-20.1c24.8-24.8 38.5-58 38.5-93c0-35.2-13.8-68.2-38.8-93.3c-24.8-24.8-57.8-38.5-93.3-38.5S279 227.3 254.3 252c-.3.3-16 16.5-21.2 23.9l-.5.6c-3.3 4.7-6.3 9.1-20.1 6.1c-6.9-1.7-14.3-5.8-14.3-11.8V84c0-5 3.9-10.5 10.5-10.5H450c8.3 0 8.3 11.6 8.3 15.1c0 3.9 0 15.1-8.3 15.1H226.8v132.9h.3c104.2-109.8 282.8-36 282.8 108.9c0 178.1-244.8 220.3-310.1 62.8m63.3-260.8c-.5 4.2 4.6 24.5 14.6 20.6c124.8-47.5 202.8 40.4 209.4 40.4c4.8 0 22.8-15.3 14.3-22.8c-93.2-89-234.5-57-238.3-38.2m226.4 331.2c-110 109.9-299 60.8-332-104.2c0-12.2-30.4-7.4-28.9 3.3c24 173.4 246 256.9 381.6 121.3c6.9-7.8-12.6-28.4-20.7-20.4M310.1 370.6c0 4 4.3 7.3 5.5 8.5c3 3 6.1 4.4 8.5 4.4c3.8 0 2.6.2 22.3-19.5c19.6 19.3 19.1 19.5 22.3 19.5c5.4 0 18.5-10.4 10.7-18.2L362.1 348l18.2-18.2c6.3-6.8-10.1-21.8-16.2-15.7L346.2 332c-18.6-18.8-18.4-19.5-21.5-19.5c-5 0-18 11.7-12.4 17.3l18.2 18.2c-18.1 17.9-20.4 19.2-20.4 22.6"/></svg>

React

import type { SVGProps } from "react";

export function Fa7Brands500px(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="M199.8 408.3c-6.5-14.2-6.9-18.3 7.4-23.1c25.6-8 8 9.2 43.2 49.2h.3v-93.9c1.2-50.2 44-92.2 97.7-92.2c53.9 0 97.7 43.5 97.7 96.8c0 63.4-60.8 113.2-128.5 93.3c-10.5-4.2-2.1-31.7 8.5-28.6c53 0 89.4-10.1 89.4-64.4c0-61-77.1-89.6-116.9-44.6c-23.5 26.4-17.6 42.1-17.6 157.6c50.7 31 118.3 22 160.4-20.1c24.8-24.8 38.5-58 38.5-93c0-35.2-13.8-68.2-38.8-93.3c-24.8-24.8-57.8-38.5-93.3-38.5S279 227.3 254.3 252c-.3.3-16 16.5-21.2 23.9l-.5.6c-3.3 4.7-6.3 9.1-20.1 6.1c-6.9-1.7-14.3-5.8-14.3-11.8V84c0-5 3.9-10.5 10.5-10.5H450c8.3 0 8.3 11.6 8.3 15.1c0 3.9 0 15.1-8.3 15.1H226.8v132.9h.3c104.2-109.8 282.8-36 282.8 108.9c0 178.1-244.8 220.3-310.1 62.8m63.3-260.8c-.5 4.2 4.6 24.5 14.6 20.6c124.8-47.5 202.8 40.4 209.4 40.4c4.8 0 22.8-15.3 14.3-22.8c-93.2-89-234.5-57-238.3-38.2m226.4 331.2c-110 109.9-299 60.8-332-104.2c0-12.2-30.4-7.4-28.9 3.3c24 173.4 246 256.9 381.6 121.3c6.9-7.8-12.6-28.4-20.7-20.4M310.1 370.6c0 4 4.3 7.3 5.5 8.5c3 3 6.1 4.4 8.5 4.4c3.8 0 2.6.2 22.3-19.5c19.6 19.3 19.1 19.5 22.3 19.5c5.4 0 18.5-10.4 10.7-18.2L362.1 348l18.2-18.2c6.3-6.8-10.1-21.8-16.2-15.7L346.2 332c-18.6-18.8-18.4-19.5-21.5-19.5c-5 0-18 11.7-12.4 17.3l18.2 18.2c-18.1 17.9-20.4 19.2-20.4 22.6"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M199.8 408.3c-6.5-14.2-6.9-18.3 7.4-23.1c25.6-8 8 9.2 43.2 49.2h.3v-93.9c1.2-50.2 44-92.2 97.7-92.2c53.9 0 97.7 43.5 97.7 96.8c0 63.4-60.8 113.2-128.5 93.3c-10.5-4.2-2.1-31.7 8.5-28.6c53 0 89.4-10.1 89.4-64.4c0-61-77.1-89.6-116.9-44.6c-23.5 26.4-17.6 42.1-17.6 157.6c50.7 31 118.3 22 160.4-20.1c24.8-24.8 38.5-58 38.5-93c0-35.2-13.8-68.2-38.8-93.3c-24.8-24.8-57.8-38.5-93.3-38.5S279 227.3 254.3 252c-.3.3-16 16.5-21.2 23.9l-.5.6c-3.3 4.7-6.3 9.1-20.1 6.1c-6.9-1.7-14.3-5.8-14.3-11.8V84c0-5 3.9-10.5 10.5-10.5H450c8.3 0 8.3 11.6 8.3 15.1c0 3.9 0 15.1-8.3 15.1H226.8v132.9h.3c104.2-109.8 282.8-36 282.8 108.9c0 178.1-244.8 220.3-310.1 62.8m63.3-260.8c-.5 4.2 4.6 24.5 14.6 20.6c124.8-47.5 202.8 40.4 209.4 40.4c4.8 0 22.8-15.3 14.3-22.8c-93.2-89-234.5-57-238.3-38.2m226.4 331.2c-110 109.9-299 60.8-332-104.2c0-12.2-30.4-7.4-28.9 3.3c24 173.4 246 256.9 381.6 121.3c6.9-7.8-12.6-28.4-20.7-20.4M310.1 370.6c0 4 4.3 7.3 5.5 8.5c3 3 6.1 4.4 8.5 4.4c3.8 0 2.6.2 22.3-19.5c19.6 19.3 19.1 19.5 22.3 19.5c5.4 0 18.5-10.4 10.7-18.2L362.1 348l18.2-18.2c6.3-6.8-10.1-21.8-16.2-15.7L346.2 332c-18.6-18.8-18.4-19.5-21.5-19.5c-5 0-18 11.7-12.4 17.3l18.2 18.2c-18.1 17.9-20.4 19.2-20.4 22.6"/></svg>
</template>

CSS

.icon-500px {
  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%22M199.8%20408.3c-6.5-14.2-6.9-18.3%207.4-23.1c25.6-8%208%209.2%2043.2%2049.2h.3v-93.9c1.2-50.2%2044-92.2%2097.7-92.2c53.9%200%2097.7%2043.5%2097.7%2096.8c0%2063.4-60.8%20113.2-128.5%2093.3c-10.5-4.2-2.1-31.7%208.5-28.6c53%200%2089.4-10.1%2089.4-64.4c0-61-77.1-89.6-116.9-44.6c-23.5%2026.4-17.6%2042.1-17.6%20157.6c50.7%2031%20118.3%2022%20160.4-20.1c24.8-24.8%2038.5-58%2038.5-93c0-35.2-13.8-68.2-38.8-93.3c-24.8-24.8-57.8-38.5-93.3-38.5S279%20227.3%20254.3%20252c-.3.3-16%2016.5-21.2%2023.9l-.5.6c-3.3%204.7-6.3%209.1-20.1%206.1c-6.9-1.7-14.3-5.8-14.3-11.8V84c0-5%203.9-10.5%2010.5-10.5H450c8.3%200%208.3%2011.6%208.3%2015.1c0%203.9%200%2015.1-8.3%2015.1H226.8v132.9h.3c104.2-109.8%20282.8-36%20282.8%20108.9c0%20178.1-244.8%20220.3-310.1%2062.8m63.3-260.8c-.5%204.2%204.6%2024.5%2014.6%2020.6c124.8-47.5%20202.8%2040.4%20209.4%2040.4c4.8%200%2022.8-15.3%2014.3-22.8c-93.2-89-234.5-57-238.3-38.2m226.4%20331.2c-110%20109.9-299%2060.8-332-104.2c0-12.2-30.4-7.4-28.9%203.3c24%20173.4%20246%20256.9%20381.6%20121.3c6.9-7.8-12.6-28.4-20.7-20.4M310.1%20370.6c0%204%204.3%207.3%205.5%208.5c3%203%206.1%204.4%208.5%204.4c3.8%200%202.6.2%2022.3-19.5c19.6%2019.3%2019.1%2019.5%2022.3%2019.5c5.4%200%2018.5-10.4%2010.7-18.2L362.1%20348l18.2-18.2c6.3-6.8-10.1-21.8-16.2-15.7L346.2%20332c-18.6-18.8-18.4-19.5-21.5-19.5c-5%200-18%2011.7-12.4%2017.3l18.2%2018.2c-18.1%2017.9-20.4%2019.2-20.4%2022.6%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%22M199.8%20408.3c-6.5-14.2-6.9-18.3%207.4-23.1c25.6-8%208%209.2%2043.2%2049.2h.3v-93.9c1.2-50.2%2044-92.2%2097.7-92.2c53.9%200%2097.7%2043.5%2097.7%2096.8c0%2063.4-60.8%20113.2-128.5%2093.3c-10.5-4.2-2.1-31.7%208.5-28.6c53%200%2089.4-10.1%2089.4-64.4c0-61-77.1-89.6-116.9-44.6c-23.5%2026.4-17.6%2042.1-17.6%20157.6c50.7%2031%20118.3%2022%20160.4-20.1c24.8-24.8%2038.5-58%2038.5-93c0-35.2-13.8-68.2-38.8-93.3c-24.8-24.8-57.8-38.5-93.3-38.5S279%20227.3%20254.3%20252c-.3.3-16%2016.5-21.2%2023.9l-.5.6c-3.3%204.7-6.3%209.1-20.1%206.1c-6.9-1.7-14.3-5.8-14.3-11.8V84c0-5%203.9-10.5%2010.5-10.5H450c8.3%200%208.3%2011.6%208.3%2015.1c0%203.9%200%2015.1-8.3%2015.1H226.8v132.9h.3c104.2-109.8%20282.8-36%20282.8%20108.9c0%20178.1-244.8%20220.3-310.1%2062.8m63.3-260.8c-.5%204.2%204.6%2024.5%2014.6%2020.6c124.8-47.5%20202.8%2040.4%20209.4%2040.4c4.8%200%2022.8-15.3%2014.3-22.8c-93.2-89-234.5-57-238.3-38.2m226.4%20331.2c-110%20109.9-299%2060.8-332-104.2c0-12.2-30.4-7.4-28.9%203.3c24%20173.4%20246%20256.9%20381.6%20121.3c6.9-7.8-12.6-28.4-20.7-20.4M310.1%20370.6c0%204%204.3%207.3%205.5%208.5c3%203%206.1%204.4%208.5%204.4c3.8%200%202.6.2%2022.3-19.5c19.6%2019.3%2019.1%2019.5%2022.3%2019.5c5.4%200%2018.5-10.4%2010.7-18.2L362.1%20348l18.2-18.2c6.3-6.8-10.1-21.8-16.2-15.7L346.2%20332c-18.6-18.8-18.4-19.5-21.5-19.5c-5%200-18%2011.7-12.4%2017.3l18.2%2018.2c-18.1%2017.9-20.4%2019.2-20.4%2022.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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