dribbble square icon
dribbble-square from Line Awesome by Icons8 · Line · Other · Apache-2.0 Free for personal and commercial use.
- Name
- dribbble-square
- Set
- Line Awesome
- Style
- Line
- Category
- Other
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
More other icons from Line Awesome
Use the dribbble square icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M5 5v22h22V5zm2 2h18v18H7zm9.25 1c-2.125 0-2.125 5.505-2.125 5.563c0 .64.024 1.249.063 1.812a2.9 2.9 0 0 0-1-.188C11.003 15.188 10 17.035 10 19c0 1.848 1.043 4 3.406 4c1.117 0 2.083-.714 2.846-1.781c.672.684 1.352.937 1.875.937c1.66 0 2.76-2.902 3.154-4.156c.117-.395-.098-.852-.5-.969a.74.74 0 0 0-.937.5c-.465 1.473-1.332 3.016-1.719 3.094c-.285 0-.68-.25-1.094-.813c.95-1.995 1.438-4.484 1.438-6.156C18.469 8.98 17.258 8 16.25 8m.063 1.625c.239.355.656 1.48.656 4.031c0 1.352-.329 2.93-.813 4.313c-.316-1.078-.531-2.528-.531-4.407c0-1.739.371-3.382.688-3.937m-3.407 7.094c.09-.02.18 0 .281 0c.642 0 1.126.468 1.126.468c.03.04.073.095.124.125a9.5 9.5 0 0 0 .876 2.565c-.575.969-1.247 1.594-1.907 1.594c-1.71 0-1.875-1.53-1.875-2.19c0-.102.023-2.292 1.375-2.562"/></svg>
React
import type { SVGProps } from "react";
export function LaDribbbleSquare(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="M5 5v22h22V5zm2 2h18v18H7zm9.25 1c-2.125 0-2.125 5.505-2.125 5.563c0 .64.024 1.249.063 1.812a2.9 2.9 0 0 0-1-.188C11.003 15.188 10 17.035 10 19c0 1.848 1.043 4 3.406 4c1.117 0 2.083-.714 2.846-1.781c.672.684 1.352.937 1.875.937c1.66 0 2.76-2.902 3.154-4.156c.117-.395-.098-.852-.5-.969a.74.74 0 0 0-.937.5c-.465 1.473-1.332 3.016-1.719 3.094c-.285 0-.68-.25-1.094-.813c.95-1.995 1.438-4.484 1.438-6.156C18.469 8.98 17.258 8 16.25 8m.063 1.625c.239.355.656 1.48.656 4.031c0 1.352-.329 2.93-.813 4.313c-.316-1.078-.531-2.528-.531-4.407c0-1.739.371-3.382.688-3.937m-3.407 7.094c.09-.02.18 0 .281 0c.642 0 1.126.468 1.126.468c.03.04.073.095.124.125a9.5 9.5 0 0 0 .876 2.565c-.575.969-1.247 1.594-1.907 1.594c-1.71 0-1.875-1.53-1.875-2.19c0-.102.023-2.292 1.375-2.562"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M5 5v22h22V5zm2 2h18v18H7zm9.25 1c-2.125 0-2.125 5.505-2.125 5.563c0 .64.024 1.249.063 1.812a2.9 2.9 0 0 0-1-.188C11.003 15.188 10 17.035 10 19c0 1.848 1.043 4 3.406 4c1.117 0 2.083-.714 2.846-1.781c.672.684 1.352.937 1.875.937c1.66 0 2.76-2.902 3.154-4.156c.117-.395-.098-.852-.5-.969a.74.74 0 0 0-.937.5c-.465 1.473-1.332 3.016-1.719 3.094c-.285 0-.68-.25-1.094-.813c.95-1.995 1.438-4.484 1.438-6.156C18.469 8.98 17.258 8 16.25 8m.063 1.625c.239.355.656 1.48.656 4.031c0 1.352-.329 2.93-.813 4.313c-.316-1.078-.531-2.528-.531-4.407c0-1.739.371-3.382.688-3.937m-3.407 7.094c.09-.02.18 0 .281 0c.642 0 1.126.468 1.126.468c.03.04.073.095.124.125a9.5 9.5 0 0 0 .876 2.565c-.575.969-1.247 1.594-1.907 1.594c-1.71 0-1.875-1.53-1.875-2.19c0-.102.023-2.292 1.375-2.562"/></svg> </template>
CSS
.icon-dribbble-square {
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%22M5%205v22h22V5zm2%202h18v18H7zm9.25%201c-2.125%200-2.125%205.505-2.125%205.563c0%20.64.024%201.249.063%201.812a2.9%202.9%200%200%200-1-.188C11.003%2015.188%2010%2017.035%2010%2019c0%201.848%201.043%204%203.406%204c1.117%200%202.083-.714%202.846-1.781c.672.684%201.352.937%201.875.937c1.66%200%202.76-2.902%203.154-4.156c.117-.395-.098-.852-.5-.969a.74.74%200%200%200-.937.5c-.465%201.473-1.332%203.016-1.719%203.094c-.285%200-.68-.25-1.094-.813c.95-1.995%201.438-4.484%201.438-6.156C18.469%208.98%2017.258%208%2016.25%208m.063%201.625c.239.355.656%201.48.656%204.031c0%201.352-.329%202.93-.813%204.313c-.316-1.078-.531-2.528-.531-4.407c0-1.739.371-3.382.688-3.937m-3.407%207.094c.09-.02.18%200%20.281%200c.642%200%201.126.468%201.126.468c.03.04.073.095.124.125a9.5%209.5%200%200%200%20.876%202.565c-.575.969-1.247%201.594-1.907%201.594c-1.71%200-1.875-1.53-1.875-2.19c0-.102.023-2.292%201.375-2.562%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%22M5%205v22h22V5zm2%202h18v18H7zm9.25%201c-2.125%200-2.125%205.505-2.125%205.563c0%20.64.024%201.249.063%201.812a2.9%202.9%200%200%200-1-.188C11.003%2015.188%2010%2017.035%2010%2019c0%201.848%201.043%204%203.406%204c1.117%200%202.083-.714%202.846-1.781c.672.684%201.352.937%201.875.937c1.66%200%202.76-2.902%203.154-4.156c.117-.395-.098-.852-.5-.969a.74.74%200%200%200-.937.5c-.465%201.473-1.332%203.016-1.719%203.094c-.285%200-.68-.25-1.094-.813c.95-1.995%201.438-4.484%201.438-6.156C18.469%208.98%2017.258%208%2016.25%208m.063%201.625c.239.355.656%201.48.656%204.031c0%201.352-.329%202.93-.813%204.313c-.316-1.078-.531-2.528-.531-4.407c0-1.739.371-3.382.688-3.937m-3.407%207.094c.09-.02.18%200%20.281%200c.642%200%201.126.468%201.126.468c.03.04.073.095.124.125a9.5%209.5%200%200%200%20.876%202.565c-.575.969-1.247%201.594-1.907%201.594c-1.71%200-1.875-1.53-1.875-2.19c0-.102.023-2.292%201.375-2.562%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/dribbble-square.svg?color=%231a73e8&size=48
