dribbble box icon

dribbble-box from Material Design Icons by Pictogrammers · Filled · Apache-2.0 Free for personal and commercial use.

Name
dribbble-box
Set
Material Design Icons
Style
Filled
Viewbox
24×24
License
Apache 2.0

Use the dribbble box icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2m10.09 13.5c-.28-1.36-.62-2.59-1.01-3.68l1.12-.08h.02c.65 0 1.37.08 2.14.26a5.49 5.49 0 0 1-2.27 3.5m-3.09.96c-1.21 0-2.34-.4-3.24-1.07c.19-.32.6-.93 1.24-1.56c.7-.65 1.64-1.33 2.86-1.72c.42 1.16.79 2.49 1.08 3.99c-.61.23-1.26.36-1.94.36M6.54 12v-.08l.6.01c1.1 0 3.01-.1 4.96-.71l.31.72c-1.3.44-2.32 1.13-3.07 1.82c-.73.66-1.22 1.32-1.51 1.74c-.8-.94-1.29-2.16-1.29-3.5m3.05-4.89c.38.45 1.14 1.43 1.95 2.97c-1.65.49-3.31.6-4.32.6H6.7a5.47 5.47 0 0 1 2.89-3.57M12 6.54c1.29 0 2.47.46 3.41 1.2c-.72.86-1.67 1.48-2.69 1.92a19.89 19.89 0 0 0-1.88-2.99c.37-.08.76-.13 1.16-.13m4.29 2.09c.68.87 1.11 1.94 1.16 3.11c-.79-.16-1.53-.24-2.23-.24c-.56 0-1.09.04-1.59.13l-.36-.85c1.1-.48 2.16-1.17 3.02-2.15M12 5a7 7 0 0 0-7 7a7 7 0 0 0 7 7a7 7 0 0 0 7-7a7 7 0 0 0-7-7z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function MdiDribbbleBox(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2m10.09 13.5c-.28-1.36-.62-2.59-1.01-3.68l1.12-.08h.02c.65 0 1.37.08 2.14.26a5.49 5.49 0 0 1-2.27 3.5m-3.09.96c-1.21 0-2.34-.4-3.24-1.07c.19-.32.6-.93 1.24-1.56c.7-.65 1.64-1.33 2.86-1.72c.42 1.16.79 2.49 1.08 3.99c-.61.23-1.26.36-1.94.36M6.54 12v-.08l.6.01c1.1 0 3.01-.1 4.96-.71l.31.72c-1.3.44-2.32 1.13-3.07 1.82c-.73.66-1.22 1.32-1.51 1.74c-.8-.94-1.29-2.16-1.29-3.5m3.05-4.89c.38.45 1.14 1.43 1.95 2.97c-1.65.49-3.31.6-4.32.6H6.7a5.47 5.47 0 0 1 2.89-3.57M12 6.54c1.29 0 2.47.46 3.41 1.2c-.72.86-1.67 1.48-2.69 1.92a19.89 19.89 0 0 0-1.88-2.99c.37-.08.76-.13 1.16-.13m4.29 2.09c.68.87 1.11 1.94 1.16 3.11c-.79-.16-1.53-.24-2.23-.24c-.56 0-1.09.04-1.59.13l-.36-.85c1.1-.48 2.16-1.17 3.02-2.15M12 5a7 7 0 0 0-7 7a7 7 0 0 0 7 7a7 7 0 0 0 7-7a7 7 0 0 0-7-7z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2m10.09 13.5c-.28-1.36-.62-2.59-1.01-3.68l1.12-.08h.02c.65 0 1.37.08 2.14.26a5.49 5.49 0 0 1-2.27 3.5m-3.09.96c-1.21 0-2.34-.4-3.24-1.07c.19-.32.6-.93 1.24-1.56c.7-.65 1.64-1.33 2.86-1.72c.42 1.16.79 2.49 1.08 3.99c-.61.23-1.26.36-1.94.36M6.54 12v-.08l.6.01c1.1 0 3.01-.1 4.96-.71l.31.72c-1.3.44-2.32 1.13-3.07 1.82c-.73.66-1.22 1.32-1.51 1.74c-.8-.94-1.29-2.16-1.29-3.5m3.05-4.89c.38.45 1.14 1.43 1.95 2.97c-1.65.49-3.31.6-4.32.6H6.7a5.47 5.47 0 0 1 2.89-3.57M12 6.54c1.29 0 2.47.46 3.41 1.2c-.72.86-1.67 1.48-2.69 1.92a19.89 19.89 0 0 0-1.88-2.99c.37-.08.76-.13 1.16-.13m4.29 2.09c.68.87 1.11 1.94 1.16 3.11c-.79-.16-1.53-.24-2.23-.24c-.56 0-1.09.04-1.59.13l-.36-.85c1.1-.48 2.16-1.17 3.02-2.15M12 5a7 7 0 0 0-7 7a7 7 0 0 0 7 7a7 7 0 0 0 7-7a7 7 0 0 0-7-7z" fill="currentColor"/></svg>
</template>

CSS

.icon-dribbble-box {
  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%2024%2024%22%3E%3Cpath%20d%3D%22M5%203h14a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2m10.09%2013.5c-.28-1.36-.62-2.59-1.01-3.68l1.12-.08h.02c.65%200%201.37.08%202.14.26a5.49%205.49%200%200%201-2.27%203.5m-3.09.96c-1.21%200-2.34-.4-3.24-1.07c.19-.32.6-.93%201.24-1.56c.7-.65%201.64-1.33%202.86-1.72c.42%201.16.79%202.49%201.08%203.99c-.61.23-1.26.36-1.94.36M6.54%2012v-.08l.6.01c1.1%200%203.01-.1%204.96-.71l.31.72c-1.3.44-2.32%201.13-3.07%201.82c-.73.66-1.22%201.32-1.51%201.74c-.8-.94-1.29-2.16-1.29-3.5m3.05-4.89c.38.45%201.14%201.43%201.95%202.97c-1.65.49-3.31.6-4.32.6H6.7a5.47%205.47%200%200%201%202.89-3.57M12%206.54c1.29%200%202.47.46%203.41%201.2c-.72.86-1.67%201.48-2.69%201.92a19.89%2019.89%200%200%200-1.88-2.99c.37-.08.76-.13%201.16-.13m4.29%202.09c.68.87%201.11%201.94%201.16%203.11c-.79-.16-1.53-.24-2.23-.24c-.56%200-1.09.04-1.59.13l-.36-.85c1.1-.48%202.16-1.17%203.02-2.15M12%205a7%207%200%200%200-7%207a7%207%200%200%200%207%207a7%207%200%200%200%207-7a7%207%200%200%200-7-7z%22%20fill%3D%22currentColor%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%2024%2024%22%3E%3Cpath%20d%3D%22M5%203h14a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2m10.09%2013.5c-.28-1.36-.62-2.59-1.01-3.68l1.12-.08h.02c.65%200%201.37.08%202.14.26a5.49%205.49%200%200%201-2.27%203.5m-3.09.96c-1.21%200-2.34-.4-3.24-1.07c.19-.32.6-.93%201.24-1.56c.7-.65%201.64-1.33%202.86-1.72c.42%201.16.79%202.49%201.08%203.99c-.61.23-1.26.36-1.94.36M6.54%2012v-.08l.6.01c1.1%200%203.01-.1%204.96-.71l.31.72c-1.3.44-2.32%201.13-3.07%201.82c-.73.66-1.22%201.32-1.51%201.74c-.8-.94-1.29-2.16-1.29-3.5m3.05-4.89c.38.45%201.14%201.43%201.95%202.97c-1.65.49-3.31.6-4.32.6H6.7a5.47%205.47%200%200%201%202.89-3.57M12%206.54c1.29%200%202.47.46%203.41%201.2c-.72.86-1.67%201.48-2.69%201.92a19.89%2019.89%200%200%200-1.88-2.99c.37-.08.76-.13%201.16-.13m4.29%202.09c.68.87%201.11%201.94%201.16%203.11c-.79-.16-1.53-.24-2.23-.24c-.56%200-1.09.04-1.59.13l-.36-.85c1.1-.48%202.16-1.17%203.02-2.15M12%205a7%207%200%200%200-7%207a7%207%200%200%200%207%207a7%207%200%200%200%207-7a7%207%200%200%200-7-7z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/dribbble-box.svg?color=%231a73e8&size=48