dribble icon
dribble from IconPark by ByteDance · Color · Brand · Apache-2.0 Free for personal and commercial use.
- Name
- dribble
- Set
- IconPark
- Style
- Color
- Category
- Brand
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More brand icons from IconPark
Use the dribble icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M44 24C44 29.5386 41.7486 34.5513 38.1112 38.173C34.4943 41.7742 29.5071 44 24 44C12.9543 44 4 35.0457 4 24C4 18.6615 6.09159 13.8116 9.5 10.225C13.1439 6.39055 18.2928 4 24 4C29.5071 4 34.4943 6.22583 38.1112 9.82695C41.7486 13.4487 44 18.4614 44 24Z"/><path stroke="#fff" d="M44.0003 24C41.0819 24 33.0315 22.8993 25.8268 26.0632C18.0003 29.5002 12.3327 34.8315 9.86328 38.1472"/><path stroke="#fff" d="M16.5 5.4538C19.6304 8.34269 26.4603 15.6985 29 23C31.5397 30.3015 32.4809 39.2791 33.0606 41.8347"/><path stroke="#fff" d="M4.1543 21.5C7.93207 21.7277 17.9329 21.9332 24.3329 19.1999C30.7329 16.4666 36.2402 11.4396 38.1291 9.84521"/><path stroke="#000" d="M5.5 31.613C7.26166 35.8893 10.4628 39.4207 14.5 41.604"/><path stroke="#000" d="M4 24.0001C4 18.6617 6.09159 13.8117 9.5 10.2251"/><path stroke="#000" d="M24 4C18.2928 4 13.1439 6.39055 9.5 10.225"/><path stroke="#000" d="M32 5.66406C34.2933 6.66606 36.3624 8.0857 38.1112 9.82684C41.7486 13.4485 44 18.4613 44 23.9999C44 26.4625 43.5549 28.8212 42.7408 30.9999"/><path stroke="#000" d="M24 44C29.5071 44 34.4943 41.7742 38.1112 38.1731"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkDribble(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4"><path fill="#2F88FF" stroke="#000" d="M44 24C44 29.5386 41.7486 34.5513 38.1112 38.173C34.4943 41.7742 29.5071 44 24 44C12.9543 44 4 35.0457 4 24C4 18.6615 6.09159 13.8116 9.5 10.225C13.1439 6.39055 18.2928 4 24 4C29.5071 4 34.4943 6.22583 38.1112 9.82695C41.7486 13.4487 44 18.4614 44 24Z"/><path stroke="#fff" d="M44.0003 24C41.0819 24 33.0315 22.8993 25.8268 26.0632C18.0003 29.5002 12.3327 34.8315 9.86328 38.1472"/><path stroke="#fff" d="M16.5 5.4538C19.6304 8.34269 26.4603 15.6985 29 23C31.5397 30.3015 32.4809 39.2791 33.0606 41.8347"/><path stroke="#fff" d="M4.1543 21.5C7.93207 21.7277 17.9329 21.9332 24.3329 19.1999C30.7329 16.4666 36.2402 11.4396 38.1291 9.84521"/><path stroke="#000" d="M5.5 31.613C7.26166 35.8893 10.4628 39.4207 14.5 41.604"/><path stroke="#000" d="M4 24.0001C4 18.6617 6.09159 13.8117 9.5 10.2251"/><path stroke="#000" d="M24 4C18.2928 4 13.1439 6.39055 9.5 10.225"/><path stroke="#000" d="M32 5.66406C34.2933 6.66606 36.3624 8.0857 38.1112 9.82684C41.7486 13.4485 44 18.4613 44 23.9999C44 26.4625 43.5549 28.8212 42.7408 30.9999"/><path stroke="#000" d="M24 44C29.5071 44 34.4943 41.7742 38.1112 38.1731"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M44 24C44 29.5386 41.7486 34.5513 38.1112 38.173C34.4943 41.7742 29.5071 44 24 44C12.9543 44 4 35.0457 4 24C4 18.6615 6.09159 13.8116 9.5 10.225C13.1439 6.39055 18.2928 4 24 4C29.5071 4 34.4943 6.22583 38.1112 9.82695C41.7486 13.4487 44 18.4614 44 24Z"/><path stroke="#fff" d="M44.0003 24C41.0819 24 33.0315 22.8993 25.8268 26.0632C18.0003 29.5002 12.3327 34.8315 9.86328 38.1472"/><path stroke="#fff" d="M16.5 5.4538C19.6304 8.34269 26.4603 15.6985 29 23C31.5397 30.3015 32.4809 39.2791 33.0606 41.8347"/><path stroke="#fff" d="M4.1543 21.5C7.93207 21.7277 17.9329 21.9332 24.3329 19.1999C30.7329 16.4666 36.2402 11.4396 38.1291 9.84521"/><path stroke="#000" d="M5.5 31.613C7.26166 35.8893 10.4628 39.4207 14.5 41.604"/><path stroke="#000" d="M4 24.0001C4 18.6617 6.09159 13.8117 9.5 10.2251"/><path stroke="#000" d="M24 4C18.2928 4 13.1439 6.39055 9.5 10.225"/><path stroke="#000" d="M32 5.66406C34.2933 6.66606 36.3624 8.0857 38.1112 9.82684C41.7486 13.4485 44 18.4613 44 23.9999C44 26.4625 43.5549 28.8212 42.7408 30.9999"/><path stroke="#000" d="M24 44C29.5071 44 34.4943 41.7742 38.1112 38.1731"/></g></svg> </template>
CSS
.icon-dribble {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20d%3D%22M44%2024C44%2029.5386%2041.7486%2034.5513%2038.1112%2038.173C34.4943%2041.7742%2029.5071%2044%2024%2044C12.9543%2044%204%2035.0457%204%2024C4%2018.6615%206.09159%2013.8116%209.5%2010.225C13.1439%206.39055%2018.2928%204%2024%204C29.5071%204%2034.4943%206.22583%2038.1112%209.82695C41.7486%2013.4487%2044%2018.4614%2044%2024Z%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22M44.0003%2024C41.0819%2024%2033.0315%2022.8993%2025.8268%2026.0632C18.0003%2029.5002%2012.3327%2034.8315%209.86328%2038.1472%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22M16.5%205.4538C19.6304%208.34269%2026.4603%2015.6985%2029%2023C31.5397%2030.3015%2032.4809%2039.2791%2033.0606%2041.8347%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22M4.1543%2021.5C7.93207%2021.7277%2017.9329%2021.9332%2024.3329%2019.1999C30.7329%2016.4666%2036.2402%2011.4396%2038.1291%209.84521%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M5.5%2031.613C7.26166%2035.8893%2010.4628%2039.4207%2014.5%2041.604%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M4%2024.0001C4%2018.6617%206.09159%2013.8117%209.5%2010.2251%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M24%204C18.2928%204%2013.1439%206.39055%209.5%2010.225%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M32%205.66406C34.2933%206.66606%2036.3624%208.0857%2038.1112%209.82684C41.7486%2013.4485%2044%2018.4613%2044%2023.9999C44%2026.4625%2043.5549%2028.8212%2042.7408%2030.9999%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M24%2044C29.5071%2044%2034.4943%2041.7742%2038.1112%2038.1731%22%2F%3E%3C%2Fg%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20d%3D%22M44%2024C44%2029.5386%2041.7486%2034.5513%2038.1112%2038.173C34.4943%2041.7742%2029.5071%2044%2024%2044C12.9543%2044%204%2035.0457%204%2024C4%2018.6615%206.09159%2013.8116%209.5%2010.225C13.1439%206.39055%2018.2928%204%2024%204C29.5071%204%2034.4943%206.22583%2038.1112%209.82695C41.7486%2013.4487%2044%2018.4614%2044%2024Z%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22M44.0003%2024C41.0819%2024%2033.0315%2022.8993%2025.8268%2026.0632C18.0003%2029.5002%2012.3327%2034.8315%209.86328%2038.1472%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22M16.5%205.4538C19.6304%208.34269%2026.4603%2015.6985%2029%2023C31.5397%2030.3015%2032.4809%2039.2791%2033.0606%2041.8347%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22M4.1543%2021.5C7.93207%2021.7277%2017.9329%2021.9332%2024.3329%2019.1999C30.7329%2016.4666%2036.2402%2011.4396%2038.1291%209.84521%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M5.5%2031.613C7.26166%2035.8893%2010.4628%2039.4207%2014.5%2041.604%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M4%2024.0001C4%2018.6617%206.09159%2013.8117%209.5%2010.2251%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M24%204C18.2928%204%2013.1439%206.39055%209.5%2010.225%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M32%205.66406C34.2933%206.66606%2036.3624%208.0857%2038.1112%209.82684C41.7486%2013.4485%2044%2018.4613%2044%2023.9999C44%2026.4625%2043.5549%2028.8212%2042.7408%2030.9999%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M24%2044C29.5071%2044%2034.4943%2041.7742%2038.1112%2038.1731%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/dribble.svg?color=%231a73e8&size=48
