logo octocat icon

Related icons in IonIcons

Use the logo octocat icon

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M172.86 290.12c-9.75 0-18.11 4.56-24.86 13.87s-10.07 20.58-10.07 34s3.43 24.91 10.07 34.12S163 386 172.86 386c9.1 0 17-4.66 23.68-13.87s10.07-20.58 10.07-34.12s-3.43-24.81-10.07-34s-14.54-13.89-23.68-13.89m167.46 0c-9.64 0-18.11 4.56-24.86 13.87s-10.07 20.58-10.07 34s3.43 24.91 10.07 34.12S330.57 386 340.32 386c9.11 0 17-4.66 23.79-13.87s10.07-20.58 10.07-34.12s-3.43-24.81-10.07-34s-14.57-13.89-23.79-13.89"/><path fill="currentColor" d="M459.36 165c-.11 0 2.89-15.49.32-42.47c-2.36-27-8-51.78-17.25-74.53c0 0-4.72.87-13.72 3.14S405 58 384.89 67.18c-19.82 9.2-40.71 21.44-62.46 36.29c-14.79-4.23-36.86-6.39-66.43-6.39c-28.18 0-50.25 2.16-66.43 6.39Q117.9 53.25 69.46 48q-13.81 34.13-17.14 74.75c-2.57 27 .43 42.58.43 42.58C26.71 193.82 16 234.88 16 268.78c0 26.22.75 49.94 6.54 71c6 20.91 13.6 38 22.6 51.14A147.5 147.5 0 0 0 79 425.43c13.39 10.08 25.71 17.34 36.86 21.89c11.25 4.76 24 8.23 38.57 10.72a279 279 0 0 0 32.68 4.34s30 1.62 69 1.62s68.89-1.62 68.89-1.62a285 285 0 0 0 32.68-4.38a179 179 0 0 0 38.46-10.72c11.15-4.66 23.47-11.81 37-21.89a145 145 0 0 0 33.75-34.55c9-13.11 16.6-30.23 22.6-51.14s6.51-44.81 6.51-71.03c0-32.82-10.71-74.42-36.64-103.67m-70.07 253.07C359.39 432.26 315.46 438 257.18 438h-2.25c-58.29 0-102.22-5.63-131.57-19.93s-44.25-43.45-44.25-87.43c0-26.32 9.21-47.66 27.32-64c7.93-7 17.57-11.92 29.57-14.84s22.93-3 33.21-2.71c10.08.43 24.22 2.38 42.11 3.79s31.39 3.25 44.79 3.25c12.53 0 29.14-2.17 55.82-4.33s46.61-3.25 59.46-1.09c13.18 2.17 24.65 6.72 34.4 15.93q28.44 25.67 28.5 64c-.11 43.98-15.22 73.24-45 87.43"/></svg>

import type { SVGProps } from "react";

