calculator icon
calculator-linear from Solar by 480 Design · Linear · School · CC-BY-4.0 Attribution required.
- Name
- calculator-linear
- Set
- Solar
- Style
- Linear
- Category
- School
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
calculatorAkar Iconscalculator-filledAnt Design IconscalculatorBootstrap IconscalculatorBoxIcons v2calculatorBoxIcons v2 SolidcalculatorCarboncalculatorFont Awesome 6 SolidcalculatorFont Awesome Solidcalculator-16-filledFluent UI System Iconscalculatorcss.ggcalculatorHeroIconscalculatorHuge IconscalculatorIconParkcalculatorIconPark OutlinecalculatorIconPark SolidcalculatorIconPark TwoTonecalculatorIconoircalculatorIonIconscalculatorJam IconscalculatorLine AwesomecalculatorLucidecalculatorMage IconscalculatorMajesticonscalculatorMaterial Design Icons
More school icons from Solar
backpack-boldbook-2-boldbook-boldbook-bookmark-boldbook-bookmark-minimalistic-boldbook-minimalistic-boldbookmark-boldbookmark-circle-boldbookmark-opened-boldbookmark-square-boldbookmark-square-minimalistic-boldcalculator-minimalistic-boldcase-boldcase-minimalistic-boldcase-round-boldcase-round-minimalistic-bolddiploma-bolddiploma-verified-bolddocument-2-boldnotebook-2-boldnotebook-bookmark-boldnotebook-minimalistic-boldnotebook-square-boldpassport-bold
Use the calculator 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="M4.31802 20.5355C5.63604 22 7.75736 22 12 22C16.2426 22 18.364 22 19.682 20.5355C21 19.0711 21 16.714 21 12C21 7.28595 21 4.92893 19.682 3.46447C18.364 2 16.2426 2 12 2C7.75736 2 5.63604 2 4.31802 3.46447C3 4.92893 3 7.28595 3 12C3 16.714 3 19.0711 4.31802 20.5355Z"/><path d="M7 8C7 7.53501 7 7.30252 7.05111 7.11177C7.18981 6.59413 7.59413 6.18981 8.11177 6.05111C8.30252 6 8.53501 6 9 6H15C15.465 6 15.6975 6 15.8882 6.05111C16.4059 6.18981 16.8102 6.59413 16.9489 7.11177C17 7.30252 17 7.53501 17 8C17 8.46499 17 8.69748 16.9489 8.88823C16.8102 9.40587 16.4059 9.81019 15.8882 9.94889C15.6975 10 15.465 10 15 10H9C8.53501 10 8.30252 10 8.11177 9.94889C7.59413 9.81019 7.18981 9.40587 7.05111 8.88823C7 8.69748 7 8.46499 7 8Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M8 13H8.009M11.991 13H12M15.991 13H16"/><path stroke-linecap="round" stroke-linejoin="round" d="M8 17H8.009M11.991 17H12M15.991 17H16"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarCalculatorLinear(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="M4.31802 20.5355C5.63604 22 7.75736 22 12 22C16.2426 22 18.364 22 19.682 20.5355C21 19.0711 21 16.714 21 12C21 7.28595 21 4.92893 19.682 3.46447C18.364 2 16.2426 2 12 2C7.75736 2 5.63604 2 4.31802 3.46447C3 4.92893 3 7.28595 3 12C3 16.714 3 19.0711 4.31802 20.5355Z"/><path d="M7 8C7 7.53501 7 7.30252 7.05111 7.11177C7.18981 6.59413 7.59413 6.18981 8.11177 6.05111C8.30252 6 8.53501 6 9 6H15C15.465 6 15.6975 6 15.8882 6.05111C16.4059 6.18981 16.8102 6.59413 16.9489 7.11177C17 7.30252 17 7.53501 17 8C17 8.46499 17 8.69748 16.9489 8.88823C16.8102 9.40587 16.4059 9.81019 15.8882 9.94889C15.6975 10 15.465 10 15 10H9C8.53501 10 8.30252 10 8.11177 9.94889C7.59413 9.81019 7.18981 9.40587 7.05111 8.88823C7 8.69748 7 8.46499 7 8Z"/><path strokeLinecap="round" strokeLinejoin="round" d="M8 13H8.009M11.991 13H12M15.991 13H16"/><path strokeLinecap="round" strokeLinejoin="round" d="M8 17H8.009M11.991 17H12M15.991 17H16"/></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="M4.31802 20.5355C5.63604 22 7.75736 22 12 22C16.2426 22 18.364 22 19.682 20.5355C21 19.0711 21 16.714 21 12C21 7.28595 21 4.92893 19.682 3.46447C18.364 2 16.2426 2 12 2C7.75736 2 5.63604 2 4.31802 3.46447C3 4.92893 3 7.28595 3 12C3 16.714 3 19.0711 4.31802 20.5355Z"/><path d="M7 8C7 7.53501 7 7.30252 7.05111 7.11177C7.18981 6.59413 7.59413 6.18981 8.11177 6.05111C8.30252 6 8.53501 6 9 6H15C15.465 6 15.6975 6 15.8882 6.05111C16.4059 6.18981 16.8102 6.59413 16.9489 7.11177C17 7.30252 17 7.53501 17 8C17 8.46499 17 8.69748 16.9489 8.88823C16.8102 9.40587 16.4059 9.81019 15.8882 9.94889C15.6975 10 15.465 10 15 10H9C8.53501 10 8.30252 10 8.11177 9.94889C7.59413 9.81019 7.18981 9.40587 7.05111 8.88823C7 8.69748 7 8.46499 7 8Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M8 13H8.009M11.991 13H12M15.991 13H16"/><path stroke-linecap="round" stroke-linejoin="round" d="M8 17H8.009M11.991 17H12M15.991 17H16"/></g></svg> </template>
CSS
.icon-calculator-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%22M4.31802%2020.5355C5.63604%2022%207.75736%2022%2012%2022C16.2426%2022%2018.364%2022%2019.682%2020.5355C21%2019.0711%2021%2016.714%2021%2012C21%207.28595%2021%204.92893%2019.682%203.46447C18.364%202%2016.2426%202%2012%202C7.75736%202%205.63604%202%204.31802%203.46447C3%204.92893%203%207.28595%203%2012C3%2016.714%203%2019.0711%204.31802%2020.5355Z%22%2F%3E%3Cpath%20d%3D%22M7%208C7%207.53501%207%207.30252%207.05111%207.11177C7.18981%206.59413%207.59413%206.18981%208.11177%206.05111C8.30252%206%208.53501%206%209%206H15C15.465%206%2015.6975%206%2015.8882%206.05111C16.4059%206.18981%2016.8102%206.59413%2016.9489%207.11177C17%207.30252%2017%207.53501%2017%208C17%208.46499%2017%208.69748%2016.9489%208.88823C16.8102%209.40587%2016.4059%209.81019%2015.8882%209.94889C15.6975%2010%2015.465%2010%2015%2010H9C8.53501%2010%208.30252%2010%208.11177%209.94889C7.59413%209.81019%207.18981%209.40587%207.05111%208.88823C7%208.69748%207%208.46499%207%208Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M8%2013H8.009M11.991%2013H12M15.991%2013H16%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M8%2017H8.009M11.991%2017H12M15.991%2017H16%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%22M4.31802%2020.5355C5.63604%2022%207.75736%2022%2012%2022C16.2426%2022%2018.364%2022%2019.682%2020.5355C21%2019.0711%2021%2016.714%2021%2012C21%207.28595%2021%204.92893%2019.682%203.46447C18.364%202%2016.2426%202%2012%202C7.75736%202%205.63604%202%204.31802%203.46447C3%204.92893%203%207.28595%203%2012C3%2016.714%203%2019.0711%204.31802%2020.5355Z%22%2F%3E%3Cpath%20d%3D%22M7%208C7%207.53501%207%207.30252%207.05111%207.11177C7.18981%206.59413%207.59413%206.18981%208.11177%206.05111C8.30252%206%208.53501%206%209%206H15C15.465%206%2015.6975%206%2015.8882%206.05111C16.4059%206.18981%2016.8102%206.59413%2016.9489%207.11177C17%207.30252%2017%207.53501%2017%208C17%208.46499%2017%208.69748%2016.9489%208.88823C16.8102%209.40587%2016.4059%209.81019%2015.8882%209.94889C15.6975%2010%2015.465%2010%2015%2010H9C8.53501%2010%208.30252%2010%208.11177%209.94889C7.59413%209.81019%207.18981%209.40587%207.05111%208.88823C7%208.69748%207%208.46499%207%208Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M8%2013H8.009M11.991%2013H12M15.991%2013H16%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M8%2017H8.009M11.991%2017H12M15.991%2017H16%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/calculator-linear.svg?color=%231a73e8&size=48
