function icon
function from Carbon by IBM · Outline · Tools · Apache-2.0 Free for personal and commercial use.
- Name
- function
- Set
- Carbon
- Style
- Outline
- Category
- Tools
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
More tools icons from Carbon
Use the function icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m19.626 29.526l-.516-1.933a12.004 12.004 0 0 0 6.121-19.26l1.538-1.28a14.003 14.003 0 0 1-7.143 22.473"/><path fill="currentColor" d="M10 29H8v-3.82l.804-.16C10.262 24.727 12 23.62 12 20v-1.382l-4-2v-2.236l4-2V12c0-5.467 3.925-9 10-9h2v3.82l-.804.16C21.738 7.273 20 8.38 20 12v.382l4 2v2.236l-4 2V20c0 5.467-3.925 9-10 9m0-2c4.935 0 8-2.682 8-7v-2.618l3.764-1.882L18 13.618V12c0-4.578 2.385-6.192 4-6.76V5c-4.935 0-8 2.682-8 7v1.618L10.236 15.5L14 17.382V20c0 4.578-2.385 6.192-4 6.76Z"/><path fill="currentColor" d="M5.231 24.947a14.003 14.003 0 0 1 7.147-22.474l.516 1.932a12.004 12.004 0 0 0-6.125 19.263Z"/></svg>
React
import type { SVGProps } from "react";
export function CarbonFunction(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m19.626 29.526l-.516-1.933a12.004 12.004 0 0 0 6.121-19.26l1.538-1.28a14.003 14.003 0 0 1-7.143 22.473"/><path fill="currentColor" d="M10 29H8v-3.82l.804-.16C10.262 24.727 12 23.62 12 20v-1.382l-4-2v-2.236l4-2V12c0-5.467 3.925-9 10-9h2v3.82l-.804.16C21.738 7.273 20 8.38 20 12v.382l4 2v2.236l-4 2V20c0 5.467-3.925 9-10 9m0-2c4.935 0 8-2.682 8-7v-2.618l3.764-1.882L18 13.618V12c0-4.578 2.385-6.192 4-6.76V5c-4.935 0-8 2.682-8 7v1.618L10.236 15.5L14 17.382V20c0 4.578-2.385 6.192-4 6.76Z"/><path fill="currentColor" d="M5.231 24.947a14.003 14.003 0 0 1 7.147-22.474l.516 1.932a12.004 12.004 0 0 0-6.125 19.263Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m19.626 29.526l-.516-1.933a12.004 12.004 0 0 0 6.121-19.26l1.538-1.28a14.003 14.003 0 0 1-7.143 22.473"/><path fill="currentColor" d="M10 29H8v-3.82l.804-.16C10.262 24.727 12 23.62 12 20v-1.382l-4-2v-2.236l4-2V12c0-5.467 3.925-9 10-9h2v3.82l-.804.16C21.738 7.273 20 8.38 20 12v.382l4 2v2.236l-4 2V20c0 5.467-3.925 9-10 9m0-2c4.935 0 8-2.682 8-7v-2.618l3.764-1.882L18 13.618V12c0-4.578 2.385-6.192 4-6.76V5c-4.935 0-8 2.682-8 7v1.618L10.236 15.5L14 17.382V20c0 4.578-2.385 6.192-4 6.76Z"/><path fill="currentColor" d="M5.231 24.947a14.003 14.003 0 0 1 7.147-22.474l.516 1.932a12.004 12.004 0 0 0-6.125 19.263Z"/></svg> </template>
CSS
.icon-function {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m19.626%2029.526l-.516-1.933a12.004%2012.004%200%200%200%206.121-19.26l1.538-1.28a14.003%2014.003%200%200%201-7.143%2022.473%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10%2029H8v-3.82l.804-.16C10.262%2024.727%2012%2023.62%2012%2020v-1.382l-4-2v-2.236l4-2V12c0-5.467%203.925-9%2010-9h2v3.82l-.804.16C21.738%207.273%2020%208.38%2020%2012v.382l4%202v2.236l-4%202V20c0%205.467-3.925%209-10%209m0-2c4.935%200%208-2.682%208-7v-2.618l3.764-1.882L18%2013.618V12c0-4.578%202.385-6.192%204-6.76V5c-4.935%200-8%202.682-8%207v1.618L10.236%2015.5L14%2017.382V20c0%204.578-2.385%206.192-4%206.76Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.231%2024.947a14.003%2014.003%200%200%201%207.147-22.474l.516%201.932a12.004%2012.004%200%200%200-6.125%2019.263Z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m19.626%2029.526l-.516-1.933a12.004%2012.004%200%200%200%206.121-19.26l1.538-1.28a14.003%2014.003%200%200%201-7.143%2022.473%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10%2029H8v-3.82l.804-.16C10.262%2024.727%2012%2023.62%2012%2020v-1.382l-4-2v-2.236l4-2V12c0-5.467%203.925-9%2010-9h2v3.82l-.804.16C21.738%207.273%2020%208.38%2020%2012v.382l4%202v2.236l-4%202V20c0%205.467-3.925%209-10%209m0-2c4.935%200%208-2.682%208-7v-2.618l3.764-1.882L18%2013.618V12c0-4.578%202.385-6.192%204-6.76V5c-4.935%200-8%202.682-8%207v1.618L10.236%2015.5L14%2017.382V20c0%204.578-2.385%206.192-4%206.76Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.231%2024.947a14.003%2014.003%200%200%201%207.147-22.474l.516%201.932a12.004%2012.004%200%200%200-6.125%2019.263Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/function.svg?color=%231a73e8&size=48
