dribbble icon
dribbble-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- dribbble-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
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 IconsdribbbleMaterial Design IconsdribbbleMyna UI Iconsdribbble-fillRemix IcondribbbleSimple Iconsdribbble-outlineTeenyiconsdribbbleUniconsdribbbleUnicons Monochrome
Use the dribbble icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.774 14.441a32.8 32.8 0 0 1 1.535 6.995A10 10 0 0 1 12 22a9.95 9.95 0 0 1-5.566-1.692a12.03 12.03 0 0 1 7.34-5.867M17 14c1.619 0 3.161.322 4.57.903a10.02 10.02 0 0 1-4.355 5.63a35 35 0 0 0-1.46-6.47Q16.37 14 17 14m-4.858-3.516q.5 1.02.93 2.076a14.03 14.03 0 0 0-8.203 6.449a9.97 9.97 0 0 1-2.826-7.923a19.1 19.1 0 0 0 10.099-.602m7.575-4.845a9.96 9.96 0 0 1 2.24 7.264A14 14 0 0 0 17 12q-.99.001-1.941.134a35 35 0 0 0-1.056-2.4a19 19 0 0 0 5.714-4.095M7.262 3.19a33 33 0 0 1 3.93 5.5a17.06 17.06 0 0 1-8.77.43a10.03 10.03 0 0 1 4.84-5.93M12 2c2.387 0 4.578.837 6.297 2.232a17 17 0 0 1-5.22 3.728a35 35 0 0 0-3.86-5.565A10 10 0 0 1 12 2"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteDribbbleFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.774 14.441a32.8 32.8 0 0 1 1.535 6.995A10 10 0 0 1 12 22a9.95 9.95 0 0 1-5.566-1.692a12.03 12.03 0 0 1 7.34-5.867M17 14c1.619 0 3.161.322 4.57.903a10.02 10.02 0 0 1-4.355 5.63a35 35 0 0 0-1.46-6.47Q16.37 14 17 14m-4.858-3.516q.5 1.02.93 2.076a14.03 14.03 0 0 0-8.203 6.449a9.97 9.97 0 0 1-2.826-7.923a19.1 19.1 0 0 0 10.099-.602m7.575-4.845a9.96 9.96 0 0 1 2.24 7.264A14 14 0 0 0 17 12q-.99.001-1.941.134a35 35 0 0 0-1.056-2.4a19 19 0 0 0 5.714-4.095M7.262 3.19a33 33 0 0 1 3.93 5.5a17.06 17.06 0 0 1-8.77.43a10.03 10.03 0 0 1 4.84-5.93M12 2c2.387 0 4.578.837 6.297 2.232a17 17 0 0 1-5.22 3.728a35 35 0 0 0-3.86-5.565A10 10 0 0 1 12 2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.774 14.441a32.8 32.8 0 0 1 1.535 6.995A10 10 0 0 1 12 22a9.95 9.95 0 0 1-5.566-1.692a12.03 12.03 0 0 1 7.34-5.867M17 14c1.619 0 3.161.322 4.57.903a10.02 10.02 0 0 1-4.355 5.63a35 35 0 0 0-1.46-6.47Q16.37 14 17 14m-4.858-3.516q.5 1.02.93 2.076a14.03 14.03 0 0 0-8.203 6.449a9.97 9.97 0 0 1-2.826-7.923a19.1 19.1 0 0 0 10.099-.602m7.575-4.845a9.96 9.96 0 0 1 2.24 7.264A14 14 0 0 0 17 12q-.99.001-1.941.134a35 35 0 0 0-1.056-2.4a19 19 0 0 0 5.714-4.095M7.262 3.19a33 33 0 0 1 3.93 5.5a17.06 17.06 0 0 1-8.77.43a10.03 10.03 0 0 1 4.84-5.93M12 2c2.387 0 4.578.837 6.297 2.232a17 17 0 0 1-5.22 3.728a35 35 0 0 0-3.86-5.565A10 10 0 0 1 12 2"/></svg> </template>
CSS
.icon-dribbble-fill {
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%20fill%3D%22currentColor%22%20d%3D%22M13.774%2014.441a32.8%2032.8%200%200%201%201.535%206.995A10%2010%200%200%201%2012%2022a9.95%209.95%200%200%201-5.566-1.692a12.03%2012.03%200%200%201%207.34-5.867M17%2014c1.619%200%203.161.322%204.57.903a10.02%2010.02%200%200%201-4.355%205.63a35%2035%200%200%200-1.46-6.47Q16.37%2014%2017%2014m-4.858-3.516q.5%201.02.93%202.076a14.03%2014.03%200%200%200-8.203%206.449a9.97%209.97%200%200%201-2.826-7.923a19.1%2019.1%200%200%200%2010.099-.602m7.575-4.845a9.96%209.96%200%200%201%202.24%207.264A14%2014%200%200%200%2017%2012q-.99.001-1.941.134a35%2035%200%200%200-1.056-2.4a19%2019%200%200%200%205.714-4.095M7.262%203.19a33%2033%200%200%201%203.93%205.5a17.06%2017.06%200%200%201-8.77.43a10.03%2010.03%200%200%201%204.84-5.93M12%202c2.387%200%204.578.837%206.297%202.232a17%2017%200%200%201-5.22%203.728a35%2035%200%200%200-3.86-5.565A10%2010%200%200%201%2012%202%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%20fill%3D%22currentColor%22%20d%3D%22M13.774%2014.441a32.8%2032.8%200%200%201%201.535%206.995A10%2010%200%200%201%2012%2022a9.95%209.95%200%200%201-5.566-1.692a12.03%2012.03%200%200%201%207.34-5.867M17%2014c1.619%200%203.161.322%204.57.903a10.02%2010.02%200%200%201-4.355%205.63a35%2035%200%200%200-1.46-6.47Q16.37%2014%2017%2014m-4.858-3.516q.5%201.02.93%202.076a14.03%2014.03%200%200%200-8.203%206.449a9.97%209.97%200%200%201-2.826-7.923a19.1%2019.1%200%200%200%2010.099-.602m7.575-4.845a9.96%209.96%200%200%201%202.24%207.264A14%2014%200%200%200%2017%2012q-.99.001-1.941.134a35%2035%200%200%200-1.056-2.4a19%2019%200%200%200%205.714-4.095M7.262%203.19a33%2033%200%200%201%203.93%205.5a17.06%2017.06%200%200%201-8.77.43a10.03%2010.03%200%200%201%204.84-5.93M12%202c2.387%200%204.578.837%206.297%202.232a17%2017%200%200%201-5.22%203.728a35%2035%200%200%200-3.86-5.565A10%2010%200%200%201%2012%202%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/dribbble-fill.svg?color=%231a73e8&size=48
