add circle icon
add-circle-outline from Solar by 480 Design · Outline · UI · CC-BY-4.0 Attribution required.
- Name
- add-circle-outline
- Set
- Solar
- Style
- Outline
- 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-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-boldcircle-dashed-bold
Use the add circle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.75 9C12.75 8.58579 12.4142 8.25 12 8.25C11.5858 8.25 11.25 8.58579 11.25 9L11.25 11.25H9C8.58579 11.25 8.25 11.5858 8.25 12C8.25 12.4142 8.58579 12.75 9 12.75H11.25V15C11.25 15.4142 11.5858 15.75 12 15.75C12.4142 15.75 12.75 15.4142 12.75 15L12.75 12.75H15C15.4142 12.75 15.75 12.4142 15.75 12C15.75 11.5858 15.4142 11.25 15 11.25H12.75V9Z"/><path fill-rule="evenodd" d="M12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25ZM2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12Z" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarAddCircleOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.75 9C12.75 8.58579 12.4142 8.25 12 8.25C11.5858 8.25 11.25 8.58579 11.25 9L11.25 11.25H9C8.58579 11.25 8.25 11.5858 8.25 12C8.25 12.4142 8.58579 12.75 9 12.75H11.25V15C11.25 15.4142 11.5858 15.75 12 15.75C12.4142 15.75 12.75 15.4142 12.75 15L12.75 12.75H15C15.4142 12.75 15.75 12.4142 15.75 12C15.75 11.5858 15.4142 11.25 15 11.25H12.75V9Z"/><path fillRule="evenodd" d="M12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25ZM2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12Z" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.75 9C12.75 8.58579 12.4142 8.25 12 8.25C11.5858 8.25 11.25 8.58579 11.25 9L11.25 11.25H9C8.58579 11.25 8.25 11.5858 8.25 12C8.25 12.4142 8.58579 12.75 9 12.75H11.25V15C11.25 15.4142 11.5858 15.75 12 15.75C12.4142 15.75 12.75 15.4142 12.75 15L12.75 12.75H15C15.4142 12.75 15.75 12.4142 15.75 12C15.75 11.5858 15.4142 11.25 15 11.25H12.75V9Z"/><path fill-rule="evenodd" d="M12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25ZM2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12Z" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-add-circle-outline {
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%22currentColor%22%3E%3Cpath%20d%3D%22M12.75%209C12.75%208.58579%2012.4142%208.25%2012%208.25C11.5858%208.25%2011.25%208.58579%2011.25%209L11.25%2011.25H9C8.58579%2011.25%208.25%2011.5858%208.25%2012C8.25%2012.4142%208.58579%2012.75%209%2012.75H11.25V15C11.25%2015.4142%2011.5858%2015.75%2012%2015.75C12.4142%2015.75%2012.75%2015.4142%2012.75%2015L12.75%2012.75H15C15.4142%2012.75%2015.75%2012.4142%2015.75%2012C15.75%2011.5858%2015.4142%2011.25%2015%2011.25H12.75V9Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%201.25C6.06294%201.25%201.25%206.06294%201.25%2012C1.25%2017.9371%206.06294%2022.75%2012%2022.75C17.9371%2022.75%2022.75%2017.9371%2022.75%2012C22.75%206.06294%2017.9371%201.25%2012%201.25ZM2.75%2012C2.75%206.89137%206.89137%202.75%2012%202.75C17.1086%202.75%2021.25%206.89137%2021.25%2012C21.25%2017.1086%2017.1086%2021.25%2012%2021.25C6.89137%2021.25%202.75%2017.1086%202.75%2012Z%22%20clip-rule%3D%22evenodd%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%22currentColor%22%3E%3Cpath%20d%3D%22M12.75%209C12.75%208.58579%2012.4142%208.25%2012%208.25C11.5858%208.25%2011.25%208.58579%2011.25%209L11.25%2011.25H9C8.58579%2011.25%208.25%2011.5858%208.25%2012C8.25%2012.4142%208.58579%2012.75%209%2012.75H11.25V15C11.25%2015.4142%2011.5858%2015.75%2012%2015.75C12.4142%2015.75%2012.75%2015.4142%2012.75%2015L12.75%2012.75H15C15.4142%2012.75%2015.75%2012.4142%2015.75%2012C15.75%2011.5858%2015.4142%2011.25%2015%2011.25H12.75V9Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%201.25C6.06294%201.25%201.25%206.06294%201.25%2012C1.25%2017.9371%206.06294%2022.75%2012%2022.75C17.9371%2022.75%2022.75%2017.9371%2022.75%2012C22.75%206.06294%2017.9371%201.25%2012%201.25ZM2.75%2012C2.75%206.89137%206.89137%202.75%2012%202.75C17.1086%202.75%2021.25%206.89137%2021.25%2012C21.25%2017.1086%2017.1086%2021.25%2012%2021.25C6.89137%2021.25%202.75%2017.1086%202.75%2012Z%22%20clip-rule%3D%22evenodd%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/add-circle-outline.svg?color=%231a73e8&size=48
