dribbble icon
dribbble-solid from Flowbite Icons by Themesberg · Solid · Brands · MIT Free for personal and commercial use.
- Name
- dribbble-solid
- Set
- Flowbite Icons
- Style
- Solid
- Category
- Brands
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
dribbble-fillAkar Iconsdribbble-outlinedAnt Design IconsdribbbleBootstrap IconsdribbbleBoxicons BrandsdribbbleCoreUI BrandsdribbbleFont Awesome 6 BrandsdribbbleFont Awesome BrandsdribbbleFeather Iconsdribbblecss.ggdribbbleHuge IconsdribbbleIconoirdribbbleJam IconsdribbbleLine AwesomedribbbleSVG LogosdribbbleLucidedribbbleMage IconsdribbbleMaterial Design Iconsdribbble-fillMingCute IcondribbbleMyna UI Iconsdribbble-fillRemix IcondribbbleSimple Iconsdribbble-outlineTeenyiconsdribbbleUniconsdribbbleUnicons Monochrome
More brands icons from Flowbite Icons
apple-solidaws-solidbitcoin-solidcss-soliddiscord-soliddropbox-solidfacebook-solidflowbite-solidgithub-solidgitlab-solidgoogle-solidhtml-solidinstagram-solidlaravel-solidlinkedin-solidmastercard-solidmongo-db-solidnpm-solidreact-solidreddit-solidstackoverflow-solidtailwind-solidtwitter-solidvisa-solid
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" fill-rule="evenodd" d="M12 2a10 10 0 1 0 10 10A10.01 10.01 0 0 0 12 2m6.613 4.614a8.52 8.52 0 0 1 1.93 5.32a20.1 20.1 0 0 0-5.949-.274c-.059-.149-.122-.292-.184-.441a24 24 0 0 0-.566-1.239a11.4 11.4 0 0 0 4.769-3.366M10 3.707a8.8 8.8 0 0 1 2-.238a8.5 8.5 0 0 1 5.664 2.152a9.6 9.6 0 0 1-4.476 3.087A46 46 0 0 0 10 3.707m-6.358 6.555a8.57 8.57 0 0 1 4.73-5.981a54 54 0 0 1 3.168 4.941a32 32 0 0 1-7.9 1.04zm2.01 7.46a8.5 8.5 0 0 1-2.2-5.707v-.262a31.6 31.6 0 0 0 8.777-1.219c.243.477.477.964.692 1.449q-.172.05-.336.1a13.57 13.57 0 0 0-6.942 5.636zM12 20.556a8.5 8.5 0 0 1-5.243-1.8a11.72 11.72 0 0 1 6.7-5.332l.055-.02a35.7 35.7 0 0 1 1.819 6.476a8.5 8.5 0 0 1-3.331.676m4.772-1.462A37 37 0 0 0 15.113 13a12.5 12.5 0 0 1 5.321.364a8.56 8.56 0 0 1-3.66 5.73z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function FlowbiteDribbbleSolid(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" fillRule="evenodd" d="M12 2a10 10 0 1 0 10 10A10.01 10.01 0 0 0 12 2m6.613 4.614a8.52 8.52 0 0 1 1.93 5.32a20.1 20.1 0 0 0-5.949-.274c-.059-.149-.122-.292-.184-.441a24 24 0 0 0-.566-1.239a11.4 11.4 0 0 0 4.769-3.366M10 3.707a8.8 8.8 0 0 1 2-.238a8.5 8.5 0 0 1 5.664 2.152a9.6 9.6 0 0 1-4.476 3.087A46 46 0 0 0 10 3.707m-6.358 6.555a8.57 8.57 0 0 1 4.73-5.981a54 54 0 0 1 3.168 4.941a32 32 0 0 1-7.9 1.04zm2.01 7.46a8.5 8.5 0 0 1-2.2-5.707v-.262a31.6 31.6 0 0 0 8.777-1.219c.243.477.477.964.692 1.449q-.172.05-.336.1a13.57 13.57 0 0 0-6.942 5.636zM12 20.556a8.5 8.5 0 0 1-5.243-1.8a11.72 11.72 0 0 1 6.7-5.332l.055-.02a35.7 35.7 0 0 1 1.819 6.476a8.5 8.5 0 0 1-3.331.676m4.772-1.462A37 37 0 0 0 15.113 13a12.5 12.5 0 0 1 5.321.364a8.56 8.56 0 0 1-3.66 5.73z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 2a10 10 0 1 0 10 10A10.01 10.01 0 0 0 12 2m6.613 4.614a8.52 8.52 0 0 1 1.93 5.32a20.1 20.1 0 0 0-5.949-.274c-.059-.149-.122-.292-.184-.441a24 24 0 0 0-.566-1.239a11.4 11.4 0 0 0 4.769-3.366M10 3.707a8.8 8.8 0 0 1 2-.238a8.5 8.5 0 0 1 5.664 2.152a9.6 9.6 0 0 1-4.476 3.087A46 46 0 0 0 10 3.707m-6.358 6.555a8.57 8.57 0 0 1 4.73-5.981a54 54 0 0 1 3.168 4.941a32 32 0 0 1-7.9 1.04zm2.01 7.46a8.5 8.5 0 0 1-2.2-5.707v-.262a31.6 31.6 0 0 0 8.777-1.219c.243.477.477.964.692 1.449q-.172.05-.336.1a13.57 13.57 0 0 0-6.942 5.636zM12 20.556a8.5 8.5 0 0 1-5.243-1.8a11.72 11.72 0 0 1 6.7-5.332l.055-.02a35.7 35.7 0 0 1 1.819 6.476a8.5 8.5 0 0 1-3.331.676m4.772-1.462A37 37 0 0 0 15.113 13a12.5 12.5 0 0 1 5.321.364a8.56 8.56 0 0 1-3.66 5.73z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-dribbble-solid {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M12%202a10%2010%200%201%200%2010%2010A10.01%2010.01%200%200%200%2012%202m6.613%204.614a8.52%208.52%200%200%201%201.93%205.32a20.1%2020.1%200%200%200-5.949-.274c-.059-.149-.122-.292-.184-.441a24%2024%200%200%200-.566-1.239a11.4%2011.4%200%200%200%204.769-3.366M10%203.707a8.8%208.8%200%200%201%202-.238a8.5%208.5%200%200%201%205.664%202.152a9.6%209.6%200%200%201-4.476%203.087A46%2046%200%200%200%2010%203.707m-6.358%206.555a8.57%208.57%200%200%201%204.73-5.981a54%2054%200%200%201%203.168%204.941a32%2032%200%200%201-7.9%201.04zm2.01%207.46a8.5%208.5%200%200%201-2.2-5.707v-.262a31.6%2031.6%200%200%200%208.777-1.219c.243.477.477.964.692%201.449q-.172.05-.336.1a13.57%2013.57%200%200%200-6.942%205.636zM12%2020.556a8.5%208.5%200%200%201-5.243-1.8a11.72%2011.72%200%200%201%206.7-5.332l.055-.02a35.7%2035.7%200%200%201%201.819%206.476a8.5%208.5%200%200%201-3.331.676m4.772-1.462A37%2037%200%200%200%2015.113%2013a12.5%2012.5%200%200%201%205.321.364a8.56%208.56%200%200%201-3.66%205.73z%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M12%202a10%2010%200%201%200%2010%2010A10.01%2010.01%200%200%200%2012%202m6.613%204.614a8.52%208.52%200%200%201%201.93%205.32a20.1%2020.1%200%200%200-5.949-.274c-.059-.149-.122-.292-.184-.441a24%2024%200%200%200-.566-1.239a11.4%2011.4%200%200%200%204.769-3.366M10%203.707a8.8%208.8%200%200%201%202-.238a8.5%208.5%200%200%201%205.664%202.152a9.6%209.6%200%200%201-4.476%203.087A46%2046%200%200%200%2010%203.707m-6.358%206.555a8.57%208.57%200%200%201%204.73-5.981a54%2054%200%200%201%203.168%204.941a32%2032%200%200%201-7.9%201.04zm2.01%207.46a8.5%208.5%200%200%201-2.2-5.707v-.262a31.6%2031.6%200%200%200%208.777-1.219c.243.477.477.964.692%201.449q-.172.05-.336.1a13.57%2013.57%200%200%200-6.942%205.636zM12%2020.556a8.5%208.5%200%200%201-5.243-1.8a11.72%2011.72%200%200%201%206.7-5.332l.055-.02a35.7%2035.7%200%200%201%201.819%206.476a8.5%208.5%200%200%201-3.331.676m4.772-1.462A37%2037%200%200%200%2015.113%2013a12.5%2012.5%200%200%201%205.321.364a8.56%208.56%200%200%201-3.66%205.73z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/flowbite/dribbble-solid.svg?color=%231a73e8&size=48
