dribbble logo icon

5 other variants in Phosphor

Use the dribbble logo icon

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 20a108 108 0 1 0 108 108A108.12 108.12 0 0 0 128 20m83.13 96h-3.12a172.6 172.6 0 0 0-41.39 5.06A171 171 0 0 0 156 97.39a172.3 172.3 0 0 0 32.9-27.15A83.7 83.7 0 0 1 211.13 116M170 55.3a148.5 148.5 0 0 1-27 21.88a173.3 173.3 0 0 0-30.58-31.71A83.52 83.52 0 0 1 170 55.3m-84.46.27a149.2 149.2 0 0 1 35.9 32.87A147.7 147.7 0 0 1 64 100c-5 0-10-.26-14.94-.75a84.5 84.5 0 0 1 36.47-43.68ZM44 128c0-1.73.07-3.44.17-5.14A175 175 0 0 0 64 124a171.8 171.8 0 0 0 70.84-15.22a146 146 0 0 1 8.92 19.65a171 171 0 0 0-21.52 10.44a173 173 0 0 0-53.68 48.44A83.77 83.77 0 0 1 44 128m43.77 73.72a149 149 0 0 1 46.46-42.06a147 147 0 0 1 16-7.94a148.5 148.5 0 0 1 2.67 28a148.7 148.7 0 0 1-2.9 29.34a83.8 83.8 0 0 1-62.22-7.34Zm88.29-4.89c.56-5.68.86-11.4.86-17.14a172.6 172.6 0 0 0-3.72-35.54A149 149 0 0 1 208 140h3.11a84.07 84.07 0 0 1-35.05 56.83"/></svg>

import type { SVGProps } from "react";

