dribbble logo
dribbble from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- dribbble
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
dribbble-fillAkar Iconsdribbble-outlinedAnt Design IconsdribbbleBootstrap IconsdribbbleBoxicons BrandsdribbbleFont Awesome 6 BrandsdribbbleFont Awesome BrandsdribbbleFeather Iconsdribbble-solidFlowbite Iconsdribbblecss.ggdribbbleHuge IconsdribbbleIconoirdribbbleJam IconsdribbbleLine AwesomedribbbleSVG LogosdribbbleLucidedribbbleMage IconsdribbbleMaterial Design Iconsdribbble-fillMingCute IcondribbbleMyna UI Iconsdribbble-fillRemix IcondribbbleSimple Iconsdribbble-outlineTeenyiconsdribbbleUniconsdribbbleUnicons Monochrome
Use the dribbble logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 32C7.183 32 0 24.817 0 16S7.183 0 16 0s16 7.183 16 16s-7.183 16-16 16m13.495-13.812c-.468-.147-4.229-1.271-8.516-.584c1.787 4.912 2.516 8.912 2.657 9.745a13.7 13.7 0 0 0 5.859-9.161m-8.156 10.411c-.203-1.197-1-5.375-2.917-10.359l-.088.025c-7.719 2.688-10.479 8.037-10.719 8.537A13.55 13.55 0 0 0 16 29.687c1.891 0 3.693-.385 5.333-1.084zm-15.49-3.438c.307-.536 4.057-6.74 11.109-9.021c.177-.061.359-.113.536-.161a44 44 0 0 0-1.109-2.317c-6.823 2.036-13.443 1.953-14.041 1.937l-.005.417c0 3.511 1.328 6.719 3.511 9.14zM2.62 13.219c.615.011 6.244.036 12.635-1.661a88 88 0 0 0-5.067-7.907a13.72 13.72 0 0 0-7.568 9.563zM12.803 2.735c.375.511 2.859 3.885 5.093 8c4.859-1.817 6.921-4.584 7.167-4.932A13.57 13.57 0 0 0 16 2.355a13.4 13.4 0 0 0-3.197.38M26.579 7.38c-.287.385-2.579 3.323-7.631 5.385c.317.656.625 1.313.907 1.984c.109.24.197.48.291.704c4.548-.573 9.068.349 9.521.443a13.54 13.54 0 0 0-3.079-8.511z"/></svg>
React
import type { SVGProps } from "react";
export function CibDribbble(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 32C7.183 32 0 24.817 0 16S7.183 0 16 0s16 7.183 16 16s-7.183 16-16 16m13.495-13.812c-.468-.147-4.229-1.271-8.516-.584c1.787 4.912 2.516 8.912 2.657 9.745a13.7 13.7 0 0 0 5.859-9.161m-8.156 10.411c-.203-1.197-1-5.375-2.917-10.359l-.088.025c-7.719 2.688-10.479 8.037-10.719 8.537A13.55 13.55 0 0 0 16 29.687c1.891 0 3.693-.385 5.333-1.084zm-15.49-3.438c.307-.536 4.057-6.74 11.109-9.021c.177-.061.359-.113.536-.161a44 44 0 0 0-1.109-2.317c-6.823 2.036-13.443 1.953-14.041 1.937l-.005.417c0 3.511 1.328 6.719 3.511 9.14zM2.62 13.219c.615.011 6.244.036 12.635-1.661a88 88 0 0 0-5.067-7.907a13.72 13.72 0 0 0-7.568 9.563zM12.803 2.735c.375.511 2.859 3.885 5.093 8c4.859-1.817 6.921-4.584 7.167-4.932A13.57 13.57 0 0 0 16 2.355a13.4 13.4 0 0 0-3.197.38M26.579 7.38c-.287.385-2.579 3.323-7.631 5.385c.317.656.625 1.313.907 1.984c.109.24.197.48.291.704c4.548-.573 9.068.349 9.521.443a13.54 13.54 0 0 0-3.079-8.511z"/></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 32C7.183 32 0 24.817 0 16S7.183 0 16 0s16 7.183 16 16s-7.183 16-16 16m13.495-13.812c-.468-.147-4.229-1.271-8.516-.584c1.787 4.912 2.516 8.912 2.657 9.745a13.7 13.7 0 0 0 5.859-9.161m-8.156 10.411c-.203-1.197-1-5.375-2.917-10.359l-.088.025c-7.719 2.688-10.479 8.037-10.719 8.537A13.55 13.55 0 0 0 16 29.687c1.891 0 3.693-.385 5.333-1.084zm-15.49-3.438c.307-.536 4.057-6.74 11.109-9.021c.177-.061.359-.113.536-.161a44 44 0 0 0-1.109-2.317c-6.823 2.036-13.443 1.953-14.041 1.937l-.005.417c0 3.511 1.328 6.719 3.511 9.14zM2.62 13.219c.615.011 6.244.036 12.635-1.661a88 88 0 0 0-5.067-7.907a13.72 13.72 0 0 0-7.568 9.563zM12.803 2.735c.375.511 2.859 3.885 5.093 8c4.859-1.817 6.921-4.584 7.167-4.932A13.57 13.57 0 0 0 16 2.355a13.4 13.4 0 0 0-3.197.38M26.579 7.38c-.287.385-2.579 3.323-7.631 5.385c.317.656.625 1.313.907 1.984c.109.24.197.48.291.704c4.548-.573 9.068.349 9.521.443a13.54 13.54 0 0 0-3.079-8.511z"/></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%2032C7.183%2032%200%2024.817%200%2016S7.183%200%2016%200s16%207.183%2016%2016s-7.183%2016-16%2016m13.495-13.812c-.468-.147-4.229-1.271-8.516-.584c1.787%204.912%202.516%208.912%202.657%209.745a13.7%2013.7%200%200%200%205.859-9.161m-8.156%2010.411c-.203-1.197-1-5.375-2.917-10.359l-.088.025c-7.719%202.688-10.479%208.037-10.719%208.537A13.55%2013.55%200%200%200%2016%2029.687c1.891%200%203.693-.385%205.333-1.084zm-15.49-3.438c.307-.536%204.057-6.74%2011.109-9.021c.177-.061.359-.113.536-.161a44%2044%200%200%200-1.109-2.317c-6.823%202.036-13.443%201.953-14.041%201.937l-.005.417c0%203.511%201.328%206.719%203.511%209.14zM2.62%2013.219c.615.011%206.244.036%2012.635-1.661a88%2088%200%200%200-5.067-7.907a13.72%2013.72%200%200%200-7.568%209.563zM12.803%202.735c.375.511%202.859%203.885%205.093%208c4.859-1.817%206.921-4.584%207.167-4.932A13.57%2013.57%200%200%200%2016%202.355a13.4%2013.4%200%200%200-3.197.38M26.579%207.38c-.287.385-2.579%203.323-7.631%205.385c.317.656.625%201.313.907%201.984c.109.24.197.48.291.704c4.548-.573%209.068.349%209.521.443a13.54%2013.54%200%200%200-3.079-8.511z%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%2032C7.183%2032%200%2024.817%200%2016S7.183%200%2016%200s16%207.183%2016%2016s-7.183%2016-16%2016m13.495-13.812c-.468-.147-4.229-1.271-8.516-.584c1.787%204.912%202.516%208.912%202.657%209.745a13.7%2013.7%200%200%200%205.859-9.161m-8.156%2010.411c-.203-1.197-1-5.375-2.917-10.359l-.088.025c-7.719%202.688-10.479%208.037-10.719%208.537A13.55%2013.55%200%200%200%2016%2029.687c1.891%200%203.693-.385%205.333-1.084zm-15.49-3.438c.307-.536%204.057-6.74%2011.109-9.021c.177-.061.359-.113.536-.161a44%2044%200%200%200-1.109-2.317c-6.823%202.036-13.443%201.953-14.041%201.937l-.005.417c0%203.511%201.328%206.719%203.511%209.14zM2.62%2013.219c.615.011%206.244.036%2012.635-1.661a88%2088%200%200%200-5.067-7.907a13.72%2013.72%200%200%200-7.568%209.563zM12.803%202.735c.375.511%202.859%203.885%205.093%208c4.859-1.817%206.921-4.584%207.167-4.932A13.57%2013.57%200%200%200%2016%202.355a13.4%2013.4%200%200%200-3.197.38M26.579%207.38c-.287.385-2.579%203.323-7.631%205.385c.317.656.625%201.313.907%201.984c.109.24.197.48.291.704c4.548-.573%209.068.349%209.521.443a13.54%2013.54%200%200%200-3.079-8.511z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/dribbble.svg?color=%231a73e8&size=48
