dribbble icon logo

dribbble-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
dribbble-icon
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the dribbble icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#e74d89" d="M128 8.5c66 0 119.4 53.4 119.4 119.3S194 247.2 128 247.2S8.6 193.8 8.6 127.9S62 8.5 128 8.5"/><path fill="#b2215a" d="M128 255.7c-70.6 0-128-57.3-128-127.8C0 57.3 57.4 0 128 0s128 57.3 128 127.8s-57.4 127.9-128 127.9m107.9-110.4c-3.7-1.2-33.8-10.1-68.1-4.7c14.3 39.2 20.1 71.2 21.2 77.8c24.6-16.5 42.1-42.7 46.9-73.1m-65.2 83.2c-1.6-9.6-8-43-23.3-82.8c-.2.1-.5.2-.7.2c-61.7 21.5-83.8 64.2-85.8 68.2c18.5 14.4 41.8 23 67.1 23c15.1.1 29.6-3 42.7-8.6M46.8 201c2.5-4.2 32.5-53.8 88.9-72.1c1.4-.5 2.9-.9 4.3-1.3c-2.7-6.2-5.7-12.4-8.9-18.5c-54.6 16.3-107.6 15.6-112.4 15.5c0 1.1-.1 2.2-.1 3.3c.1 28.1 10.7 53.7 28.2 73.1M21 105.6c4.9.1 49.9.3 101.1-13.3C104 60.1 84.4 33.1 81.6 29.2C50.9 43.6 28.1 71.8 21 105.6m81.4-83.8c3 4 22.9 31 40.8 63.9c38.9-14.6 55.3-36.6 57.3-39.4c-19.3-17.1-44.7-27.5-72.5-27.5c-8.8 0-17.4 1.1-25.6 3m110.2 37.1c-2.3 3.1-20.6 26.6-61 43.1c2.5 5.2 5 10.5 7.3 15.8c.8 1.9 1.6 3.8 2.4 5.6c36.4-4.6 72.5 2.8 76.1 3.5c-.3-25.7-9.5-49.4-24.8-68"/></svg>

React

import type { SVGProps } from "react";

export function LogosDribbbleIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#e74d89" d="M128 8.5c66 0 119.4 53.4 119.4 119.3S194 247.2 128 247.2S8.6 193.8 8.6 127.9S62 8.5 128 8.5"/><path fill="#b2215a" d="M128 255.7c-70.6 0-128-57.3-128-127.8C0 57.3 57.4 0 128 0s128 57.3 128 127.8s-57.4 127.9-128 127.9m107.9-110.4c-3.7-1.2-33.8-10.1-68.1-4.7c14.3 39.2 20.1 71.2 21.2 77.8c24.6-16.5 42.1-42.7 46.9-73.1m-65.2 83.2c-1.6-9.6-8-43-23.3-82.8c-.2.1-.5.2-.7.2c-61.7 21.5-83.8 64.2-85.8 68.2c18.5 14.4 41.8 23 67.1 23c15.1.1 29.6-3 42.7-8.6M46.8 201c2.5-4.2 32.5-53.8 88.9-72.1c1.4-.5 2.9-.9 4.3-1.3c-2.7-6.2-5.7-12.4-8.9-18.5c-54.6 16.3-107.6 15.6-112.4 15.5c0 1.1-.1 2.2-.1 3.3c.1 28.1 10.7 53.7 28.2 73.1M21 105.6c4.9.1 49.9.3 101.1-13.3C104 60.1 84.4 33.1 81.6 29.2C50.9 43.6 28.1 71.8 21 105.6m81.4-83.8c3 4 22.9 31 40.8 63.9c38.9-14.6 55.3-36.6 57.3-39.4c-19.3-17.1-44.7-27.5-72.5-27.5c-8.8 0-17.4 1.1-25.6 3m110.2 37.1c-2.3 3.1-20.6 26.6-61 43.1c2.5 5.2 5 10.5 7.3 15.8c.8 1.9 1.6 3.8 2.4 5.6c36.4-4.6 72.5 2.8 76.1 3.5c-.3-25.7-9.5-49.4-24.8-68"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#e74d89" d="M128 8.5c66 0 119.4 53.4 119.4 119.3S194 247.2 128 247.2S8.6 193.8 8.6 127.9S62 8.5 128 8.5"/><path fill="#b2215a" d="M128 255.7c-70.6 0-128-57.3-128-127.8C0 57.3 57.4 0 128 0s128 57.3 128 127.8s-57.4 127.9-128 127.9m107.9-110.4c-3.7-1.2-33.8-10.1-68.1-4.7c14.3 39.2 20.1 71.2 21.2 77.8c24.6-16.5 42.1-42.7 46.9-73.1m-65.2 83.2c-1.6-9.6-8-43-23.3-82.8c-.2.1-.5.2-.7.2c-61.7 21.5-83.8 64.2-85.8 68.2c18.5 14.4 41.8 23 67.1 23c15.1.1 29.6-3 42.7-8.6M46.8 201c2.5-4.2 32.5-53.8 88.9-72.1c1.4-.5 2.9-.9 4.3-1.3c-2.7-6.2-5.7-12.4-8.9-18.5c-54.6 16.3-107.6 15.6-112.4 15.5c0 1.1-.1 2.2-.1 3.3c.1 28.1 10.7 53.7 28.2 73.1M21 105.6c4.9.1 49.9.3 101.1-13.3C104 60.1 84.4 33.1 81.6 29.2C50.9 43.6 28.1 71.8 21 105.6m81.4-83.8c3 4 22.9 31 40.8 63.9c38.9-14.6 55.3-36.6 57.3-39.4c-19.3-17.1-44.7-27.5-72.5-27.5c-8.8 0-17.4 1.1-25.6 3m110.2 37.1c-2.3 3.1-20.6 26.6-61 43.1c2.5 5.2 5 10.5 7.3 15.8c.8 1.9 1.6 3.8 2.4 5.6c36.4-4.6 72.5 2.8 76.1 3.5c-.3-25.7-9.5-49.4-24.8-68"/></svg>
</template>

