dribbble icon

dribbble-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.

Name
dribbble-outlined
Set
Ant Design Icons
Style
Outlined
Viewbox
1024×1024
License
MIT
Aliases
dribbble, dribbble-outline

The same icon in other sets

dribbble-fillAkar IconsdribbbleBootstrap IconsdribbbleBoxicons BrandsdribbbleCoreUI BrandsdribbbleFont Awesome 6 BrandsdribbbleFont Awesome BrandsdribbbleFeather Iconsdribbble-solidFlowbite Iconsdribbblecss.ggdribbbleHuge IconsdribbbleIconoirdribbbleJam IconsdribbbleLine AwesomedribbbleSVG LogosdribbbleLucidedribbbleMage IconsdribbbleMaterial Design Iconsdribbble-fillMingCute IcondribbbleMyna UI Iconsdribbble-fillRemix IcondribbbleSimple Iconsdribbble-outlineTeenyiconsdribbbleUniconsdribbbleUnicons Monochrome

Related icons in Ant Design Icons

dribbble-circle-filleddribbble-square-filled

Use the dribbble icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 96C282.6 96 96 282.6 96 512s186.6 416 416 416s416-186.6 416-416S741.4 96 512 96m275.1 191.8c49.5 60.5 79.5 137.5 80.2 221.4c-11.7-2.5-129.2-26.3-247.4-11.4c-2.5-6.1-5-12.2-7.6-18.3c-7.4-17.3-15.3-34.6-23.6-51.5C720 374.3 779.6 298 787.1 287.8M512 157.2c90.3 0 172.8 33.9 235.5 89.5c-6.4 9.1-59.9 81-186.2 128.4c-58.2-107-122.7-194.8-132.6-208c27.3-6.6 55.2-9.9 83.3-9.9M360.9 191c9.4 12.8 72.9 100.9 131.7 205.5C326.4 440.6 180 440 164.1 439.8c23.1-110.3 97.4-201.9 196.8-248.8M156.7 512.5c0-3.6.1-7.3.2-10.9c15.5.3 187.7 2.5 365.2-50.6c10.2 19.9 19.9 40.1 28.8 60.3c-4.7 1.3-9.4 2.7-14 4.2C353.6 574.9 256.1 736.4 248 750.1c-56.7-63-91.3-146.3-91.3-237.6M512 867.8c-82.2 0-157.9-28-218.1-75c6.4-13.1 78.3-152 278.7-221.9l2.3-.8c49.9 129.6 70.5 238.3 75.8 269.5A350.5 350.5 0 0 1 512 867.8m198.5-60.7c-3.6-21.6-22.5-125.6-69-253.3C752.9 536 850.7 565.2 862.8 569c-15.8 98.8-72.5 184.2-152.3 238.1"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignDribbbleOutlined(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 96C282.6 96 96 282.6 96 512s186.6 416 416 416s416-186.6 416-416S741.4 96 512 96m275.1 191.8c49.5 60.5 79.5 137.5 80.2 221.4c-11.7-2.5-129.2-26.3-247.4-11.4c-2.5-6.1-5-12.2-7.6-18.3c-7.4-17.3-15.3-34.6-23.6-51.5C720 374.3 779.6 298 787.1 287.8M512 157.2c90.3 0 172.8 33.9 235.5 89.5c-6.4 9.1-59.9 81-186.2 128.4c-58.2-107-122.7-194.8-132.6-208c27.3-6.6 55.2-9.9 83.3-9.9M360.9 191c9.4 12.8 72.9 100.9 131.7 205.5C326.4 440.6 180 440 164.1 439.8c23.1-110.3 97.4-201.9 196.8-248.8M156.7 512.5c0-3.6.1-7.3.2-10.9c15.5.3 187.7 2.5 365.2-50.6c10.2 19.9 19.9 40.1 28.8 60.3c-4.7 1.3-9.4 2.7-14 4.2C353.6 574.9 256.1 736.4 248 750.1c-56.7-63-91.3-146.3-91.3-237.6M512 867.8c-82.2 0-157.9-28-218.1-75c6.4-13.1 78.3-152 278.7-221.9l2.3-.8c49.9 129.6 70.5 238.3 75.8 269.5A350.5 350.5 0 0 1 512 867.8m198.5-60.7c-3.6-21.6-22.5-125.6-69-253.3C752.9 536 850.7 565.2 862.8 569c-15.8 98.8-72.5 184.2-152.3 238.1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 96C282.6 96 96 282.6 96 512s186.6 416 416 416s416-186.6 416-416S741.4 96 512 96m275.1 191.8c49.5 60.5 79.5 137.5 80.2 221.4c-11.7-2.5-129.2-26.3-247.4-11.4c-2.5-6.1-5-12.2-7.6-18.3c-7.4-17.3-15.3-34.6-23.6-51.5C720 374.3 779.6 298 787.1 287.8M512 157.2c90.3 0 172.8 33.9 235.5 89.5c-6.4 9.1-59.9 81-186.2 128.4c-58.2-107-122.7-194.8-132.6-208c27.3-6.6 55.2-9.9 83.3-9.9M360.9 191c9.4 12.8 72.9 100.9 131.7 205.5C326.4 440.6 180 440 164.1 439.8c23.1-110.3 97.4-201.9 196.8-248.8M156.7 512.5c0-3.6.1-7.3.2-10.9c15.5.3 187.7 2.5 365.2-50.6c10.2 19.9 19.9 40.1 28.8 60.3c-4.7 1.3-9.4 2.7-14 4.2C353.6 574.9 256.1 736.4 248 750.1c-56.7-63-91.3-146.3-91.3-237.6M512 867.8c-82.2 0-157.9-28-218.1-75c6.4-13.1 78.3-152 278.7-221.9l2.3-.8c49.9 129.6 70.5 238.3 75.8 269.5A350.5 350.5 0 0 1 512 867.8m198.5-60.7c-3.6-21.6-22.5-125.6-69-253.3C752.9 536 850.7 565.2 862.8 569c-15.8 98.8-72.5 184.2-152.3 238.1"/></svg>
</template>

