myspace icon
myspace from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.
- Name
- myspace
- Set
- Jam Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in Jam Icons
Use the myspace icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -6 24 24"><g fill="currentColor"><ellipse cx="2.835" cy="4.885" rx="2.576" ry="2.55"/><path d="M2.8 8.102C1.24 8.121 0 9.41 0 10.954v.718c0 .166.136.3.304.3h5.063a.303.303 0 0 0 .304-.3v-.763c0-1.562-1.289-2.826-2.87-2.807z"/><ellipse cx="9.361" cy="4.303" rx="2.788" ry="2.76"/><path d="M9.323 7.784c-1.688.02-3.03 1.415-3.03 3.086v.802a.3.3 0 0 0 .303.3h5.529a.303.303 0 0 0 .304-.3v-.85c0-1.69-1.394-3.058-3.106-3.038m7.163-1.434c1.763 0 3.193-1.416 3.193-3.162S18.249.027 16.486.027s-3.193 1.415-3.193 3.161s1.43 3.162 3.193 3.162m0 .825c-1.94 0-3.514 1.558-3.514 3.48v1.017c0 .166.136.3.304.3h6.42a.303.303 0 0 0 .304-.3v-1.018c0-1.921-1.573-3.479-3.514-3.479"/></g></svg>
React
import type { SVGProps } from "react";
export function JamMyspace(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -6 24 24"><g fill="currentColor"><ellipse cx="2.835" cy="4.885" rx="2.576" ry="2.55"/><path d="M2.8 8.102C1.24 8.121 0 9.41 0 10.954v.718c0 .166.136.3.304.3h5.063a.303.303 0 0 0 .304-.3v-.763c0-1.562-1.289-2.826-2.87-2.807z"/><ellipse cx="9.361" cy="4.303" rx="2.788" ry="2.76"/><path d="M9.323 7.784c-1.688.02-3.03 1.415-3.03 3.086v.802a.3.3 0 0 0 .303.3h5.529a.303.303 0 0 0 .304-.3v-.85c0-1.69-1.394-3.058-3.106-3.038m7.163-1.434c1.763 0 3.193-1.416 3.193-3.162S18.249.027 16.486.027s-3.193 1.415-3.193 3.161s1.43 3.162 3.193 3.162m0 .825c-1.94 0-3.514 1.558-3.514 3.48v1.017c0 .166.136.3.304.3h6.42a.303.303 0 0 0 .304-.3v-1.018c0-1.921-1.573-3.479-3.514-3.479"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -6 24 24"><g fill="currentColor"><ellipse cx="2.835" cy="4.885" rx="2.576" ry="2.55"/><path d="M2.8 8.102C1.24 8.121 0 9.41 0 10.954v.718c0 .166.136.3.304.3h5.063a.303.303 0 0 0 .304-.3v-.763c0-1.562-1.289-2.826-2.87-2.807z"/><ellipse cx="9.361" cy="4.303" rx="2.788" ry="2.76"/><path d="M9.323 7.784c-1.688.02-3.03 1.415-3.03 3.086v.802a.3.3 0 0 0 .303.3h5.529a.303.303 0 0 0 .304-.3v-.85c0-1.69-1.394-3.058-3.106-3.038m7.163-1.434c1.763 0 3.193-1.416 3.193-3.162S18.249.027 16.486.027s-3.193 1.415-3.193 3.161s1.43 3.162 3.193 3.162m0 .825c-1.94 0-3.514 1.558-3.514 3.48v1.017c0 .166.136.3.304.3h6.42a.303.303 0 0 0 .304-.3v-1.018c0-1.921-1.573-3.479-3.514-3.479"/></g></svg> </template>
CSS
.icon-myspace {
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%22-2%20-6%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cellipse%20cx%3D%222.835%22%20cy%3D%224.885%22%20rx%3D%222.576%22%20ry%3D%222.55%22%2F%3E%3Cpath%20d%3D%22M2.8%208.102C1.24%208.121%200%209.41%200%2010.954v.718c0%20.166.136.3.304.3h5.063a.303.303%200%200%200%20.304-.3v-.763c0-1.562-1.289-2.826-2.87-2.807z%22%2F%3E%3Cellipse%20cx%3D%229.361%22%20cy%3D%224.303%22%20rx%3D%222.788%22%20ry%3D%222.76%22%2F%3E%3Cpath%20d%3D%22M9.323%207.784c-1.688.02-3.03%201.415-3.03%203.086v.802a.3.3%200%200%200%20.303.3h5.529a.303.303%200%200%200%20.304-.3v-.85c0-1.69-1.394-3.058-3.106-3.038m7.163-1.434c1.763%200%203.193-1.416%203.193-3.162S18.249.027%2016.486.027s-3.193%201.415-3.193%203.161s1.43%203.162%203.193%203.162m0%20.825c-1.94%200-3.514%201.558-3.514%203.48v1.017c0%20.166.136.3.304.3h6.42a.303.303%200%200%200%20.304-.3v-1.018c0-1.921-1.573-3.479-3.514-3.479%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%22-2%20-6%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cellipse%20cx%3D%222.835%22%20cy%3D%224.885%22%20rx%3D%222.576%22%20ry%3D%222.55%22%2F%3E%3Cpath%20d%3D%22M2.8%208.102C1.24%208.121%200%209.41%200%2010.954v.718c0%20.166.136.3.304.3h5.063a.303.303%200%200%200%20.304-.3v-.763c0-1.562-1.289-2.826-2.87-2.807z%22%2F%3E%3Cellipse%20cx%3D%229.361%22%20cy%3D%224.303%22%20rx%3D%222.788%22%20ry%3D%222.76%22%2F%3E%3Cpath%20d%3D%22M9.323%207.784c-1.688.02-3.03%201.415-3.03%203.086v.802a.3.3%200%200%200%20.303.3h5.529a.303.303%200%200%200%20.304-.3v-.85c0-1.69-1.394-3.058-3.106-3.038m7.163-1.434c1.763%200%203.193-1.416%203.193-3.162S18.249.027%2016.486.027s-3.193%201.415-3.193%203.161s1.43%203.162%203.193%203.162m0%20.825c-1.94%200-3.514%201.558-3.514%203.48v1.017c0%20.166.136.3.304.3h6.42a.303.303%200%200%200%20.304-.3v-1.018c0-1.921-1.573-3.479-3.514-3.479%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/myspace.svg?color=%231a73e8&size=48