export function PhDribbbleLogoBold(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 20a108 108 0 1 0 108 108A108.12 108.12 0 0 0 128 20m83.13 96h-3.12a172.6 172.6 0 0 0-41.39 5.06A171 171 0 0 0 156 97.39a172.3 172.3 0 0 0 32.9-27.15A83.7 83.7 0 0 1 211.13 116M170 55.3a148.5 148.5 0 0 1-27 21.88a173.3 173.3 0 0 0-30.58-31.71A83.52 83.52 0 0 1 170 55.3m-84.46.27a149.2 149.2 0 0 1 35.9 32.87A147.7 147.7 0 0 1 64 100c-5 0-10-.26-14.94-.75a84.5 84.5 0 0 1 36.47-43.68ZM44 128c0-1.73.07-3.44.17-5.14A175 175 0 0 0 64 124a171.8 171.8 0 0 0 70.84-15.22a146 146 0 0 1 8.92 19.65a171 171 0 0 0-21.52 10.44a173 173 0 0 0-53.68 48.44A83.77 83.77 0 0 1 44 128m43.77 73.72a149 149 0 0 1 46.46-42.06a147 147 0 0 1 16-7.94a148.5 148.5 0 0 1 2.67 28a148.7 148.7 0 0 1-2.9 29.34a83.8 83.8 0 0 1-62.22-7.34Zm88.29-4.89c.56-5.68.86-11.4.86-17.14a172.6 172.6 0 0 0-3.72-35.54A149 149 0 0 1 208 140h3.11a84.07 84.07 0 0 1-35.05 56.83"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 20a108 108 0 1 0 108 108A108.12 108.12 0 0 0 128 20m83.13 96h-3.12a172.6 172.6 0 0 0-41.39 5.06A171 171 0 0 0 156 97.39a172.3 172.3 0 0 0 32.9-27.15A83.7 83.7 0 0 1 211.13 116M170 55.3a148.5 148.5 0 0 1-27 21.88a173.3 173.3 0 0 0-30.58-31.71A83.52 83.52 0 0 1 170 55.3m-84.46.27a149.2 149.2 0 0 1 35.9 32.87A147.7 147.7 0 0 1 64 100c-5 0-10-.26-14.94-.75a84.5 84.5 0 0 1 36.47-43.68ZM44 128c0-1.73.07-3.44.17-5.14A175 175 0 0 0 64 124a171.8 171.8 0 0 0 70.84-15.22a146 146 0 0 1 8.92 19.65a171 171 0 0 0-21.52 10.44a173 173 0 0 0-53.68 48.44A83.77 83.77 0 0 1 44 128m43.77 73.72a149 149 0 0 1 46.46-42.06a147 147 0 0 1 16-7.94a148.5 148.5 0 0 1 2.67 28a148.7 148.7 0 0 1-2.9 29.34a83.8 83.8 0 0 1-62.22-7.34Zm88.29-4.89c.56-5.68.86-11.4.86-17.14a172.6 172.6 0 0 0-3.72-35.54A149 149 0 0 1 208 140h3.11a84.07 84.07 0 0 1-35.05 56.83"/></svg>
</template>

.icon-dribbble-logo-bold {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%2020a108%20108%200%201%200%20108%20108A108.12%20108.12%200%200%200%20128%2020m83.13%2096h-3.12a172.6%20172.6%200%200%200-41.39%205.06A171%20171%200%200%200%20156%2097.39a172.3%20172.3%200%200%200%2032.9-27.15A83.7%2083.7%200%200%201%20211.13%20116M170%2055.3a148.5%20148.5%200%200%201-27%2021.88a173.3%20173.3%200%200%200-30.58-31.71A83.52%2083.52%200%200%201%20170%2055.3m-84.46.27a149.2%20149.2%200%200%201%2035.9%2032.87A147.7%20147.7%200%200%201%2064%20100c-5%200-10-.26-14.94-.75a84.5%2084.5%200%200%201%2036.47-43.68ZM44%20128c0-1.73.07-3.44.17-5.14A175%20175%200%200%200%2064%20124a171.8%20171.8%200%200%200%2070.84-15.22a146%20146%200%200%201%208.92%2019.65a171%20171%200%200%200-21.52%2010.44a173%20173%200%200%200-53.68%2048.44A83.77%2083.77%200%200%201%2044%20128m43.77%2073.72a149%20149%200%200%201%2046.46-42.06a147%20147%200%200%201%2016-7.94a148.5%20148.5%200%200%201%202.67%2028a148.7%20148.7%200%200%201-2.9%2029.34a83.8%2083.8%200%200%201-62.22-7.34Zm88.29-4.89c.56-5.68.86-11.4.86-17.14a172.6%20172.6%200%200%200-3.72-35.54A149%20149%200%200%201%20208%20140h3.11a84.07%2084.07%200%200%201-35.05%2056.83%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%2020a108%20108%200%201%200%20108%20108A108.12%20108.12%200%200%200%20128%2020m83.13%2096h-3.12a172.6%20172.6%200%200%200-41.39%205.06A171%20171%200%200%200%20156%2097.39a172.3%20172.3%200%200%200%2032.9-27.15A83.7%2083.7%200%200%201%20211.13%20116M170%2055.3a148.5%20148.5%200%200%201-27%2021.88a173.3%20173.3%200%200%200-30.58-31.71A83.52%2083.52%200%200%201%20170%2055.3m-84.46.27a149.2%20149.2%200%200%201%2035.9%2032.87A147.7%20147.7%200%200%201%2064%20100c-5%200-10-.26-14.94-.75a84.5%2084.5%200%200%201%2036.47-43.68ZM44%20128c0-1.73.07-3.44.17-5.14A175%20175%200%200%200%2064%20124a171.8%20171.8%200%200%200%2070.84-15.22a146%20146%200%200%201%208.92%2019.65a171%20171%200%200%200-21.52%2010.44a173%20173%200%200%200-53.68%2048.44A83.77%2083.77%200%200%201%2044%20128m43.77%2073.72a149%20149%200%200%201%2046.46-42.06a147%20147%200%200%201%2016-7.94a148.5%20148.5%200%200%201%202.67%2028a148.7%20148.7%200%200%201-2.9%2029.34a83.8%2083.8%200%200%201-62.22-7.34Zm88.29-4.89c.56-5.68.86-11.4.86-17.14a172.6%20172.6%200%200%200-3.72-35.54A149%20149%200%200%201%20208%20140h3.11a84.07%2084.07%200%200%201-35.05%2056.83%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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