function icon
function-rounded from Material Symbols Light by Google · Rounded · Text · Apache-2.0 Free for personal and commercial use.
- Name
- function-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Text
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- function-outline-rounded
1 other variant in Material Symbols Light
The same icon in other sets
More text icons from Material Symbols Light
add-column-leftadd-column-rightadd-linkadd-notesadd-row-aboveadd-row-belowadd-to-drivealign-centeralign-endalign-flex-centeralign-flex-endalign-flex-startalign-horizontal-centeralign-horizontal-leftalign-horizontal-rightalign-items-stretchalign-justify-centeralign-justify-flex-endalign-justify-flex-startalign-justify-space-aroundalign-justify-space-betweenalign-justify-space-evenalign-justify-stretchalign-self-stretch
Use the function icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.621 20.5q-.875 0-1.44-.484q-.566-.485-.566-1.274q0-.55.281-.883q.281-.334.72-.334q.413 0 .706.29q.294.29.294.699q0 .278-.167.484q-.166.206-.403.254q.096.096.27.164q.173.067.384.067q.529-.006.857-.465q.327-.458.531-1.447L8.659 9.5H6.192q-.213 0-.357-.143T5.693 9t.144-.357t.356-.143h2.649l.486-2.62q.214-1.16.803-1.77t1.505-.61q.869 0 1.434.506q.565.505.565 1.288q0 .539-.28.872q-.281.334-.72.334q-.413 0-.706-.28q-.294-.281-.294-.695q0-.279.167-.485q.166-.206.422-.254q-.096-.115-.298-.192t-.413-.077q-.477.012-.773.4q-.297.389-.443 1.147L9.871 8.5h3.937q.213 0 .357.143t.143.357q0 .202-.132.342t-.328.152h-.942l2.402 2.75l2.402-2.75h-.943q-.196-.011-.327-.152q-.132-.14-.132-.342q0-.213.143-.357t.357-.143h3q.213 0 .357.143t.143.357t-.143.357t-.357.143h-.781L15.979 13l3.067 3.5h.762q.213 0 .357.143t.143.357t-.143.357t-.357.143h-3q-.214 0-.357-.143T16.308 17q0-.202.131-.342q.132-.14.328-.152h.942l-2.401-2.756l-2.402 2.756h.942q.196.011.328.152t.132.342q0 .214-.144.357t-.356.143h-3q-.214 0-.357-.143T10.308 17t.143-.357t.357-.143h.78l3.049-3.5l-3.049-3.5H9.67l-1.6 8.196q-.277 1.433-.877 2.118q-.6.686-1.57.686"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightFunctionRounded(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="M5.621 20.5q-.875 0-1.44-.484q-.566-.485-.566-1.274q0-.55.281-.883q.281-.334.72-.334q.413 0 .706.29q.294.29.294.699q0 .278-.167.484q-.166.206-.403.254q.096.096.27.164q.173.067.384.067q.529-.006.857-.465q.327-.458.531-1.447L8.659 9.5H6.192q-.213 0-.357-.143T5.693 9t.144-.357t.356-.143h2.649l.486-2.62q.214-1.16.803-1.77t1.505-.61q.869 0 1.434.506q.565.505.565 1.288q0 .539-.28.872q-.281.334-.72.334q-.413 0-.706-.28q-.294-.281-.294-.695q0-.279.167-.485q.166-.206.422-.254q-.096-.115-.298-.192t-.413-.077q-.477.012-.773.4q-.297.389-.443 1.147L9.871 8.5h3.937q.213 0 .357.143t.143.357q0 .202-.132.342t-.328.152h-.942l2.402 2.75l2.402-2.75h-.943q-.196-.011-.327-.152q-.132-.14-.132-.342q0-.213.143-.357t.357-.143h3q.213 0 .357.143t.143.357t-.143.357t-.357.143h-.781L15.979 13l3.067 3.5h.762q.213 0 .357.143t.143.357t-.143.357t-.357.143h-3q-.214 0-.357-.143T16.308 17q0-.202.131-.342q.132-.14.328-.152h.942l-2.401-2.756l-2.402 2.756h.942q.196.011.328.152t.132.342q0 .214-.144.357t-.356.143h-3q-.214 0-.357-.143T10.308 17t.143-.357t.357-.143h.78l3.049-3.5l-3.049-3.5H9.67l-1.6 8.196q-.277 1.433-.877 2.118q-.6.686-1.57.686"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.621 20.5q-.875 0-1.44-.484q-.566-.485-.566-1.274q0-.55.281-.883q.281-.334.72-.334q.413 0 .706.29q.294.29.294.699q0 .278-.167.484q-.166.206-.403.254q.096.096.27.164q.173.067.384.067q.529-.006.857-.465q.327-.458.531-1.447L8.659 9.5H6.192q-.213 0-.357-.143T5.693 9t.144-.357t.356-.143h2.649l.486-2.62q.214-1.16.803-1.77t1.505-.61q.869 0 1.434.506q.565.505.565 1.288q0 .539-.28.872q-.281.334-.72.334q-.413 0-.706-.28q-.294-.281-.294-.695q0-.279.167-.485q.166-.206.422-.254q-.096-.115-.298-.192t-.413-.077q-.477.012-.773.4q-.297.389-.443 1.147L9.871 8.5h3.937q.213 0 .357.143t.143.357q0 .202-.132.342t-.328.152h-.942l2.402 2.75l2.402-2.75h-.943q-.196-.011-.327-.152q-.132-.14-.132-.342q0-.213.143-.357t.357-.143h3q.213 0 .357.143t.143.357t-.143.357t-.357.143h-.781L15.979 13l3.067 3.5h.762q.213 0 .357.143t.143.357t-.143.357t-.357.143h-3q-.214 0-.357-.143T16.308 17q0-.202.131-.342q.132-.14.328-.152h.942l-2.401-2.756l-2.402 2.756h.942q.196.011.328.152t.132.342q0 .214-.144.357t-.356.143h-3q-.214 0-.357-.143T10.308 17t.143-.357t.357-.143h.78l3.049-3.5l-3.049-3.5H9.67l-1.6 8.196q-.277 1.433-.877 2.118q-.6.686-1.57.686"/></svg> </template>
CSS
.icon-function-rounded {
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%22M5.621%2020.5q-.875%200-1.44-.484q-.566-.485-.566-1.274q0-.55.281-.883q.281-.334.72-.334q.413%200%20.706.29q.294.29.294.699q0%20.278-.167.484q-.166.206-.403.254q.096.096.27.164q.173.067.384.067q.529-.006.857-.465q.327-.458.531-1.447L8.659%209.5H6.192q-.213%200-.357-.143T5.693%209t.144-.357t.356-.143h2.649l.486-2.62q.214-1.16.803-1.77t1.505-.61q.869%200%201.434.506q.565.505.565%201.288q0%20.539-.28.872q-.281.334-.72.334q-.413%200-.706-.28q-.294-.281-.294-.695q0-.279.167-.485q.166-.206.422-.254q-.096-.115-.298-.192t-.413-.077q-.477.012-.773.4q-.297.389-.443%201.147L9.871%208.5h3.937q.213%200%20.357.143t.143.357q0%20.202-.132.342t-.328.152h-.942l2.402%202.75l2.402-2.75h-.943q-.196-.011-.327-.152q-.132-.14-.132-.342q0-.213.143-.357t.357-.143h3q.213%200%20.357.143t.143.357t-.143.357t-.357.143h-.781L15.979%2013l3.067%203.5h.762q.213%200%20.357.143t.143.357t-.143.357t-.357.143h-3q-.214%200-.357-.143T16.308%2017q0-.202.131-.342q.132-.14.328-.152h.942l-2.401-2.756l-2.402%202.756h.942q.196.011.328.152t.132.342q0%20.214-.144.357t-.356.143h-3q-.214%200-.357-.143T10.308%2017t.143-.357t.357-.143h.78l3.049-3.5l-3.049-3.5H9.67l-1.6%208.196q-.277%201.433-.877%202.118q-.6.686-1.57.686%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%22M5.621%2020.5q-.875%200-1.44-.484q-.566-.485-.566-1.274q0-.55.281-.883q.281-.334.72-.334q.413%200%20.706.29q.294.29.294.699q0%20.278-.167.484q-.166.206-.403.254q.096.096.27.164q.173.067.384.067q.529-.006.857-.465q.327-.458.531-1.447L8.659%209.5H6.192q-.213%200-.357-.143T5.693%209t.144-.357t.356-.143h2.649l.486-2.62q.214-1.16.803-1.77t1.505-.61q.869%200%201.434.506q.565.505.565%201.288q0%20.539-.28.872q-.281.334-.72.334q-.413%200-.706-.28q-.294-.281-.294-.695q0-.279.167-.485q.166-.206.422-.254q-.096-.115-.298-.192t-.413-.077q-.477.012-.773.4q-.297.389-.443%201.147L9.871%208.5h3.937q.213%200%20.357.143t.143.357q0%20.202-.132.342t-.328.152h-.942l2.402%202.75l2.402-2.75h-.943q-.196-.011-.327-.152q-.132-.14-.132-.342q0-.213.143-.357t.357-.143h3q.213%200%20.357.143t.143.357t-.143.357t-.357.143h-.781L15.979%2013l3.067%203.5h.762q.213%200%20.357.143t.143.357t-.143.357t-.357.143h-3q-.214%200-.357-.143T16.308%2017q0-.202.131-.342q.132-.14.328-.152h.942l-2.401-2.756l-2.402%202.756h.942q.196.011.328.152t.132.342q0%20.214-.144.357t-.356.143h-3q-.214%200-.357-.143T10.308%2017t.143-.357t.357-.143h.78l3.049-3.5l-3.049-3.5H9.67l-1.6%208.196q-.277%201.433-.877%202.118q-.6.686-1.57.686%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/function-rounded.svg?color=%231a73e8&size=48