export function IonLogoOctocat(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M172.86 290.12c-9.75 0-18.11 4.56-24.86 13.87s-10.07 20.58-10.07 34s3.43 24.91 10.07 34.12S163 386 172.86 386c9.1 0 17-4.66 23.68-13.87s10.07-20.58 10.07-34.12s-3.43-24.81-10.07-34s-14.54-13.89-23.68-13.89m167.46 0c-9.64 0-18.11 4.56-24.86 13.87s-10.07 20.58-10.07 34s3.43 24.91 10.07 34.12S330.57 386 340.32 386c9.11 0 17-4.66 23.79-13.87s10.07-20.58 10.07-34.12s-3.43-24.81-10.07-34s-14.57-13.89-23.79-13.89"/><path fill="currentColor" d="M459.36 165c-.11 0 2.89-15.49.32-42.47c-2.36-27-8-51.78-17.25-74.53c0 0-4.72.87-13.72 3.14S405 58 384.89 67.18c-19.82 9.2-40.71 21.44-62.46 36.29c-14.79-4.23-36.86-6.39-66.43-6.39c-28.18 0-50.25 2.16-66.43 6.39Q117.9 53.25 69.46 48q-13.81 34.13-17.14 74.75c-2.57 27 .43 42.58.43 42.58C26.71 193.82 16 234.88 16 268.78c0 26.22.75 49.94 6.54 71c6 20.91 13.6 38 22.6 51.14A147.5 147.5 0 0 0 79 425.43c13.39 10.08 25.71 17.34 36.86 21.89c11.25 4.76 24 8.23 38.57 10.72a279 279 0 0 0 32.68 4.34s30 1.62 69 1.62s68.89-1.62 68.89-1.62a285 285 0 0 0 32.68-4.38a179 179 0 0 0 38.46-10.72c11.15-4.66 23.47-11.81 37-21.89a145 145 0 0 0 33.75-34.55c9-13.11 16.6-30.23 22.6-51.14s6.51-44.81 6.51-71.03c0-32.82-10.71-74.42-36.64-103.67m-70.07 253.07C359.39 432.26 315.46 438 257.18 438h-2.25c-58.29 0-102.22-5.63-131.57-19.93s-44.25-43.45-44.25-87.43c0-26.32 9.21-47.66 27.32-64c7.93-7 17.57-11.92 29.57-14.84s22.93-3 33.21-2.71c10.08.43 24.22 2.38 42.11 3.79s31.39 3.25 44.79 3.25c12.53 0 29.14-2.17 55.82-4.33s46.61-3.25 59.46-1.09c13.18 2.17 24.65 6.72 34.4 15.93q28.44 25.67 28.5 64c-.11 43.98-15.22 73.24-45 87.43"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M172.86 290.12c-9.75 0-18.11 4.56-24.86 13.87s-10.07 20.58-10.07 34s3.43 24.91 10.07 34.12S163 386 172.86 386c9.1 0 17-4.66 23.68-13.87s10.07-20.58 10.07-34.12s-3.43-24.81-10.07-34s-14.54-13.89-23.68-13.89m167.46 0c-9.64 0-18.11 4.56-24.86 13.87s-10.07 20.58-10.07 34s3.43 24.91 10.07 34.12S330.57 386 340.32 386c9.11 0 17-4.66 23.79-13.87s10.07-20.58 10.07-34.12s-3.43-24.81-10.07-34s-14.57-13.89-23.79-13.89"/><path fill="currentColor" d="M459.36 165c-.11 0 2.89-15.49.32-42.47c-2.36-27-8-51.78-17.25-74.53c0 0-4.72.87-13.72 3.14S405 58 384.89 67.18c-19.82 9.2-40.71 21.44-62.46 36.29c-14.79-4.23-36.86-6.39-66.43-6.39c-28.18 0-50.25 2.16-66.43 6.39Q117.9 53.25 69.46 48q-13.81 34.13-17.14 74.75c-2.57 27 .43 42.58.43 42.58C26.71 193.82 16 234.88 16 268.78c0 26.22.75 49.94 6.54 71c6 20.91 13.6 38 22.6 51.14A147.5 147.5 0 0 0 79 425.43c13.39 10.08 25.71 17.34 36.86 21.89c11.25 4.76 24 8.23 38.57 10.72a279 279 0 0 0 32.68 4.34s30 1.62 69 1.62s68.89-1.62 68.89-1.62a285 285 0 0 0 32.68-4.38a179 179 0 0 0 38.46-10.72c11.15-4.66 23.47-11.81 37-21.89a145 145 0 0 0 33.75-34.55c9-13.11 16.6-30.23 22.6-51.14s6.51-44.81 6.51-71.03c0-32.82-10.71-74.42-36.64-103.67m-70.07 253.07C359.39 432.26 315.46 438 257.18 438h-2.25c-58.29 0-102.22-5.63-131.57-19.93s-44.25-43.45-44.25-87.43c0-26.32 9.21-47.66 27.32-64c7.93-7 17.57-11.92 29.57-14.84s22.93-3 33.21-2.71c10.08.43 24.22 2.38 42.11 3.79s31.39 3.25 44.79 3.25c12.53 0 29.14-2.17 55.82-4.33s46.61-3.25 59.46-1.09c13.18 2.17 24.65 6.72 34.4 15.93q28.44 25.67 28.5 64c-.11 43.98-15.22 73.24-45 87.43"/></svg>
</template>

.icon-logo-octocat {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M172.86%20290.12c-9.75%200-18.11%204.56-24.86%2013.87s-10.07%2020.58-10.07%2034s3.43%2024.91%2010.07%2034.12S163%20386%20172.86%20386c9.1%200%2017-4.66%2023.68-13.87s10.07-20.58%2010.07-34.12s-3.43-24.81-10.07-34s-14.54-13.89-23.68-13.89m167.46%200c-9.64%200-18.11%204.56-24.86%2013.87s-10.07%2020.58-10.07%2034s3.43%2024.91%2010.07%2034.12S330.57%20386%20340.32%20386c9.11%200%2017-4.66%2023.79-13.87s10.07-20.58%2010.07-34.12s-3.43-24.81-10.07-34s-14.57-13.89-23.79-13.89%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M459.36%20165c-.11%200%202.89-15.49.32-42.47c-2.36-27-8-51.78-17.25-74.53c0%200-4.72.87-13.72%203.14S405%2058%20384.89%2067.18c-19.82%209.2-40.71%2021.44-62.46%2036.29c-14.79-4.23-36.86-6.39-66.43-6.39c-28.18%200-50.25%202.16-66.43%206.39Q117.9%2053.25%2069.46%2048q-13.81%2034.13-17.14%2074.75c-2.57%2027%20.43%2042.58.43%2042.58C26.71%20193.82%2016%20234.88%2016%20268.78c0%2026.22.75%2049.94%206.54%2071c6%2020.91%2013.6%2038%2022.6%2051.14A147.5%20147.5%200%200%200%2079%20425.43c13.39%2010.08%2025.71%2017.34%2036.86%2021.89c11.25%204.76%2024%208.23%2038.57%2010.72a279%20279%200%200%200%2032.68%204.34s30%201.62%2069%201.62s68.89-1.62%2068.89-1.62a285%20285%200%200%200%2032.68-4.38a179%20179%200%200%200%2038.46-10.72c11.15-4.66%2023.47-11.81%2037-21.89a145%20145%200%200%200%2033.75-34.55c9-13.11%2016.6-30.23%2022.6-51.14s6.51-44.81%206.51-71.03c0-32.82-10.71-74.42-36.64-103.67m-70.07%20253.07C359.39%20432.26%20315.46%20438%20257.18%20438h-2.25c-58.29%200-102.22-5.63-131.57-19.93s-44.25-43.45-44.25-87.43c0-26.32%209.21-47.66%2027.32-64c7.93-7%2017.57-11.92%2029.57-14.84s22.93-3%2033.21-2.71c10.08.43%2024.22%202.38%2042.11%203.79s31.39%203.25%2044.79%203.25c12.53%200%2029.14-2.17%2055.82-4.33s46.61-3.25%2059.46-1.09c13.18%202.17%2024.65%206.72%2034.4%2015.93q28.44%2025.67%2028.5%2064c-.11%2043.98-15.22%2073.24-45%2087.43%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M172.86%20290.12c-9.75%200-18.11%204.56-24.86%2013.87s-10.07%2020.58-10.07%2034s3.43%2024.91%2010.07%2034.12S163%20386%20172.86%20386c9.1%200%2017-4.66%2023.68-13.87s10.07-20.58%2010.07-34.12s-3.43-24.81-10.07-34s-14.54-13.89-23.68-13.89m167.46%200c-9.64%200-18.11%204.56-24.86%2013.87s-10.07%2020.58-10.07%2034s3.43%2024.91%2010.07%2034.12S330.57%20386%20340.32%20386c9.11%200%2017-4.66%2023.79-13.87s10.07-20.58%2010.07-34.12s-3.43-24.81-10.07-34s-14.57-13.89-23.79-13.89%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M459.36%20165c-.11%200%202.89-15.49.32-42.47c-2.36-27-8-51.78-17.25-74.53c0%200-4.72.87-13.72%203.14S405%2058%20384.89%2067.18c-19.82%209.2-40.71%2021.44-62.46%2036.29c-14.79-4.23-36.86-6.39-66.43-6.39c-28.18%200-50.25%202.16-66.43%206.39Q117.9%2053.25%2069.46%2048q-13.81%2034.13-17.14%2074.75c-2.57%2027%20.43%2042.58.43%2042.58C26.71%20193.82%2016%20234.88%2016%20268.78c0%2026.22.75%2049.94%206.54%2071c6%2020.91%2013.6%2038%2022.6%2051.14A147.5%20147.5%200%200%200%2079%20425.43c13.39%2010.08%2025.71%2017.34%2036.86%2021.89c11.25%204.76%2024%208.23%2038.57%2010.72a279%20279%200%200%200%2032.68%204.34s30%201.62%2069%201.62s68.89-1.62%2068.89-1.62a285%20285%200%200%200%2032.68-4.38a179%20179%200%200%200%2038.46-10.72c11.15-4.66%2023.47-11.81%2037-21.89a145%20145%200%200%200%2033.75-34.55c9-13.11%2016.6-30.23%2022.6-51.14s6.51-44.81%206.51-71.03c0-32.82-10.71-74.42-36.64-103.67m-70.07%20253.07C359.39%20432.26%20315.46%20438%20257.18%20438h-2.25c-58.29%200-102.22-5.63-131.57-19.93s-44.25-43.45-44.25-87.43c0-26.32%209.21-47.66%2027.32-64c7.93-7%2017.57-11.92%2029.57-14.84s22.93-3%2033.21-2.71c10.08.43%2024.22%202.38%2042.11%203.79s31.39%203.25%2044.79%203.25c12.53%200%2029.14-2.17%2055.82-4.33s46.61-3.25%2059.46-1.09c13.18%202.17%2024.65%206.72%2034.4%2015.93q28.44%2025.67%2028.5%2064c-.11%2043.98-15.22%2073.24-45%2087.43%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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