function icon
function from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- function
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
The same icon in other sets
Use the function icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M27.927 43.834c.713 0 1.217-.399 1.217-1.112c0-.315-.084-.483-.315-.924c-2.56-3.965-4.008-8.518-4.008-13.449c0-4.763 1.364-9.526 4.008-13.512c.23-.44.315-.608.315-.923c0-.672-.504-1.112-1.217-1.112c-.693 0-1.26.314-1.93 1.238c-3.148 4.007-4.742 9-4.742 14.288s1.531 10.134 4.741 14.268c.672.923 1.238 1.238 1.93 1.238m21.422 0c.692 0 1.238-.315 1.91-1.238C54.468 38.462 56 33.616 56 28.328c0-5.287-1.574-10.28-4.742-14.288c-.671-.924-1.217-1.238-1.909-1.238c-.713 0-1.217.44-1.217 1.112c0 .315.063.482.294.923c2.665 3.986 4.028 8.75 4.028 13.512c0 4.93-1.468 9.484-4.007 13.45c-.252.44-.315.608-.315.923c0 .671.504 1.112 1.217 1.112m-46.516-.042c4.112 0 6.021-1.763 7.007-6.484l2.392-11.477h3.798c1.217 0 1.993-.65 1.993-1.7c0-.901-.587-1.468-1.552-1.468h-3.546l.587-2.853c.546-2.665 1.385-3.756 3.714-3.756c.336 0 .671-.021.902-.042c1.05-.105 1.51-.588 1.51-1.49c0-1.175-.985-1.7-3-1.7c-4.007 0-6.063 1.994-6.986 6.484l-.714 3.357H6.336c-1.216 0-2.014.65-2.014 1.7c0 .902.609 1.468 1.574 1.468h2.37L5.96 36.805c-.59 2.748-1.45 3.755-3.694 3.755c-.294 0-.566.021-.776.042c-.965.126-1.49.65-1.49 1.532c0 1.133.965 1.658 2.833 1.658m29.479-5.519c.692 0 1.154-.23 1.678-.986l4.595-6.546h.084l4.7 6.651c.525.735 1.028.881 1.532.881c1.007 0 1.679-.713 1.679-1.573c0-.399-.126-.776-.4-1.133l-5.37-7.302l5.37-7.196c.274-.357.4-.735.4-1.175c0-.903-.756-1.532-1.595-1.532c-.755 0-1.196.378-1.595.986l-4.427 6.483h-.105l-4.448-6.504c-.399-.609-.902-.965-1.7-.965c-.965 0-1.7.776-1.7 1.615c0 .609.169.987.463 1.343l5.098 6.84l-5.413 7.49c-.315.4-.378.756-.378 1.176c0 .818.693 1.447 1.532 1.447"/></svg>
React
import type { SVGProps } from "react";
export function F7Function(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M27.927 43.834c.713 0 1.217-.399 1.217-1.112c0-.315-.084-.483-.315-.924c-2.56-3.965-4.008-8.518-4.008-13.449c0-4.763 1.364-9.526 4.008-13.512c.23-.44.315-.608.315-.923c0-.672-.504-1.112-1.217-1.112c-.693 0-1.26.314-1.93 1.238c-3.148 4.007-4.742 9-4.742 14.288s1.531 10.134 4.741 14.268c.672.923 1.238 1.238 1.93 1.238m21.422 0c.692 0 1.238-.315 1.91-1.238C54.468 38.462 56 33.616 56 28.328c0-5.287-1.574-10.28-4.742-14.288c-.671-.924-1.217-1.238-1.909-1.238c-.713 0-1.217.44-1.217 1.112c0 .315.063.482.294.923c2.665 3.986 4.028 8.75 4.028 13.512c0 4.93-1.468 9.484-4.007 13.45c-.252.44-.315.608-.315.923c0 .671.504 1.112 1.217 1.112m-46.516-.042c4.112 0 6.021-1.763 7.007-6.484l2.392-11.477h3.798c1.217 0 1.993-.65 1.993-1.7c0-.901-.587-1.468-1.552-1.468h-3.546l.587-2.853c.546-2.665 1.385-3.756 3.714-3.756c.336 0 .671-.021.902-.042c1.05-.105 1.51-.588 1.51-1.49c0-1.175-.985-1.7-3-1.7c-4.007 0-6.063 1.994-6.986 6.484l-.714 3.357H6.336c-1.216 0-2.014.65-2.014 1.7c0 .902.609 1.468 1.574 1.468h2.37L5.96 36.805c-.59 2.748-1.45 3.755-3.694 3.755c-.294 0-.566.021-.776.042c-.965.126-1.49.65-1.49 1.532c0 1.133.965 1.658 2.833 1.658m29.479-5.519c.692 0 1.154-.23 1.678-.986l4.595-6.546h.084l4.7 6.651c.525.735 1.028.881 1.532.881c1.007 0 1.679-.713 1.679-1.573c0-.399-.126-.776-.4-1.133l-5.37-7.302l5.37-7.196c.274-.357.4-.735.4-1.175c0-.903-.756-1.532-1.595-1.532c-.755 0-1.196.378-1.595.986l-4.427 6.483h-.105l-4.448-6.504c-.399-.609-.902-.965-1.7-.965c-.965 0-1.7.776-1.7 1.615c0 .609.169.987.463 1.343l5.098 6.84l-5.413 7.49c-.315.4-.378.756-.378 1.176c0 .818.693 1.447 1.532 1.447"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M27.927 43.834c.713 0 1.217-.399 1.217-1.112c0-.315-.084-.483-.315-.924c-2.56-3.965-4.008-8.518-4.008-13.449c0-4.763 1.364-9.526 4.008-13.512c.23-.44.315-.608.315-.923c0-.672-.504-1.112-1.217-1.112c-.693 0-1.26.314-1.93 1.238c-3.148 4.007-4.742 9-4.742 14.288s1.531 10.134 4.741 14.268c.672.923 1.238 1.238 1.93 1.238m21.422 0c.692 0 1.238-.315 1.91-1.238C54.468 38.462 56 33.616 56 28.328c0-5.287-1.574-10.28-4.742-14.288c-.671-.924-1.217-1.238-1.909-1.238c-.713 0-1.217.44-1.217 1.112c0 .315.063.482.294.923c2.665 3.986 4.028 8.75 4.028 13.512c0 4.93-1.468 9.484-4.007 13.45c-.252.44-.315.608-.315.923c0 .671.504 1.112 1.217 1.112m-46.516-.042c4.112 0 6.021-1.763 7.007-6.484l2.392-11.477h3.798c1.217 0 1.993-.65 1.993-1.7c0-.901-.587-1.468-1.552-1.468h-3.546l.587-2.853c.546-2.665 1.385-3.756 3.714-3.756c.336 0 .671-.021.902-.042c1.05-.105 1.51-.588 1.51-1.49c0-1.175-.985-1.7-3-1.7c-4.007 0-6.063 1.994-6.986 6.484l-.714 3.357H6.336c-1.216 0-2.014.65-2.014 1.7c0 .902.609 1.468 1.574 1.468h2.37L5.96 36.805c-.59 2.748-1.45 3.755-3.694 3.755c-.294 0-.566.021-.776.042c-.965.126-1.49.65-1.49 1.532c0 1.133.965 1.658 2.833 1.658m29.479-5.519c.692 0 1.154-.23 1.678-.986l4.595-6.546h.084l4.7 6.651c.525.735 1.028.881 1.532.881c1.007 0 1.679-.713 1.679-1.573c0-.399-.126-.776-.4-1.133l-5.37-7.302l5.37-7.196c.274-.357.4-.735.4-1.175c0-.903-.756-1.532-1.595-1.532c-.755 0-1.196.378-1.595.986l-4.427 6.483h-.105l-4.448-6.504c-.399-.609-.902-.965-1.7-.965c-.965 0-1.7.776-1.7 1.615c0 .609.169.987.463 1.343l5.098 6.84l-5.413 7.49c-.315.4-.378.756-.378 1.176c0 .818.693 1.447 1.532 1.447"/></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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27.927%2043.834c.713%200%201.217-.399%201.217-1.112c0-.315-.084-.483-.315-.924c-2.56-3.965-4.008-8.518-4.008-13.449c0-4.763%201.364-9.526%204.008-13.512c.23-.44.315-.608.315-.923c0-.672-.504-1.112-1.217-1.112c-.693%200-1.26.314-1.93%201.238c-3.148%204.007-4.742%209-4.742%2014.288s1.531%2010.134%204.741%2014.268c.672.923%201.238%201.238%201.93%201.238m21.422%200c.692%200%201.238-.315%201.91-1.238C54.468%2038.462%2056%2033.616%2056%2028.328c0-5.287-1.574-10.28-4.742-14.288c-.671-.924-1.217-1.238-1.909-1.238c-.713%200-1.217.44-1.217%201.112c0%20.315.063.482.294.923c2.665%203.986%204.028%208.75%204.028%2013.512c0%204.93-1.468%209.484-4.007%2013.45c-.252.44-.315.608-.315.923c0%20.671.504%201.112%201.217%201.112m-46.516-.042c4.112%200%206.021-1.763%207.007-6.484l2.392-11.477h3.798c1.217%200%201.993-.65%201.993-1.7c0-.901-.587-1.468-1.552-1.468h-3.546l.587-2.853c.546-2.665%201.385-3.756%203.714-3.756c.336%200%20.671-.021.902-.042c1.05-.105%201.51-.588%201.51-1.49c0-1.175-.985-1.7-3-1.7c-4.007%200-6.063%201.994-6.986%206.484l-.714%203.357H6.336c-1.216%200-2.014.65-2.014%201.7c0%20.902.609%201.468%201.574%201.468h2.37L5.96%2036.805c-.59%202.748-1.45%203.755-3.694%203.755c-.294%200-.566.021-.776.042c-.965.126-1.49.65-1.49%201.532c0%201.133.965%201.658%202.833%201.658m29.479-5.519c.692%200%201.154-.23%201.678-.986l4.595-6.546h.084l4.7%206.651c.525.735%201.028.881%201.532.881c1.007%200%201.679-.713%201.679-1.573c0-.399-.126-.776-.4-1.133l-5.37-7.302l5.37-7.196c.274-.357.4-.735.4-1.175c0-.903-.756-1.532-1.595-1.532c-.755%200-1.196.378-1.595.986l-4.427%206.483h-.105l-4.448-6.504c-.399-.609-.902-.965-1.7-.965c-.965%200-1.7.776-1.7%201.615c0%20.609.169.987.463%201.343l5.098%206.84l-5.413%207.49c-.315.4-.378.756-.378%201.176c0%20.818.693%201.447%201.532%201.447%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27.927%2043.834c.713%200%201.217-.399%201.217-1.112c0-.315-.084-.483-.315-.924c-2.56-3.965-4.008-8.518-4.008-13.449c0-4.763%201.364-9.526%204.008-13.512c.23-.44.315-.608.315-.923c0-.672-.504-1.112-1.217-1.112c-.693%200-1.26.314-1.93%201.238c-3.148%204.007-4.742%209-4.742%2014.288s1.531%2010.134%204.741%2014.268c.672.923%201.238%201.238%201.93%201.238m21.422%200c.692%200%201.238-.315%201.91-1.238C54.468%2038.462%2056%2033.616%2056%2028.328c0-5.287-1.574-10.28-4.742-14.288c-.671-.924-1.217-1.238-1.909-1.238c-.713%200-1.217.44-1.217%201.112c0%20.315.063.482.294.923c2.665%203.986%204.028%208.75%204.028%2013.512c0%204.93-1.468%209.484-4.007%2013.45c-.252.44-.315.608-.315.923c0%20.671.504%201.112%201.217%201.112m-46.516-.042c4.112%200%206.021-1.763%207.007-6.484l2.392-11.477h3.798c1.217%200%201.993-.65%201.993-1.7c0-.901-.587-1.468-1.552-1.468h-3.546l.587-2.853c.546-2.665%201.385-3.756%203.714-3.756c.336%200%20.671-.021.902-.042c1.05-.105%201.51-.588%201.51-1.49c0-1.175-.985-1.7-3-1.7c-4.007%200-6.063%201.994-6.986%206.484l-.714%203.357H6.336c-1.216%200-2.014.65-2.014%201.7c0%20.902.609%201.468%201.574%201.468h2.37L5.96%2036.805c-.59%202.748-1.45%203.755-3.694%203.755c-.294%200-.566.021-.776.042c-.965.126-1.49.65-1.49%201.532c0%201.133.965%201.658%202.833%201.658m29.479-5.519c.692%200%201.154-.23%201.678-.986l4.595-6.546h.084l4.7%206.651c.525.735%201.028.881%201.532.881c1.007%200%201.679-.713%201.679-1.573c0-.399-.126-.776-.4-1.133l-5.37-7.302l5.37-7.196c.274-.357.4-.735.4-1.175c0-.903-.756-1.532-1.595-1.532c-.755%200-1.196.378-1.595.986l-4.427%206.483h-.105l-4.448-6.504c-.399-.609-.902-.965-1.7-.965c-.965%200-1.7.776-1.7%201.615c0%20.609.169.987.463%201.343l5.098%206.84l-5.413%207.49c-.315.4-.378.756-.378%201.176c0%20.818.693%201.447%201.532%201.447%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/function.svg?color=%231a73e8&size=48
