dribbble icon
dribbble from Material Design Icons by Pictogrammers · Filled · Apache-2.0 Free for personal and commercial use.
- Name
- dribbble
- Set
- Material Design Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
dribbble-fillAkar Iconsdribbble-outlinedAnt Design IconsdribbbleBootstrap IconsdribbbleBoxicons BrandsdribbbleCoreUI BrandsdribbbleFont Awesome 6 BrandsdribbbleFont Awesome BrandsdribbbleFeather Iconsdribbble-solidFlowbite Iconsdribbblecss.ggdribbbleHuge IconsdribbbleIconoirdribbbleJam IconsdribbbleLine AwesomedribbbleSVG LogosdribbbleLucidedribbbleMage Iconsdribbble-fillMingCute IcondribbbleMyna UI Iconsdribbble-fillRemix IcondribbbleSimple Iconsdribbble-outlineTeenyiconsdribbbleUniconsdribbbleUnicons Monochrome
Related icons in Material Design Icons
Use the dribbble icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M16.42 18.42A57.5 57.5 0 0 0 15 13.17c.5-.07 1-.11 1.58-.11h.02c.93 0 1.95.12 3.06.37a7.788 7.788 0 0 1-3.24 4.99M12 19.8c-1.74 0-3.34-.57-4.64-1.54c.28-.45.87-1.32 1.82-2.22c.96-.93 2.32-1.89 4.05-2.46c.59 1.67 1.13 3.57 1.54 5.71c-.86.33-1.77.51-2.77.51M4.2 12v-.11c.22.01.51.01.85.01h.01c1.56-.01 4.3-.14 7.08-1.01c.15.33.3.67.45 1.03c-1.86.62-3.32 1.61-4.4 2.58c-1.03.96-1.74 1.89-2.15 2.5a7.704 7.704 0 0 1-1.84-5m4.35-7c.55.65 1.63 2.06 2.79 4.25c-2.34.71-4.73.87-6.16.87h-.13c-.24 0-.45 0-.62-.01C5 7.87 6.5 6 8.55 5M12 4.2c1.84 0 3.53.64 4.86 1.71C15.84 7.14 14.5 8 13.03 8.65C12 6.67 11 5.25 10.34 4.38c.54-.11 1.09-.18 1.66-.18m6.13 2.98a7.823 7.823 0 0 1 1.66 4.45a15.32 15.32 0 0 0-3.19-.35h-.01c-.8 0-1.55.07-2.26.19c-.17-.42-.33-.82-.52-1.21c1.58-.69 3.09-1.68 4.32-3.08M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function MdiDribbble(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M16.42 18.42A57.5 57.5 0 0 0 15 13.17c.5-.07 1-.11 1.58-.11h.02c.93 0 1.95.12 3.06.37a7.788 7.788 0 0 1-3.24 4.99M12 19.8c-1.74 0-3.34-.57-4.64-1.54c.28-.45.87-1.32 1.82-2.22c.96-.93 2.32-1.89 4.05-2.46c.59 1.67 1.13 3.57 1.54 5.71c-.86.33-1.77.51-2.77.51M4.2 12v-.11c.22.01.51.01.85.01h.01c1.56-.01 4.3-.14 7.08-1.01c.15.33.3.67.45 1.03c-1.86.62-3.32 1.61-4.4 2.58c-1.03.96-1.74 1.89-2.15 2.5a7.704 7.704 0 0 1-1.84-5m4.35-7c.55.65 1.63 2.06 2.79 4.25c-2.34.71-4.73.87-6.16.87h-.13c-.24 0-.45 0-.62-.01C5 7.87 6.5 6 8.55 5M12 4.2c1.84 0 3.53.64 4.86 1.71C15.84 7.14 14.5 8 13.03 8.65C12 6.67 11 5.25 10.34 4.38c.54-.11 1.09-.18 1.66-.18m6.13 2.98a7.823 7.823 0 0 1 1.66 4.45a15.32 15.32 0 0 0-3.19-.35h-.01c-.8 0-1.55.07-2.26.19c-.17-.42-.33-.82-.52-1.21c1.58-.69 3.09-1.68 4.32-3.08M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M16.42 18.42A57.5 57.5 0 0 0 15 13.17c.5-.07 1-.11 1.58-.11h.02c.93 0 1.95.12 3.06.37a7.788 7.788 0 0 1-3.24 4.99M12 19.8c-1.74 0-3.34-.57-4.64-1.54c.28-.45.87-1.32 1.82-2.22c.96-.93 2.32-1.89 4.05-2.46c.59 1.67 1.13 3.57 1.54 5.71c-.86.33-1.77.51-2.77.51M4.2 12v-.11c.22.01.51.01.85.01h.01c1.56-.01 4.3-.14 7.08-1.01c.15.33.3.67.45 1.03c-1.86.62-3.32 1.61-4.4 2.58c-1.03.96-1.74 1.89-2.15 2.5a7.704 7.704 0 0 1-1.84-5m4.35-7c.55.65 1.63 2.06 2.79 4.25c-2.34.71-4.73.87-6.16.87h-.13c-.24 0-.45 0-.62-.01C5 7.87 6.5 6 8.55 5M12 4.2c1.84 0 3.53.64 4.86 1.71C15.84 7.14 14.5 8 13.03 8.65C12 6.67 11 5.25 10.34 4.38c.54-.11 1.09-.18 1.66-.18m6.13 2.98a7.823 7.823 0 0 1 1.66 4.45a15.32 15.32 0 0 0-3.19-.35h-.01c-.8 0-1.55.07-2.26.19c-.17-.42-.33-.82-.52-1.21c1.58-.69 3.09-1.68 4.32-3.08M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2z" fill="currentColor"/></svg> </template>
CSS
.icon-dribbble {
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%2024%2024%22%3E%3Cpath%20d%3D%22M16.42%2018.42A57.5%2057.5%200%200%200%2015%2013.17c.5-.07%201-.11%201.58-.11h.02c.93%200%201.95.12%203.06.37a7.788%207.788%200%200%201-3.24%204.99M12%2019.8c-1.74%200-3.34-.57-4.64-1.54c.28-.45.87-1.32%201.82-2.22c.96-.93%202.32-1.89%204.05-2.46c.59%201.67%201.13%203.57%201.54%205.71c-.86.33-1.77.51-2.77.51M4.2%2012v-.11c.22.01.51.01.85.01h.01c1.56-.01%204.3-.14%207.08-1.01c.15.33.3.67.45%201.03c-1.86.62-3.32%201.61-4.4%202.58c-1.03.96-1.74%201.89-2.15%202.5a7.704%207.704%200%200%201-1.84-5m4.35-7c.55.65%201.63%202.06%202.79%204.25c-2.34.71-4.73.87-6.16.87h-.13c-.24%200-.45%200-.62-.01C5%207.87%206.5%206%208.55%205M12%204.2c1.84%200%203.53.64%204.86%201.71C15.84%207.14%2014.5%208%2013.03%208.65C12%206.67%2011%205.25%2010.34%204.38c.54-.11%201.09-.18%201.66-.18m6.13%202.98a7.823%207.823%200%200%201%201.66%204.45a15.32%2015.32%200%200%200-3.19-.35h-.01c-.8%200-1.55.07-2.26.19c-.17-.42-.33-.82-.52-1.21c1.58-.69%203.09-1.68%204.32-3.08M12%202A10%2010%200%200%200%202%2012a10%2010%200%200%200%2010%2010a10%2010%200%200%200%2010-10A10%2010%200%200%200%2012%202z%22%20fill%3D%22currentColor%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%2024%2024%22%3E%3Cpath%20d%3D%22M16.42%2018.42A57.5%2057.5%200%200%200%2015%2013.17c.5-.07%201-.11%201.58-.11h.02c.93%200%201.95.12%203.06.37a7.788%207.788%200%200%201-3.24%204.99M12%2019.8c-1.74%200-3.34-.57-4.64-1.54c.28-.45.87-1.32%201.82-2.22c.96-.93%202.32-1.89%204.05-2.46c.59%201.67%201.13%203.57%201.54%205.71c-.86.33-1.77.51-2.77.51M4.2%2012v-.11c.22.01.51.01.85.01h.01c1.56-.01%204.3-.14%207.08-1.01c.15.33.3.67.45%201.03c-1.86.62-3.32%201.61-4.4%202.58c-1.03.96-1.74%201.89-2.15%202.5a7.704%207.704%200%200%201-1.84-5m4.35-7c.55.65%201.63%202.06%202.79%204.25c-2.34.71-4.73.87-6.16.87h-.13c-.24%200-.45%200-.62-.01C5%207.87%206.5%206%208.55%205M12%204.2c1.84%200%203.53.64%204.86%201.71C15.84%207.14%2014.5%208%2013.03%208.65C12%206.67%2011%205.25%2010.34%204.38c.54-.11%201.09-.18%201.66-.18m6.13%202.98a7.823%207.823%200%200%201%201.66%204.45a15.32%2015.32%200%200%200-3.19-.35h-.01c-.8%200-1.55.07-2.26.19c-.17-.42-.33-.82-.52-1.21c1.58-.69%203.09-1.68%204.32-3.08M12%202A10%2010%200%200%200%202%2012a10%2010%200%200%200%2010%2010a10%2010%200%200%200%2010-10A10%2010%200%200%200%2012%202z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/dribbble.svg?color=%231a73e8&size=48
