dribbble logo icon
dribbble-logo-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- dribbble-logo-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Use the dribbble logo icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 26a102 102 0 1 0 102 102A102.12 102.12 0 0 0 128 26m89.81 96.3c-3.26-.19-6.54-.3-9.8-.3a166.4 166.4 0 0 0-45.25 6.29A164.3 164.3 0 0 0 148.33 96c-.14-.25-.3-.49-.44-.74a166.3 166.3 0 0 0 40.79-33.71a89.8 89.8 0 0 1 29.13 60.75m-38.52-68.21a154.5 154.5 0 0 1-37.9 31.11a167 167 0 0 0-42.51-42.36a89.87 89.87 0 0 1 80.41 11.25m-93.58-5.51a155 155 0 0 1 45 42.27A153.7 153.7 0 0 1 64 106a157 157 0 0 1-22.84-1.69a90.37 90.37 0 0 1 44.55-55.73M38 128a90 90 0 0 1 .79-11.92A167 167 0 0 0 64 118a165.7 165.7 0 0 0 73.29-17c.22.37.46.73.67 1.1a152.2 152.2 0 0 1 13.38 29.9a164.6 164.6 0 0 0-26.09 12.11a167 167 0 0 0-55.68 52.29A89.84 89.84 0 0 1 38 128m41.19 75.58a155.24 155.24 0 0 1 52.05-49.12a153 153 0 0 1 23.38-10.93a154.3 154.3 0 0 1 4.3 36.16a154.8 154.8 0 0 1-3.81 34.13a89.88 89.88 0 0 1-75.92-10.24m89.24 4.81a167 167 0 0 0 2.49-28.7a166.7 166.7 0 0 0-4.86-39.87A154.6 154.6 0 0 1 208 134c3.25 0 6.52.11 9.77.32a90.16 90.16 0 0 1-49.34 74.07"/></svg>
React
import type { SVGProps } from "react";
export function PhDribbbleLogoLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 26a102 102 0 1 0 102 102A102.12 102.12 0 0 0 128 26m89.81 96.3c-3.26-.19-6.54-.3-9.8-.3a166.4 166.4 0 0 0-45.25 6.29A164.3 164.3 0 0 0 148.33 96c-.14-.25-.3-.49-.44-.74a166.3 166.3 0 0 0 40.79-33.71a89.8 89.8 0 0 1 29.13 60.75m-38.52-68.21a154.5 154.5 0 0 1-37.9 31.11a167 167 0 0 0-42.51-42.36a89.87 89.87 0 0 1 80.41 11.25m-93.58-5.51a155 155 0 0 1 45 42.27A153.7 153.7 0 0 1 64 106a157 157 0 0 1-22.84-1.69a90.37 90.37 0 0 1 44.55-55.73M38 128a90 90 0 0 1 .79-11.92A167 167 0 0 0 64 118a165.7 165.7 0 0 0 73.29-17c.22.37.46.73.67 1.1a152.2 152.2 0 0 1 13.38 29.9a164.6 164.6 0 0 0-26.09 12.11a167 167 0 0 0-55.68 52.29A89.84 89.84 0 0 1 38 128m41.19 75.58a155.24 155.24 0 0 1 52.05-49.12a153 153 0 0 1 23.38-10.93a154.3 154.3 0 0 1 4.3 36.16a154.8 154.8 0 0 1-3.81 34.13a89.88 89.88 0 0 1-75.92-10.24m89.24 4.81a167 167 0 0 0 2.49-28.7a166.7 166.7 0 0 0-4.86-39.87A154.6 154.6 0 0 1 208 134c3.25 0 6.52.11 9.77.32a90.16 90.16 0 0 1-49.34 74.07"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 26a102 102 0 1 0 102 102A102.12 102.12 0 0 0 128 26m89.81 96.3c-3.26-.19-6.54-.3-9.8-.3a166.4 166.4 0 0 0-45.25 6.29A164.3 164.3 0 0 0 148.33 96c-.14-.25-.3-.49-.44-.74a166.3 166.3 0 0 0 40.79-33.71a89.8 89.8 0 0 1 29.13 60.75m-38.52-68.21a154.5 154.5 0 0 1-37.9 31.11a167 167 0 0 0-42.51-42.36a89.87 89.87 0 0 1 80.41 11.25m-93.58-5.51a155 155 0 0 1 45 42.27A153.7 153.7 0 0 1 64 106a157 157 0 0 1-22.84-1.69a90.37 90.37 0 0 1 44.55-55.73M38 128a90 90 0 0 1 .79-11.92A167 167 0 0 0 64 118a165.7 165.7 0 0 0 73.29-17c.22.37.46.73.67 1.1a152.2 152.2 0 0 1 13.38 29.9a164.6 164.6 0 0 0-26.09 12.11a167 167 0 0 0-55.68 52.29A89.84 89.84 0 0 1 38 128m41.19 75.58a155.24 155.24 0 0 1 52.05-49.12a153 153 0 0 1 23.38-10.93a154.3 154.3 0 0 1 4.3 36.16a154.8 154.8 0 0 1-3.81 34.13a89.88 89.88 0 0 1-75.92-10.24m89.24 4.81a167 167 0 0 0 2.49-28.7a166.7 166.7 0 0 0-4.86-39.87A154.6 154.6 0 0 1 208 134c3.25 0 6.52.11 9.77.32a90.16 90.16 0 0 1-49.34 74.07"/></svg> </template>
CSS
.icon-dribbble-logo-light {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%2026a102%20102%200%201%200%20102%20102A102.12%20102.12%200%200%200%20128%2026m89.81%2096.3c-3.26-.19-6.54-.3-9.8-.3a166.4%20166.4%200%200%200-45.25%206.29A164.3%20164.3%200%200%200%20148.33%2096c-.14-.25-.3-.49-.44-.74a166.3%20166.3%200%200%200%2040.79-33.71a89.8%2089.8%200%200%201%2029.13%2060.75m-38.52-68.21a154.5%20154.5%200%200%201-37.9%2031.11a167%20167%200%200%200-42.51-42.36a89.87%2089.87%200%200%201%2080.41%2011.25m-93.58-5.51a155%20155%200%200%201%2045%2042.27A153.7%20153.7%200%200%201%2064%20106a157%20157%200%200%201-22.84-1.69a90.37%2090.37%200%200%201%2044.55-55.73M38%20128a90%2090%200%200%201%20.79-11.92A167%20167%200%200%200%2064%20118a165.7%20165.7%200%200%200%2073.29-17c.22.37.46.73.67%201.1a152.2%20152.2%200%200%201%2013.38%2029.9a164.6%20164.6%200%200%200-26.09%2012.11a167%20167%200%200%200-55.68%2052.29A89.84%2089.84%200%200%201%2038%20128m41.19%2075.58a155.24%20155.24%200%200%201%2052.05-49.12a153%20153%200%200%201%2023.38-10.93a154.3%20154.3%200%200%201%204.3%2036.16a154.8%20154.8%200%200%201-3.81%2034.13a89.88%2089.88%200%200%201-75.92-10.24m89.24%204.81a167%20167%200%200%200%202.49-28.7a166.7%20166.7%200%200%200-4.86-39.87A154.6%20154.6%200%200%201%20208%20134c3.25%200%206.52.11%209.77.32a90.16%2090.16%200%200%201-49.34%2074.07%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%2026a102%20102%200%201%200%20102%20102A102.12%20102.12%200%200%200%20128%2026m89.81%2096.3c-3.26-.19-6.54-.3-9.8-.3a166.4%20166.4%200%200%200-45.25%206.29A164.3%20164.3%200%200%200%20148.33%2096c-.14-.25-.3-.49-.44-.74a166.3%20166.3%200%200%200%2040.79-33.71a89.8%2089.8%200%200%201%2029.13%2060.75m-38.52-68.21a154.5%20154.5%200%200%201-37.9%2031.11a167%20167%200%200%200-42.51-42.36a89.87%2089.87%200%200%201%2080.41%2011.25m-93.58-5.51a155%20155%200%200%201%2045%2042.27A153.7%20153.7%200%200%201%2064%20106a157%20157%200%200%201-22.84-1.69a90.37%2090.37%200%200%201%2044.55-55.73M38%20128a90%2090%200%200%201%20.79-11.92A167%20167%200%200%200%2064%20118a165.7%20165.7%200%200%200%2073.29-17c.22.37.46.73.67%201.1a152.2%20152.2%200%200%201%2013.38%2029.9a164.6%20164.6%200%200%200-26.09%2012.11a167%20167%200%200%200-55.68%2052.29A89.84%2089.84%200%200%201%2038%20128m41.19%2075.58a155.24%20155.24%200%200%201%2052.05-49.12a153%20153%200%200%201%2023.38-10.93a154.3%20154.3%200%200%201%204.3%2036.16a154.8%20154.8%200%200%201-3.81%2034.13a89.88%2089.88%200%200%201-75.92-10.24m89.24%204.81a167%20167%200%200%200%202.49-28.7a166.7%20166.7%200%200%200-4.86-39.87A154.6%20154.6%200%200%201%20208%20134c3.25%200%206.52.11%209.77.32a90.16%2090.16%200%200%201-49.34%2074.07%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/dribbble-logo-light.svg?color=%231a73e8&size=48