CSS

.icon-dribbble-outlined {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M512%2096C282.6%2096%2096%20282.6%2096%20512s186.6%20416%20416%20416s416-186.6%20416-416S741.4%2096%20512%2096m275.1%20191.8c49.5%2060.5%2079.5%20137.5%2080.2%20221.4c-11.7-2.5-129.2-26.3-247.4-11.4c-2.5-6.1-5-12.2-7.6-18.3c-7.4-17.3-15.3-34.6-23.6-51.5C720%20374.3%20779.6%20298%20787.1%20287.8M512%20157.2c90.3%200%20172.8%2033.9%20235.5%2089.5c-6.4%209.1-59.9%2081-186.2%20128.4c-58.2-107-122.7-194.8-132.6-208c27.3-6.6%2055.2-9.9%2083.3-9.9M360.9%20191c9.4%2012.8%2072.9%20100.9%20131.7%20205.5C326.4%20440.6%20180%20440%20164.1%20439.8c23.1-110.3%2097.4-201.9%20196.8-248.8M156.7%20512.5c0-3.6.1-7.3.2-10.9c15.5.3%20187.7%202.5%20365.2-50.6c10.2%2019.9%2019.9%2040.1%2028.8%2060.3c-4.7%201.3-9.4%202.7-14%204.2C353.6%20574.9%20256.1%20736.4%20248%20750.1c-56.7-63-91.3-146.3-91.3-237.6M512%20867.8c-82.2%200-157.9-28-218.1-75c6.4-13.1%2078.3-152%20278.7-221.9l2.3-.8c49.9%20129.6%2070.5%20238.3%2075.8%20269.5A350.5%20350.5%200%200%201%20512%20867.8m198.5-60.7c-3.6-21.6-22.5-125.6-69-253.3C752.9%20536%20850.7%20565.2%20862.8%20569c-15.8%2098.8-72.5%20184.2-152.3%20238.1%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M512%2096C282.6%2096%2096%20282.6%2096%20512s186.6%20416%20416%20416s416-186.6%20416-416S741.4%2096%20512%2096m275.1%20191.8c49.5%2060.5%2079.5%20137.5%2080.2%20221.4c-11.7-2.5-129.2-26.3-247.4-11.4c-2.5-6.1-5-12.2-7.6-18.3c-7.4-17.3-15.3-34.6-23.6-51.5C720%20374.3%20779.6%20298%20787.1%20287.8M512%20157.2c90.3%200%20172.8%2033.9%20235.5%2089.5c-6.4%209.1-59.9%2081-186.2%20128.4c-58.2-107-122.7-194.8-132.6-208c27.3-6.6%2055.2-9.9%2083.3-9.9M360.9%20191c9.4%2012.8%2072.9%20100.9%20131.7%20205.5C326.4%20440.6%20180%20440%20164.1%20439.8c23.1-110.3%2097.4-201.9%20196.8-248.8M156.7%20512.5c0-3.6.1-7.3.2-10.9c15.5.3%20187.7%202.5%20365.2-50.6c10.2%2019.9%2019.9%2040.1%2028.8%2060.3c-4.7%201.3-9.4%202.7-14%204.2C353.6%20574.9%20256.1%20736.4%20248%20750.1c-56.7-63-91.3-146.3-91.3-237.6M512%20867.8c-82.2%200-157.9-28-218.1-75c6.4-13.1%2078.3-152%20278.7-221.9l2.3-.8c49.9%20129.6%2070.5%20238.3%2075.8%20269.5A350.5%20350.5%200%200%201%20512%20867.8m198.5-60.7c-3.6-21.6-22.5-125.6-69-253.3C752.9%20536%20850.7%20565.2%20862.8%20569c-15.8%2098.8-72.5%20184.2-152.3%20238.1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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