share circle icon
share-circle-linear from Solar by 480 Design · Linear · UI · CC-BY-4.0 Attribution required.
- Name
- share-circle-linear
- Set
- Solar
- Style
- Linear
- Category
- UI
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More ui icons from Solar
accessibility-boldadd-boldadd-circle-boldadd-square-boldaugmented-reality-boldballoon-boldbattery-charge-boldbattery-charge-minimalistic-boldbattery-full-boldbattery-full-minimalistic-boldbattery-half-boldbattery-half-minimalistic-boldbattery-low-boldbattery-low-minimalistic-boldblocks-boldbody-boldbolt-boldbolt-circle-boldbox-boldbox-minimalistic-boldbroom-boldcat-boldcheck-circle-boldcheck-square-bold
Use the share circle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 9C10.3431 9 9 7.65685 9 6C9 4.34315 10.3431 3 12 3C13.6569 3 15 4.34315 15 6C15 7.65685 13.6569 9 12 9Z"/><path d="M5.5 21C3.84315 21 2.5 19.6569 2.5 18C2.5 16.3431 3.84315 15 5.5 15C7.15685 15 8.5 16.3431 8.5 18C8.5 19.6569 7.15685 21 5.5 21Z"/><path d="M18.5 21C16.8431 21 15.5 19.6569 15.5 18C15.5 16.3431 16.8431 15 18.5 15C20.1569 15 21.5 16.3431 21.5 18C21.5 19.6569 20.1569 21 18.5 21Z"/><path stroke-linecap="round" d="M20 13C20 10.6106 18.9525 8.46589 17.2916 7M4 13C4 10.6106 5.04752 8.46589 6.70838 7M10 20.748C10.6392 20.9125 11.3094 21 12 21C12.6906 21 13.3608 20.9125 14 20.748"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarShareCircleLinear(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path d="M12 9C10.3431 9 9 7.65685 9 6C9 4.34315 10.3431 3 12 3C13.6569 3 15 4.34315 15 6C15 7.65685 13.6569 9 12 9Z"/><path d="M5.5 21C3.84315 21 2.5 19.6569 2.5 18C2.5 16.3431 3.84315 15 5.5 15C7.15685 15 8.5 16.3431 8.5 18C8.5 19.6569 7.15685 21 5.5 21Z"/><path d="M18.5 21C16.8431 21 15.5 19.6569 15.5 18C15.5 16.3431 16.8431 15 18.5 15C20.1569 15 21.5 16.3431 21.5 18C21.5 19.6569 20.1569 21 18.5 21Z"/><path strokeLinecap="round" d="M20 13C20 10.6106 18.9525 8.46589 17.2916 7M4 13C4 10.6106 5.04752 8.46589 6.70838 7M10 20.748C10.6392 20.9125 11.3094 21 12 21C12.6906 21 13.3608 20.9125 14 20.748"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 9C10.3431 9 9 7.65685 9 6C9 4.34315 10.3431 3 12 3C13.6569 3 15 4.34315 15 6C15 7.65685 13.6569 9 12 9Z"/><path d="M5.5 21C3.84315 21 2.5 19.6569 2.5 18C2.5 16.3431 3.84315 15 5.5 15C7.15685 15 8.5 16.3431 8.5 18C8.5 19.6569 7.15685 21 5.5 21Z"/><path d="M18.5 21C16.8431 21 15.5 19.6569 15.5 18C15.5 16.3431 16.8431 15 18.5 15C20.1569 15 21.5 16.3431 21.5 18C21.5 19.6569 20.1569 21 18.5 21Z"/><path stroke-linecap="round" d="M20 13C20 10.6106 18.9525 8.46589 17.2916 7M4 13C4 10.6106 5.04752 8.46589 6.70838 7M10 20.748C10.6392 20.9125 11.3094 21 12 21C12.6906 21 13.3608 20.9125 14 20.748"/></g></svg> </template>
CSS
.icon-share-circle-linear {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M12%209C10.3431%209%209%207.65685%209%206C9%204.34315%2010.3431%203%2012%203C13.6569%203%2015%204.34315%2015%206C15%207.65685%2013.6569%209%2012%209Z%22%2F%3E%3Cpath%20d%3D%22M5.5%2021C3.84315%2021%202.5%2019.6569%202.5%2018C2.5%2016.3431%203.84315%2015%205.5%2015C7.15685%2015%208.5%2016.3431%208.5%2018C8.5%2019.6569%207.15685%2021%205.5%2021Z%22%2F%3E%3Cpath%20d%3D%22M18.5%2021C16.8431%2021%2015.5%2019.6569%2015.5%2018C15.5%2016.3431%2016.8431%2015%2018.5%2015C20.1569%2015%2021.5%2016.3431%2021.5%2018C21.5%2019.6569%2020.1569%2021%2018.5%2021Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M20%2013C20%2010.6106%2018.9525%208.46589%2017.2916%207M4%2013C4%2010.6106%205.04752%208.46589%206.70838%207M10%2020.748C10.6392%2020.9125%2011.3094%2021%2012%2021C12.6906%2021%2013.3608%2020.9125%2014%2020.748%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%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M12%209C10.3431%209%209%207.65685%209%206C9%204.34315%2010.3431%203%2012%203C13.6569%203%2015%204.34315%2015%206C15%207.65685%2013.6569%209%2012%209Z%22%2F%3E%3Cpath%20d%3D%22M5.5%2021C3.84315%2021%202.5%2019.6569%202.5%2018C2.5%2016.3431%203.84315%2015%205.5%2015C7.15685%2015%208.5%2016.3431%208.5%2018C8.5%2019.6569%207.15685%2021%205.5%2021Z%22%2F%3E%3Cpath%20d%3D%22M18.5%2021C16.8431%2021%2015.5%2019.6569%2015.5%2018C15.5%2016.3431%2016.8431%2015%2018.5%2015C20.1569%2015%2021.5%2016.3431%2021.5%2018C21.5%2019.6569%2020.1569%2021%2018.5%2021Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M20%2013C20%2010.6106%2018.9525%208.46589%2017.2916%207M4%2013C4%2010.6106%205.04752%208.46589%206.70838%207M10%2020.748C10.6392%2020.9125%2011.3094%2021%2012%2021C12.6906%2021%2013.3608%2020.9125%2014%2020.748%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/share-circle-linear.svg?color=%231a73e8&size=48
