myspace logo
myspace from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- myspace
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the myspace logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.802 12.274A3.81 3.81 0 0 0 23.62 8.47c0-2.101-1.71-3.795-3.818-3.795a3.816 3.816 0 0 0-3.818 3.81a3.817 3.817 0 0 0 3.818 3.811zm-8.602.705a3.43 3.43 0 0 0 3.435-3.424A3.43 3.43 0 0 0 11.2 6.13a3.44 3.44 0 0 0-3.436 3.436A3.436 3.436 0 0 0 11.2 13zm-7.8.635c1.71 0 3.093-1.38 3.093-3.081c0-1.704-1.395-3.084-3.105-3.084A3.086 3.086 0 0 0 .3 10.539c0 1.7 1.387 3.078 3.095 3.078zm0 .705c-1.96 0-3.4 1.717-3.4 3.495v1.196c0 .17.138.31.31.31h6.18a.31.31 0 0 0 .309-.31v-1.196c0-1.779-1.437-3.5-3.398-3.5zm7.8-.56c-2.18 0-3.78 1.915-3.78 3.891v1.331c0 .188.156.344.345.344h6.87a.344.344 0 0 0 .342-.344V17.65c0-1.976-1.598-3.891-3.777-3.891m8.602-.617c-2.422 0-4.197 2.126-4.197 4.323v1.477c0 .21.172.381.382.381h7.63c.21 0 .383-.171.383-.381v-1.477c-.001-2.197-1.776-4.323-4.198-4.323"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsMyspace(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.802 12.274A3.81 3.81 0 0 0 23.62 8.47c0-2.101-1.71-3.795-3.818-3.795a3.816 3.816 0 0 0-3.818 3.81a3.817 3.817 0 0 0 3.818 3.811zm-8.602.705a3.43 3.43 0 0 0 3.435-3.424A3.43 3.43 0 0 0 11.2 6.13a3.44 3.44 0 0 0-3.436 3.436A3.436 3.436 0 0 0 11.2 13zm-7.8.635c1.71 0 3.093-1.38 3.093-3.081c0-1.704-1.395-3.084-3.105-3.084A3.086 3.086 0 0 0 .3 10.539c0 1.7 1.387 3.078 3.095 3.078zm0 .705c-1.96 0-3.4 1.717-3.4 3.495v1.196c0 .17.138.31.31.31h6.18a.31.31 0 0 0 .309-.31v-1.196c0-1.779-1.437-3.5-3.398-3.5zm7.8-.56c-2.18 0-3.78 1.915-3.78 3.891v1.331c0 .188.156.344.345.344h6.87a.344.344 0 0 0 .342-.344V17.65c0-1.976-1.598-3.891-3.777-3.891m8.602-.617c-2.422 0-4.197 2.126-4.197 4.323v1.477c0 .21.172.381.382.381h7.63c.21 0 .383-.171.383-.381v-1.477c-.001-2.197-1.776-4.323-4.198-4.323"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.802 12.274A3.81 3.81 0 0 0 23.62 8.47c0-2.101-1.71-3.795-3.818-3.795a3.816 3.816 0 0 0-3.818 3.81a3.817 3.817 0 0 0 3.818 3.811zm-8.602.705a3.43 3.43 0 0 0 3.435-3.424A3.43 3.43 0 0 0 11.2 6.13a3.44 3.44 0 0 0-3.436 3.436A3.436 3.436 0 0 0 11.2 13zm-7.8.635c1.71 0 3.093-1.38 3.093-3.081c0-1.704-1.395-3.084-3.105-3.084A3.086 3.086 0 0 0 .3 10.539c0 1.7 1.387 3.078 3.095 3.078zm0 .705c-1.96 0-3.4 1.717-3.4 3.495v1.196c0 .17.138.31.31.31h6.18a.31.31 0 0 0 .309-.31v-1.196c0-1.779-1.437-3.5-3.398-3.5zm7.8-.56c-2.18 0-3.78 1.915-3.78 3.891v1.331c0 .188.156.344.345.344h6.87a.344.344 0 0 0 .342-.344V17.65c0-1.976-1.598-3.891-3.777-3.891m8.602-.617c-2.422 0-4.197 2.126-4.197 4.323v1.477c0 .21.172.381.382.381h7.63c.21 0 .383-.171.383-.381v-1.477c-.001-2.197-1.776-4.323-4.198-4.323"/></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%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.802%2012.274A3.81%203.81%200%200%200%2023.62%208.47c0-2.101-1.71-3.795-3.818-3.795a3.816%203.816%200%200%200-3.818%203.81a3.817%203.817%200%200%200%203.818%203.811zm-8.602.705a3.43%203.43%200%200%200%203.435-3.424A3.43%203.43%200%200%200%2011.2%206.13a3.44%203.44%200%200%200-3.436%203.436A3.436%203.436%200%200%200%2011.2%2013zm-7.8.635c1.71%200%203.093-1.38%203.093-3.081c0-1.704-1.395-3.084-3.105-3.084A3.086%203.086%200%200%200%20.3%2010.539c0%201.7%201.387%203.078%203.095%203.078zm0%20.705c-1.96%200-3.4%201.717-3.4%203.495v1.196c0%20.17.138.31.31.31h6.18a.31.31%200%200%200%20.309-.31v-1.196c0-1.779-1.437-3.5-3.398-3.5zm7.8-.56c-2.18%200-3.78%201.915-3.78%203.891v1.331c0%20.188.156.344.345.344h6.87a.344.344%200%200%200%20.342-.344V17.65c0-1.976-1.598-3.891-3.777-3.891m8.602-.617c-2.422%200-4.197%202.126-4.197%204.323v1.477c0%20.21.172.381.382.381h7.63c.21%200%20.383-.171.383-.381v-1.477c-.001-2.197-1.776-4.323-4.198-4.323%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%20fill%3D%22currentColor%22%20d%3D%22M19.802%2012.274A3.81%203.81%200%200%200%2023.62%208.47c0-2.101-1.71-3.795-3.818-3.795a3.816%203.816%200%200%200-3.818%203.81a3.817%203.817%200%200%200%203.818%203.811zm-8.602.705a3.43%203.43%200%200%200%203.435-3.424A3.43%203.43%200%200%200%2011.2%206.13a3.44%203.44%200%200%200-3.436%203.436A3.436%203.436%200%200%200%2011.2%2013zm-7.8.635c1.71%200%203.093-1.38%203.093-3.081c0-1.704-1.395-3.084-3.105-3.084A3.086%203.086%200%200%200%20.3%2010.539c0%201.7%201.387%203.078%203.095%203.078zm0%20.705c-1.96%200-3.4%201.717-3.4%203.495v1.196c0%20.17.138.31.31.31h6.18a.31.31%200%200%200%20.309-.31v-1.196c0-1.779-1.437-3.5-3.398-3.5zm7.8-.56c-2.18%200-3.78%201.915-3.78%203.891v1.331c0%20.188.156.344.345.344h6.87a.344.344%200%200%200%20.342-.344V17.65c0-1.976-1.598-3.891-3.777-3.891m8.602-.617c-2.422%200-4.197%202.126-4.197%204.323v1.477c0%20.21.172.381.382.381h7.63c.21%200%20.383-.171.383-.381v-1.477c-.001-2.197-1.776-4.323-4.198-4.323%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/myspace.svg?color=%231a73e8&size=48
