social dribbble icon
social-dribbble from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- social-dribbble
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
social-android-outlinesocial-angular-outlinesocial-apple-outlinesocial-bitcoin-outlinesocial-buffer-outlinesocial-chrome-outlinesocial-codepen-outlinesocial-css3-outlinesocial-designernews-outlinesocial-dropbox-outlinesocial-euro-outlinesocial-facebooksocial-foursquare-outlinesocial-github-outlinesocial-googlesocial-googleplussocial-hackernews-outlinesocial-html5-outlinesocial-instagramsocial-javascript-outlinesocial-linkedin-outlinesocial-octocatsocial-pinterest-outlinesocial-reddit
Use the social dribbble icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 64C150 64 64 150 64 256c0 106.1 86 192 192 192s192-85.9 192-192c0-106-86-192-192-192zm0 351.5c-88.1 0-159.5-71.4-159.5-159.5S167.9 96.5 256 96.5 415.5 167.9 415.5 256 344.1 415.5 256 415.5z" fill="currentColor"/><path d="M306.3 246.7c23.4-2.2 50.9-2.9 77.2-2.4-2.3-25.4-12-48.7-27-67.6-16.5 14.9-38 28.1-63.3 39 4.6 10 8.9 20.4 13.1 31z" fill="currentColor"/><path d="M335.4 155.6C313.6 138.3 286 128 256 128c-5.1 0-10.2.3-15.2.9 13.8 17.7 26.7 37.6 38.6 59.5 21.7-9.2 40.6-20.3 56-32.8z" fill="currentColor"/><path d="M205.9 138.2c-34.1 14.5-60.7 43.4-72 79.1 41.1-.7 79.6-7 113.4-17.3-12.6-23-26.6-43.7-41.4-61.8z" fill="currentColor"/><path d="M383 272.2c-22.3-.6-46-.2-66.9 1.5 4.1 12.3 8.1 24.9 11.5 37.9 3.8 14.6 7 29.1 9.6 43.4 24.6-20.3 41.6-49.6 45.8-82.8z" fill="currentColor"/><path d="M258 256.1c3.9-1.6 8.8-3 14.3-4.3-3.4-8.3-7.1-16.4-10.8-24.3-39.1 12.6-84.6 20.3-133.3 21.3-.1 2.4-.2 4.8-.2 7.3 0 29.1 9.7 55.9 26 77.4 24.9-32.5 60.9-59.3 104-77.4z" fill="currentColor"/><path d="M282.6 278.2c-6.9 1.5-12.9 3.2-17.4 5.3-37.1 16.8-68.3 41.6-90.4 71.5 22.1 18.2 50.4 29 81.2 29 18.5 0 36-3.9 51.8-10.9-2.7-15.1-6-30.3-10-45.7-4.4-16.9-9.6-33.4-15.2-49.2z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonSocialDribbble(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 64C150 64 64 150 64 256c0 106.1 86 192 192 192s192-85.9 192-192c0-106-86-192-192-192zm0 351.5c-88.1 0-159.5-71.4-159.5-159.5S167.9 96.5 256 96.5 415.5 167.9 415.5 256 344.1 415.5 256 415.5z" fill="currentColor"/><path d="M306.3 246.7c23.4-2.2 50.9-2.9 77.2-2.4-2.3-25.4-12-48.7-27-67.6-16.5 14.9-38 28.1-63.3 39 4.6 10 8.9 20.4 13.1 31z" fill="currentColor"/><path d="M335.4 155.6C313.6 138.3 286 128 256 128c-5.1 0-10.2.3-15.2.9 13.8 17.7 26.7 37.6 38.6 59.5 21.7-9.2 40.6-20.3 56-32.8z" fill="currentColor"/><path d="M205.9 138.2c-34.1 14.5-60.7 43.4-72 79.1 41.1-.7 79.6-7 113.4-17.3-12.6-23-26.6-43.7-41.4-61.8z" fill="currentColor"/><path d="M383 272.2c-22.3-.6-46-.2-66.9 1.5 4.1 12.3 8.1 24.9 11.5 37.9 3.8 14.6 7 29.1 9.6 43.4 24.6-20.3 41.6-49.6 45.8-82.8z" fill="currentColor"/><path d="M258 256.1c3.9-1.6 8.8-3 14.3-4.3-3.4-8.3-7.1-16.4-10.8-24.3-39.1 12.6-84.6 20.3-133.3 21.3-.1 2.4-.2 4.8-.2 7.3 0 29.1 9.7 55.9 26 77.4 24.9-32.5 60.9-59.3 104-77.4z" fill="currentColor"/><path d="M282.6 278.2c-6.9 1.5-12.9 3.2-17.4 5.3-37.1 16.8-68.3 41.6-90.4 71.5 22.1 18.2 50.4 29 81.2 29 18.5 0 36-3.9 51.8-10.9-2.7-15.1-6-30.3-10-45.7-4.4-16.9-9.6-33.4-15.2-49.2z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 64C150 64 64 150 64 256c0 106.1 86 192 192 192s192-85.9 192-192c0-106-86-192-192-192zm0 351.5c-88.1 0-159.5-71.4-159.5-159.5S167.9 96.5 256 96.5 415.5 167.9 415.5 256 344.1 415.5 256 415.5z" fill="currentColor"/><path d="M306.3 246.7c23.4-2.2 50.9-2.9 77.2-2.4-2.3-25.4-12-48.7-27-67.6-16.5 14.9-38 28.1-63.3 39 4.6 10 8.9 20.4 13.1 31z" fill="currentColor"/><path d="M335.4 155.6C313.6 138.3 286 128 256 128c-5.1 0-10.2.3-15.2.9 13.8 17.7 26.7 37.6 38.6 59.5 21.7-9.2 40.6-20.3 56-32.8z" fill="currentColor"/><path d="M205.9 138.2c-34.1 14.5-60.7 43.4-72 79.1 41.1-.7 79.6-7 113.4-17.3-12.6-23-26.6-43.7-41.4-61.8z" fill="currentColor"/><path d="M383 272.2c-22.3-.6-46-.2-66.9 1.5 4.1 12.3 8.1 24.9 11.5 37.9 3.8 14.6 7 29.1 9.6 43.4 24.6-20.3 41.6-49.6 45.8-82.8z" fill="currentColor"/><path d="M258 256.1c3.9-1.6 8.8-3 14.3-4.3-3.4-8.3-7.1-16.4-10.8-24.3-39.1 12.6-84.6 20.3-133.3 21.3-.1 2.4-.2 4.8-.2 7.3 0 29.1 9.7 55.9 26 77.4 24.9-32.5 60.9-59.3 104-77.4z" fill="currentColor"/><path d="M282.6 278.2c-6.9 1.5-12.9 3.2-17.4 5.3-37.1 16.8-68.3 41.6-90.4 71.5 22.1 18.2 50.4 29 81.2 29 18.5 0 36-3.9 51.8-10.9-2.7-15.1-6-30.3-10-45.7-4.4-16.9-9.6-33.4-15.2-49.2z" fill="currentColor"/></svg> </template>
CSS
.icon-social-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%20512%20512%22%3E%3Cpath%20d%3D%22M256%2064C150%2064%2064%20150%2064%20256c0%20106.1%2086%20192%20192%20192s192-85.9%20192-192c0-106-86-192-192-192zm0%20351.5c-88.1%200-159.5-71.4-159.5-159.5S167.9%2096.5%20256%2096.5%20415.5%20167.9%20415.5%20256%20344.1%20415.5%20256%20415.5z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M306.3%20246.7c23.4-2.2%2050.9-2.9%2077.2-2.4-2.3-25.4-12-48.7-27-67.6-16.5%2014.9-38%2028.1-63.3%2039%204.6%2010%208.9%2020.4%2013.1%2031z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M335.4%20155.6C313.6%20138.3%20286%20128%20256%20128c-5.1%200-10.2.3-15.2.9%2013.8%2017.7%2026.7%2037.6%2038.6%2059.5%2021.7-9.2%2040.6-20.3%2056-32.8z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M205.9%20138.2c-34.1%2014.5-60.7%2043.4-72%2079.1%2041.1-.7%2079.6-7%20113.4-17.3-12.6-23-26.6-43.7-41.4-61.8z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M383%20272.2c-22.3-.6-46-.2-66.9%201.5%204.1%2012.3%208.1%2024.9%2011.5%2037.9%203.8%2014.6%207%2029.1%209.6%2043.4%2024.6-20.3%2041.6-49.6%2045.8-82.8z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M258%20256.1c3.9-1.6%208.8-3%2014.3-4.3-3.4-8.3-7.1-16.4-10.8-24.3-39.1%2012.6-84.6%2020.3-133.3%2021.3-.1%202.4-.2%204.8-.2%207.3%200%2029.1%209.7%2055.9%2026%2077.4%2024.9-32.5%2060.9-59.3%20104-77.4z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M282.6%20278.2c-6.9%201.5-12.9%203.2-17.4%205.3-37.1%2016.8-68.3%2041.6-90.4%2071.5%2022.1%2018.2%2050.4%2029%2081.2%2029%2018.5%200%2036-3.9%2051.8-10.9-2.7-15.1-6-30.3-10-45.7-4.4-16.9-9.6-33.4-15.2-49.2z%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%20512%20512%22%3E%3Cpath%20d%3D%22M256%2064C150%2064%2064%20150%2064%20256c0%20106.1%2086%20192%20192%20192s192-85.9%20192-192c0-106-86-192-192-192zm0%20351.5c-88.1%200-159.5-71.4-159.5-159.5S167.9%2096.5%20256%2096.5%20415.5%20167.9%20415.5%20256%20344.1%20415.5%20256%20415.5z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M306.3%20246.7c23.4-2.2%2050.9-2.9%2077.2-2.4-2.3-25.4-12-48.7-27-67.6-16.5%2014.9-38%2028.1-63.3%2039%204.6%2010%208.9%2020.4%2013.1%2031z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M335.4%20155.6C313.6%20138.3%20286%20128%20256%20128c-5.1%200-10.2.3-15.2.9%2013.8%2017.7%2026.7%2037.6%2038.6%2059.5%2021.7-9.2%2040.6-20.3%2056-32.8z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M205.9%20138.2c-34.1%2014.5-60.7%2043.4-72%2079.1%2041.1-.7%2079.6-7%20113.4-17.3-12.6-23-26.6-43.7-41.4-61.8z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M383%20272.2c-22.3-.6-46-.2-66.9%201.5%204.1%2012.3%208.1%2024.9%2011.5%2037.9%203.8%2014.6%207%2029.1%209.6%2043.4%2024.6-20.3%2041.6-49.6%2045.8-82.8z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M258%20256.1c3.9-1.6%208.8-3%2014.3-4.3-3.4-8.3-7.1-16.4-10.8-24.3-39.1%2012.6-84.6%2020.3-133.3%2021.3-.1%202.4-.2%204.8-.2%207.3%200%2029.1%209.7%2055.9%2026%2077.4%2024.9-32.5%2060.9-59.3%20104-77.4z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M282.6%20278.2c-6.9%201.5-12.9%203.2-17.4%205.3-37.1%2016.8-68.3%2041.6-90.4%2071.5%2022.1%2018.2%2050.4%2029%2081.2%2029%2018.5%200%2036-3.9%2051.8-10.9-2.7-15.1-6-30.3-10-45.7-4.4-16.9-9.6-33.4-15.2-49.2z%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/ion/social-dribbble.svg?color=%231a73e8&size=48