CSS

.icon-dribbble-icon {
  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%22%23e74d89%22%20d%3D%22M128%208.5c66%200%20119.4%2053.4%20119.4%20119.3S194%20247.2%20128%20247.2S8.6%20193.8%208.6%20127.9S62%208.5%20128%208.5%22%2F%3E%3Cpath%20fill%3D%22%23b2215a%22%20d%3D%22M128%20255.7c-70.6%200-128-57.3-128-127.8C0%2057.3%2057.4%200%20128%200s128%2057.3%20128%20127.8s-57.4%20127.9-128%20127.9m107.9-110.4c-3.7-1.2-33.8-10.1-68.1-4.7c14.3%2039.2%2020.1%2071.2%2021.2%2077.8c24.6-16.5%2042.1-42.7%2046.9-73.1m-65.2%2083.2c-1.6-9.6-8-43-23.3-82.8c-.2.1-.5.2-.7.2c-61.7%2021.5-83.8%2064.2-85.8%2068.2c18.5%2014.4%2041.8%2023%2067.1%2023c15.1.1%2029.6-3%2042.7-8.6M46.8%20201c2.5-4.2%2032.5-53.8%2088.9-72.1c1.4-.5%202.9-.9%204.3-1.3c-2.7-6.2-5.7-12.4-8.9-18.5c-54.6%2016.3-107.6%2015.6-112.4%2015.5c0%201.1-.1%202.2-.1%203.3c.1%2028.1%2010.7%2053.7%2028.2%2073.1M21%20105.6c4.9.1%2049.9.3%20101.1-13.3C104%2060.1%2084.4%2033.1%2081.6%2029.2C50.9%2043.6%2028.1%2071.8%2021%20105.6m81.4-83.8c3%204%2022.9%2031%2040.8%2063.9c38.9-14.6%2055.3-36.6%2057.3-39.4c-19.3-17.1-44.7-27.5-72.5-27.5c-8.8%200-17.4%201.1-25.6%203m110.2%2037.1c-2.3%203.1-20.6%2026.6-61%2043.1c2.5%205.2%205%2010.5%207.3%2015.8c.8%201.9%201.6%203.8%202.4%205.6c36.4-4.6%2072.5%202.8%2076.1%203.5c-.3-25.7-9.5-49.4-24.8-68%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%22%23e74d89%22%20d%3D%22M128%208.5c66%200%20119.4%2053.4%20119.4%20119.3S194%20247.2%20128%20247.2S8.6%20193.8%208.6%20127.9S62%208.5%20128%208.5%22%2F%3E%3Cpath%20fill%3D%22%23b2215a%22%20d%3D%22M128%20255.7c-70.6%200-128-57.3-128-127.8C0%2057.3%2057.4%200%20128%200s128%2057.3%20128%20127.8s-57.4%20127.9-128%20127.9m107.9-110.4c-3.7-1.2-33.8-10.1-68.1-4.7c14.3%2039.2%2020.1%2071.2%2021.2%2077.8c24.6-16.5%2042.1-42.7%2046.9-73.1m-65.2%2083.2c-1.6-9.6-8-43-23.3-82.8c-.2.1-.5.2-.7.2c-61.7%2021.5-83.8%2064.2-85.8%2068.2c18.5%2014.4%2041.8%2023%2067.1%2023c15.1.1%2029.6-3%2042.7-8.6M46.8%20201c2.5-4.2%2032.5-53.8%2088.9-72.1c1.4-.5%202.9-.9%204.3-1.3c-2.7-6.2-5.7-12.4-8.9-18.5c-54.6%2016.3-107.6%2015.6-112.4%2015.5c0%201.1-.1%202.2-.1%203.3c.1%2028.1%2010.7%2053.7%2028.2%2073.1M21%20105.6c4.9.1%2049.9.3%20101.1-13.3C104%2060.1%2084.4%2033.1%2081.6%2029.2C50.9%2043.6%2028.1%2071.8%2021%20105.6m81.4-83.8c3%204%2022.9%2031%2040.8%2063.9c38.9-14.6%2055.3-36.6%2057.3-39.4c-19.3-17.1-44.7-27.5-72.5-27.5c-8.8%200-17.4%201.1-25.6%203m110.2%2037.1c-2.3%203.1-20.6%2026.6-61%2043.1c2.5%205.2%205%2010.5%207.3%2015.8c.8%201.9%201.6%203.8%202.4%205.6c36.4-4.6%2072.5%202.8%2076.1%203.5c-.3-25.7-9.5-49.4-24.8-68%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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