dribbble icon
dribbble-solid from Teenyicons by smhmd · Solid · MIT Free for personal and commercial use.
- Name
- dribbble-solid
- Set
- Teenyicons
- Style
- Solid
- Viewbox
- 15×15
- License
- MIT
1 other variant in Teenyicons
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 Iconsdribbble-fillMingCute IcondribbbleMyna UI Iconsdribbble-fillRemix IcondribbbleSimple IconsdribbbleUniconsdribbbleUnicons Monochrome
Use the dribbble icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M4.044.842A7.5 7.5 0 0 0 .092 6.32h.435c2.805-.065 5.004-.308 6.8-.858c-.78-1.383-1.732-2.74-2.874-4.12l-.001-.001zM.002 7.32L0 7.5c0 2.017.796 3.848 2.091 5.196l.161-.324l.03-.052C3.94 9.798 5.816 8.298 7.914 7.625q.213-.069.43-.126a22 22 0 0 0-.537-1.14c-1.965.633-4.327.893-7.263.96H.003"/><path fill="currentColor" d="M2.86 13.393A7.47 7.47 0 0 0 7.5 15c.893 0 1.75-.156 2.543-.442v-.72c-.244-1.935-.673-3.71-1.318-5.404q-.255.063-.506.143c-1.822.585-3.525 1.903-5.085 4.268zm8.183.719a7.51 7.51 0 0 0 3.802-5.086l-.565-.255c-1.626-.478-3.141-.674-4.553-.515c.638 1.72 1.067 3.526 1.312 5.488q.004.03.004.062zm3.941-6.12Q15 7.748 15 7.5a7.47 7.47 0 0 0-1.82-4.898l-.298.329c-1.17 1.423-2.506 2.41-4.13 3.082q.318.635.593 1.284c1.672-.24 3.43-.014 5.251.525l.065.024zm-2.508-6.104A7.47 7.47 0 0 0 7.5 0c-.878 0-1.72.15-2.503.428l.228.278c1.22 1.473 2.232 2.929 3.058 4.418c1.543-.623 2.766-1.534 3.834-2.837l.015-.018z"/></svg>
React
import type { SVGProps } from "react";
export function TeenyiconsDribbbleSolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M4.044.842A7.5 7.5 0 0 0 .092 6.32h.435c2.805-.065 5.004-.308 6.8-.858c-.78-1.383-1.732-2.74-2.874-4.12l-.001-.001zM.002 7.32L0 7.5c0 2.017.796 3.848 2.091 5.196l.161-.324l.03-.052C3.94 9.798 5.816 8.298 7.914 7.625q.213-.069.43-.126a22 22 0 0 0-.537-1.14c-1.965.633-4.327.893-7.263.96H.003"/><path fill="currentColor" d="M2.86 13.393A7.47 7.47 0 0 0 7.5 15c.893 0 1.75-.156 2.543-.442v-.72c-.244-1.935-.673-3.71-1.318-5.404q-.255.063-.506.143c-1.822.585-3.525 1.903-5.085 4.268zm8.183.719a7.51 7.51 0 0 0 3.802-5.086l-.565-.255c-1.626-.478-3.141-.674-4.553-.515c.638 1.72 1.067 3.526 1.312 5.488q.004.03.004.062zm3.941-6.12Q15 7.748 15 7.5a7.47 7.47 0 0 0-1.82-4.898l-.298.329c-1.17 1.423-2.506 2.41-4.13 3.082q.318.635.593 1.284c1.672-.24 3.43-.014 5.251.525l.065.024zm-2.508-6.104A7.47 7.47 0 0 0 7.5 0c-.878 0-1.72.15-2.503.428l.228.278c1.22 1.473 2.232 2.929 3.058 4.418c1.543-.623 2.766-1.534 3.834-2.837l.015-.018z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M4.044.842A7.5 7.5 0 0 0 .092 6.32h.435c2.805-.065 5.004-.308 6.8-.858c-.78-1.383-1.732-2.74-2.874-4.12l-.001-.001zM.002 7.32L0 7.5c0 2.017.796 3.848 2.091 5.196l.161-.324l.03-.052C3.94 9.798 5.816 8.298 7.914 7.625q.213-.069.43-.126a22 22 0 0 0-.537-1.14c-1.965.633-4.327.893-7.263.96H.003"/><path fill="currentColor" d="M2.86 13.393A7.47 7.47 0 0 0 7.5 15c.893 0 1.75-.156 2.543-.442v-.72c-.244-1.935-.673-3.71-1.318-5.404q-.255.063-.506.143c-1.822.585-3.525 1.903-5.085 4.268zm8.183.719a7.51 7.51 0 0 0 3.802-5.086l-.565-.255c-1.626-.478-3.141-.674-4.553-.515c.638 1.72 1.067 3.526 1.312 5.488q.004.03.004.062zm3.941-6.12Q15 7.748 15 7.5a7.47 7.47 0 0 0-1.82-4.898l-.298.329c-1.17 1.423-2.506 2.41-4.13 3.082q.318.635.593 1.284c1.672-.24 3.43-.014 5.251.525l.065.024zm-2.508-6.104A7.47 7.47 0 0 0 7.5 0c-.878 0-1.72.15-2.503.428l.228.278c1.22 1.473 2.232 2.929 3.058 4.418c1.543-.623 2.766-1.534 3.834-2.837l.015-.018z"/></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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.044.842A7.5%207.5%200%200%200%20.092%206.32h.435c2.805-.065%205.004-.308%206.8-.858c-.78-1.383-1.732-2.74-2.874-4.12l-.001-.001zM.002%207.32L0%207.5c0%202.017.796%203.848%202.091%205.196l.161-.324l.03-.052C3.94%209.798%205.816%208.298%207.914%207.625q.213-.069.43-.126a22%2022%200%200%200-.537-1.14c-1.965.633-4.327.893-7.263.96H.003%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.86%2013.393A7.47%207.47%200%200%200%207.5%2015c.893%200%201.75-.156%202.543-.442v-.72c-.244-1.935-.673-3.71-1.318-5.404q-.255.063-.506.143c-1.822.585-3.525%201.903-5.085%204.268zm8.183.719a7.51%207.51%200%200%200%203.802-5.086l-.565-.255c-1.626-.478-3.141-.674-4.553-.515c.638%201.72%201.067%203.526%201.312%205.488q.004.03.004.062zm3.941-6.12Q15%207.748%2015%207.5a7.47%207.47%200%200%200-1.82-4.898l-.298.329c-1.17%201.423-2.506%202.41-4.13%203.082q.318.635.593%201.284c1.672-.24%203.43-.014%205.251.525l.065.024zm-2.508-6.104A7.47%207.47%200%200%200%207.5%200c-.878%200-1.72.15-2.503.428l.228.278c1.22%201.473%202.232%202.929%203.058%204.418c1.543-.623%202.766-1.534%203.834-2.837l.015-.018z%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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.044.842A7.5%207.5%200%200%200%20.092%206.32h.435c2.805-.065%205.004-.308%206.8-.858c-.78-1.383-1.732-2.74-2.874-4.12l-.001-.001zM.002%207.32L0%207.5c0%202.017.796%203.848%202.091%205.196l.161-.324l.03-.052C3.94%209.798%205.816%208.298%207.914%207.625q.213-.069.43-.126a22%2022%200%200%200-.537-1.14c-1.965.633-4.327.893-7.263.96H.003%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.86%2013.393A7.47%207.47%200%200%200%207.5%2015c.893%200%201.75-.156%202.543-.442v-.72c-.244-1.935-.673-3.71-1.318-5.404q-.255.063-.506.143c-1.822.585-3.525%201.903-5.085%204.268zm8.183.719a7.51%207.51%200%200%200%203.802-5.086l-.565-.255c-1.626-.478-3.141-.674-4.553-.515c.638%201.72%201.067%203.526%201.312%205.488q.004.03.004.062zm3.941-6.12Q15%207.748%2015%207.5a7.47%207.47%200%200%200-1.82-4.898l-.298.329c-1.17%201.423-2.506%202.41-4.13%203.082q.318.635.593%201.284c1.672-.24%203.43-.014%205.251.525l.065.024zm-2.508-6.104A7.47%207.47%200%200%200%207.5%200c-.878%200-1.72.15-2.503.428l.228.278c1.22%201.473%202.232%202.929%203.058%204.418c1.543-.623%202.766-1.534%203.834-2.837l.015-.018z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/teenyicons/dribbble-solid.svg?color=%231a73e8&size=48
