symbols icon
symbols-16-regular from Fluent UI System Icons by Microsoft Corporation · 16 Regular · MIT Free for personal and commercial use.
- Name
- symbols-16-regular
- Set
- Fluent UI System Icons
- Style
- 16 Regular
- Viewbox
- 16×16
- License
- MIT
5 other variants in Fluent UI System Icons
Use the symbols icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M11.897 2.397a1.56 1.56 0 1 1 2.207 2.207l-2.25 2.25a.5.5 0 0 1-.707 0l-2.25-2.25a1.56 1.56 0 1 1 2.207-2.207l.396.396zm1.5.707a.56.56 0 0 0-.793 0l-.75.75a.5.5 0 0 1-.707 0l-.75-.75a.56.56 0 0 0-.793.793L11.5 5.793l1.897-1.896a.56.56 0 0 0 0-.793M4.5 7a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5m1.354-1.853l-2-2a1.5 1.5 0 0 1 2 2m-.707.707a1.5 1.5 0 0 1-2-2zM5 9.5a.5.5 0 0 0-1 0V11H2.5a.5.5 0 0 0 0 1H4v1.5a.5.5 0 1 0 1 0V12h1.5a.5.5 0 1 0 0-1H5zM9.5 15a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .511-.5H11a.5.5 0 0 1 0 1h-.638q.065.085.14.17c.375.43.936.83 1.748.83c.633 0 1.1-.21 1.41-.416a2.3 2.3 0 0 0 .44-.384a.5.5 0 0 1 .8.6l-.4-.3l.4.3l-.001.002l-.002.002l-.004.005l-.011.015l-.038.044a3.3 3.3 0 0 1-.63.548A3.5 3.5 0 0 1 12.25 15c-1.006 0-1.744-.43-2.25-.91v.41a.5.5 0 0 1-.5.5m5-6a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.511.5H13a.5.5 0 1 1 0-1h.638a3 3 0 0 0-.14-.17c-.375-.43-.936-.83-1.748-.83c-.633 0-1.1.21-1.41.416a2.3 2.3 0 0 0-.425.367l-.006.007l-.01.01a.5.5 0 0 1-.799-.6l.4.3l-.4-.3l.001-.002l.002-.002l.004-.005l.011-.014l.038-.045q.045-.056.131-.142c.113-.113.279-.26.498-.406A3.5 3.5 0 0 1 11.75 9c1.006 0 1.744.43 2.25.91V9.5a.5.5 0 0 1 .5-.5"/></svg>
React
import type { SVGProps } from "react";
export function FluentSymbols16Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M11.897 2.397a1.56 1.56 0 1 1 2.207 2.207l-2.25 2.25a.5.5 0 0 1-.707 0l-2.25-2.25a1.56 1.56 0 1 1 2.207-2.207l.396.396zm1.5.707a.56.56 0 0 0-.793 0l-.75.75a.5.5 0 0 1-.707 0l-.75-.75a.56.56 0 0 0-.793.793L11.5 5.793l1.897-1.896a.56.56 0 0 0 0-.793M4.5 7a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5m1.354-1.853l-2-2a1.5 1.5 0 0 1 2 2m-.707.707a1.5 1.5 0 0 1-2-2zM5 9.5a.5.5 0 0 0-1 0V11H2.5a.5.5 0 0 0 0 1H4v1.5a.5.5 0 1 0 1 0V12h1.5a.5.5 0 1 0 0-1H5zM9.5 15a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .511-.5H11a.5.5 0 0 1 0 1h-.638q.065.085.14.17c.375.43.936.83 1.748.83c.633 0 1.1-.21 1.41-.416a2.3 2.3 0 0 0 .44-.384a.5.5 0 0 1 .8.6l-.4-.3l.4.3l-.001.002l-.002.002l-.004.005l-.011.015l-.038.044a3.3 3.3 0 0 1-.63.548A3.5 3.5 0 0 1 12.25 15c-1.006 0-1.744-.43-2.25-.91v.41a.5.5 0 0 1-.5.5m5-6a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.511.5H13a.5.5 0 1 1 0-1h.638a3 3 0 0 0-.14-.17c-.375-.43-.936-.83-1.748-.83c-.633 0-1.1.21-1.41.416a2.3 2.3 0 0 0-.425.367l-.006.007l-.01.01a.5.5 0 0 1-.799-.6l.4.3l-.4-.3l.001-.002l.002-.002l.004-.005l.011-.014l.038-.045q.045-.056.131-.142c.113-.113.279-.26.498-.406A3.5 3.5 0 0 1 11.75 9c1.006 0 1.744.43 2.25.91V9.5a.5.5 0 0 1 .5-.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M11.897 2.397a1.56 1.56 0 1 1 2.207 2.207l-2.25 2.25a.5.5 0 0 1-.707 0l-2.25-2.25a1.56 1.56 0 1 1 2.207-2.207l.396.396zm1.5.707a.56.56 0 0 0-.793 0l-.75.75a.5.5 0 0 1-.707 0l-.75-.75a.56.56 0 0 0-.793.793L11.5 5.793l1.897-1.896a.56.56 0 0 0 0-.793M4.5 7a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5m1.354-1.853l-2-2a1.5 1.5 0 0 1 2 2m-.707.707a1.5 1.5 0 0 1-2-2zM5 9.5a.5.5 0 0 0-1 0V11H2.5a.5.5 0 0 0 0 1H4v1.5a.5.5 0 1 0 1 0V12h1.5a.5.5 0 1 0 0-1H5zM9.5 15a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .511-.5H11a.5.5 0 0 1 0 1h-.638q.065.085.14.17c.375.43.936.83 1.748.83c.633 0 1.1-.21 1.41-.416a2.3 2.3 0 0 0 .44-.384a.5.5 0 0 1 .8.6l-.4-.3l.4.3l-.001.002l-.002.002l-.004.005l-.011.015l-.038.044a3.3 3.3 0 0 1-.63.548A3.5 3.5 0 0 1 12.25 15c-1.006 0-1.744-.43-2.25-.91v.41a.5.5 0 0 1-.5.5m5-6a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.511.5H13a.5.5 0 1 1 0-1h.638a3 3 0 0 0-.14-.17c-.375-.43-.936-.83-1.748-.83c-.633 0-1.1.21-1.41.416a2.3 2.3 0 0 0-.425.367l-.006.007l-.01.01a.5.5 0 0 1-.799-.6l.4.3l-.4-.3l.001-.002l.002-.002l.004-.005l.011-.014l.038-.045q.045-.056.131-.142c.113-.113.279-.26.498-.406A3.5 3.5 0 0 1 11.75 9c1.006 0 1.744.43 2.25.91V9.5a.5.5 0 0 1 .5-.5"/></svg> </template>
CSS
.icon-symbols-16-regular {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.897%202.397a1.56%201.56%200%201%201%202.207%202.207l-2.25%202.25a.5.5%200%200%201-.707%200l-2.25-2.25a1.56%201.56%200%201%201%202.207-2.207l.396.396zm1.5.707a.56.56%200%200%200-.793%200l-.75.75a.5.5%200%200%201-.707%200l-.75-.75a.56.56%200%200%200-.793.793L11.5%205.793l1.897-1.896a.56.56%200%200%200%200-.793M4.5%207a2.5%202.5%200%201%200%200-5a2.5%202.5%200%200%200%200%205m1.354-1.853l-2-2a1.5%201.5%200%200%201%202%202m-.707.707a1.5%201.5%200%200%201-2-2zM5%209.5a.5.5%200%200%200-1%200V11H2.5a.5.5%200%200%200%200%201H4v1.5a.5.5%200%201%200%201%200V12h1.5a.5.5%200%201%200%200-1H5zM9.5%2015a.5.5%200%200%201-.5-.5v-2a.5.5%200%200%201%20.511-.5H11a.5.5%200%200%201%200%201h-.638q.065.085.14.17c.375.43.936.83%201.748.83c.633%200%201.1-.21%201.41-.416a2.3%202.3%200%200%200%20.44-.384a.5.5%200%200%201%20.8.6l-.4-.3l.4.3l-.001.002l-.002.002l-.004.005l-.011.015l-.038.044a3.3%203.3%200%200%201-.63.548A3.5%203.5%200%200%201%2012.25%2015c-1.006%200-1.744-.43-2.25-.91v.41a.5.5%200%200%201-.5.5m5-6a.5.5%200%200%201%20.5.5v2a.5.5%200%200%201-.511.5H13a.5.5%200%201%201%200-1h.638a3%203%200%200%200-.14-.17c-.375-.43-.936-.83-1.748-.83c-.633%200-1.1.21-1.41.416a2.3%202.3%200%200%200-.425.367l-.006.007l-.01.01a.5.5%200%200%201-.799-.6l.4.3l-.4-.3l.001-.002l.002-.002l.004-.005l.011-.014l.038-.045q.045-.056.131-.142c.113-.113.279-.26.498-.406A3.5%203.5%200%200%201%2011.75%209c1.006%200%201.744.43%202.25.91V9.5a.5.5%200%200%201%20.5-.5%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.897%202.397a1.56%201.56%200%201%201%202.207%202.207l-2.25%202.25a.5.5%200%200%201-.707%200l-2.25-2.25a1.56%201.56%200%201%201%202.207-2.207l.396.396zm1.5.707a.56.56%200%200%200-.793%200l-.75.75a.5.5%200%200%201-.707%200l-.75-.75a.56.56%200%200%200-.793.793L11.5%205.793l1.897-1.896a.56.56%200%200%200%200-.793M4.5%207a2.5%202.5%200%201%200%200-5a2.5%202.5%200%200%200%200%205m1.354-1.853l-2-2a1.5%201.5%200%200%201%202%202m-.707.707a1.5%201.5%200%200%201-2-2zM5%209.5a.5.5%200%200%200-1%200V11H2.5a.5.5%200%200%200%200%201H4v1.5a.5.5%200%201%200%201%200V12h1.5a.5.5%200%201%200%200-1H5zM9.5%2015a.5.5%200%200%201-.5-.5v-2a.5.5%200%200%201%20.511-.5H11a.5.5%200%200%201%200%201h-.638q.065.085.14.17c.375.43.936.83%201.748.83c.633%200%201.1-.21%201.41-.416a2.3%202.3%200%200%200%20.44-.384a.5.5%200%200%201%20.8.6l-.4-.3l.4.3l-.001.002l-.002.002l-.004.005l-.011.015l-.038.044a3.3%203.3%200%200%201-.63.548A3.5%203.5%200%200%201%2012.25%2015c-1.006%200-1.744-.43-2.25-.91v.41a.5.5%200%200%201-.5.5m5-6a.5.5%200%200%201%20.5.5v2a.5.5%200%200%201-.511.5H13a.5.5%200%201%201%200-1h.638a3%203%200%200%200-.14-.17c-.375-.43-.936-.83-1.748-.83c-.633%200-1.1.21-1.41.416a2.3%202.3%200%200%200-.425.367l-.006.007l-.01.01a.5.5%200%200%201-.799-.6l.4.3l-.4-.3l.001-.002l.002-.002l.004-.005l.011-.014l.038-.045q.045-.056.131-.142c.113-.113.279-.26.498-.406A3.5%203.5%200%200%201%2011.75%209c1.006%200%201.744.43%202.25.91V9.5a.5.5%200%200%201%20.5-.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/symbols-16-regular.svg?color=%231a73e8&size=48
