dribbble icon
dribbble from Line Awesome by Icons8 · Line · Other · Apache-2.0 Free for personal and commercial use.
- Name
- dribbble
- Set
- Line Awesome
- Style
- Line
- Category
- Other
- Viewbox
- 32×32
- 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 IconsdribbbleSVG LogosdribbbleLucidedribbbleMage IconsdribbbleMaterial Design Iconsdribbble-fillMingCute IcondribbbleMyna UI Iconsdribbble-fillRemix IcondribbbleSimple Iconsdribbble-outlineTeenyiconsdribbbleUniconsdribbbleUnicons Monochrome
More other icons from Line Awesome
Use the dribbble icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 4C9.383 4 4 9.383 4 16s5.383 12 12 12s12-5.383 12-12S22.617 4 16 4m0 2c2.535 0 4.832.953 6.594 2.5a7 7 0 0 1-.844.969c-.855.828-2.223 1.824-4.313 2.594A48 48 0 0 0 13.72 6.25C14.449 6.082 15.215 6 16 6m-4.25.938a47 47 0 0 1 3.75 5.718c-4.066 1.078-7.797 1.215-9.281 1.219a9.98 9.98 0 0 1 5.531-6.938zm12.219 3.03A10 10 0 0 1 26 15.75c-.89-.2-2.203-.395-3.906-.406c-.887-.004-1.89.058-2.969.187c-.25-.57-.52-1.12-.781-1.656c2.242-.86 3.77-1.992 4.781-2.969c.344-.336.613-.644.844-.937zm-7.563 4.5c.23.466.465.942.688 1.438c-4.274 1.184-7.344 4.809-8.657 6.625A9.96 9.96 0 0 1 6 16v-.125c1.352.016 5.648-.078 10.406-1.406zm5.688 2.845c1.785 0 3.02.25 3.75.437a9.93 9.93 0 0 1-4.094 6.438a36 36 0 0 0-1.844-6.75c.79-.079 1.535-.125 2.188-.125m-4.219.468c.898 2.282 1.652 4.785 2.031 7.438A10.1 10.1 0 0 1 16 26a9.98 9.98 0 0 1-6.094-2.063c1.028-1.406 4.047-5.148 7.969-6.156"/></svg>
React
import type { SVGProps } from "react";
export function LaDribbble(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 4C9.383 4 4 9.383 4 16s5.383 12 12 12s12-5.383 12-12S22.617 4 16 4m0 2c2.535 0 4.832.953 6.594 2.5a7 7 0 0 1-.844.969c-.855.828-2.223 1.824-4.313 2.594A48 48 0 0 0 13.72 6.25C14.449 6.082 15.215 6 16 6m-4.25.938a47 47 0 0 1 3.75 5.718c-4.066 1.078-7.797 1.215-9.281 1.219a9.98 9.98 0 0 1 5.531-6.938zm12.219 3.03A10 10 0 0 1 26 15.75c-.89-.2-2.203-.395-3.906-.406c-.887-.004-1.89.058-2.969.187c-.25-.57-.52-1.12-.781-1.656c2.242-.86 3.77-1.992 4.781-2.969c.344-.336.613-.644.844-.937zm-7.563 4.5c.23.466.465.942.688 1.438c-4.274 1.184-7.344 4.809-8.657 6.625A9.96 9.96 0 0 1 6 16v-.125c1.352.016 5.648-.078 10.406-1.406zm5.688 2.845c1.785 0 3.02.25 3.75.437a9.93 9.93 0 0 1-4.094 6.438a36 36 0 0 0-1.844-6.75c.79-.079 1.535-.125 2.188-.125m-4.219.468c.898 2.282 1.652 4.785 2.031 7.438A10.1 10.1 0 0 1 16 26a9.98 9.98 0 0 1-6.094-2.063c1.028-1.406 4.047-5.148 7.969-6.156"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 4C9.383 4 4 9.383 4 16s5.383 12 12 12s12-5.383 12-12S22.617 4 16 4m0 2c2.535 0 4.832.953 6.594 2.5a7 7 0 0 1-.844.969c-.855.828-2.223 1.824-4.313 2.594A48 48 0 0 0 13.72 6.25C14.449 6.082 15.215 6 16 6m-4.25.938a47 47 0 0 1 3.75 5.718c-4.066 1.078-7.797 1.215-9.281 1.219a9.98 9.98 0 0 1 5.531-6.938zm12.219 3.03A10 10 0 0 1 26 15.75c-.89-.2-2.203-.395-3.906-.406c-.887-.004-1.89.058-2.969.187c-.25-.57-.52-1.12-.781-1.656c2.242-.86 3.77-1.992 4.781-2.969c.344-.336.613-.644.844-.937zm-7.563 4.5c.23.466.465.942.688 1.438c-4.274 1.184-7.344 4.809-8.657 6.625A9.96 9.96 0 0 1 6 16v-.125c1.352.016 5.648-.078 10.406-1.406zm5.688 2.845c1.785 0 3.02.25 3.75.437a9.93 9.93 0 0 1-4.094 6.438a36 36 0 0 0-1.844-6.75c.79-.079 1.535-.125 2.188-.125m-4.219.468c.898 2.282 1.652 4.785 2.031 7.438A10.1 10.1 0 0 1 16 26a9.98 9.98 0 0 1-6.094-2.063c1.028-1.406 4.047-5.148 7.969-6.156"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%204C9.383%204%204%209.383%204%2016s5.383%2012%2012%2012s12-5.383%2012-12S22.617%204%2016%204m0%202c2.535%200%204.832.953%206.594%202.5a7%207%200%200%201-.844.969c-.855.828-2.223%201.824-4.313%202.594A48%2048%200%200%200%2013.72%206.25C14.449%206.082%2015.215%206%2016%206m-4.25.938a47%2047%200%200%201%203.75%205.718c-4.066%201.078-7.797%201.215-9.281%201.219a9.98%209.98%200%200%201%205.531-6.938zm12.219%203.03A10%2010%200%200%201%2026%2015.75c-.89-.2-2.203-.395-3.906-.406c-.887-.004-1.89.058-2.969.187c-.25-.57-.52-1.12-.781-1.656c2.242-.86%203.77-1.992%204.781-2.969c.344-.336.613-.644.844-.937zm-7.563%204.5c.23.466.465.942.688%201.438c-4.274%201.184-7.344%204.809-8.657%206.625A9.96%209.96%200%200%201%206%2016v-.125c1.352.016%205.648-.078%2010.406-1.406zm5.688%202.845c1.785%200%203.02.25%203.75.437a9.93%209.93%200%200%201-4.094%206.438a36%2036%200%200%200-1.844-6.75c.79-.079%201.535-.125%202.188-.125m-4.219.468c.898%202.282%201.652%204.785%202.031%207.438A10.1%2010.1%200%200%201%2016%2026a9.98%209.98%200%200%201-6.094-2.063c1.028-1.406%204.047-5.148%207.969-6.156%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%204C9.383%204%204%209.383%204%2016s5.383%2012%2012%2012s12-5.383%2012-12S22.617%204%2016%204m0%202c2.535%200%204.832.953%206.594%202.5a7%207%200%200%201-.844.969c-.855.828-2.223%201.824-4.313%202.594A48%2048%200%200%200%2013.72%206.25C14.449%206.082%2015.215%206%2016%206m-4.25.938a47%2047%200%200%201%203.75%205.718c-4.066%201.078-7.797%201.215-9.281%201.219a9.98%209.98%200%200%201%205.531-6.938zm12.219%203.03A10%2010%200%200%201%2026%2015.75c-.89-.2-2.203-.395-3.906-.406c-.887-.004-1.89.058-2.969.187c-.25-.57-.52-1.12-.781-1.656c2.242-.86%203.77-1.992%204.781-2.969c.344-.336.613-.644.844-.937zm-7.563%204.5c.23.466.465.942.688%201.438c-4.274%201.184-7.344%204.809-8.657%206.625A9.96%209.96%200%200%201%206%2016v-.125c1.352.016%205.648-.078%2010.406-1.406zm5.688%202.845c1.785%200%203.02.25%203.75.437a9.93%209.93%200%200%201-4.094%206.438a36%2036%200%200%200-1.844-6.75c.79-.079%201.535-.125%202.188-.125m-4.219.468c.898%202.282%201.652%204.785%202.031%207.438A10.1%2010.1%200%200%201%2016%2026a9.98%209.98%200%200%201-6.094-2.063c1.028-1.406%204.047-5.148%207.969-6.156%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/dribbble.svg?color=%231a73e8&size=48
