icons icon
icons-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.
- Name
- icons-24-regular
- Set
- Fluent UI System Icons
- Style
- 24 Regular
- Viewbox
- 24×24
- License
- MIT
3 other variants in Fluent UI System Icons
The same icon in other sets
Use the icons icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13 3.5a3.5 3.5 0 0 0-2.669 5.764a.75.75 0 0 1-.571 1.236H3.75a.25.25 0 0 0-.25.25v1c0 2.9 2.35 5.25 5.25 5.25h3.218q.226.166.504.255a9 9 0 0 0-.727 1.245H8.75A6.75 6.75 0 0 1 2 11.75v-1C2 9.784 2.784 9 3.75 9h4.666a5 5 0 1 1 9.168-4h1.666c.966 0 1.75.784 1.75 1.75a2.75 2.75 0 0 1-2.75 2.75h-.92q-.203.353-.461.667q.236.206.442.44q-.264.028-.54.065a7 7 0 0 0-1.323.306l-.1-.058a.75.75 0 0 1-.11-1.23A3.5 3.5 0 0 0 16.355 8h1.895c.69 0 1.25-.56 1.25-1.25a.25.25 0 0 0-.25-.25h-2.785A3.5 3.5 0 0 0 13 3.5m3.901 8.163c2.801-.37 4.539-.06 5.563.227a.75.75 0 0 1 .212 1.348c-.057.038-.15.13-.26.34a5 5 0 0 0-.32.825c-.088.284-.17.59-.261.925l-.057.212c-.112.41-.234.85-.382 1.286c-.292.862-.704 1.782-1.397 2.488c-.72.733-1.695 1.19-3 1.19c-1.328 0-2.256-.539-2.85-1.159c-.403.74-.613 1.437-.645 1.951a.75.75 0 0 1-1.497-.091c.07-1.14.665-2.574 1.662-3.844c1.009-1.284 2.48-2.467 4.381-3.04a.75.75 0 0 1 .433 1.436c-1.448.437-2.61 1.312-3.452 2.308c.31.442.922.939 1.969.939c.911 0 1.498-.302 1.928-.74c.457-.466.78-1.13 1.047-1.92c.132-.389.245-.791.355-1.197l.055-.201c.09-.335.181-.674.278-.987c.09-.291.192-.583.314-.853c-.893-.13-2.15-.184-3.879.044c-1.998.265-3.124 1.723-3.375 2.635a.75.75 0 0 1-1.446-.398c.396-1.442 1.978-3.373 4.624-3.724"/></svg>
React
import type { SVGProps } from "react";
export function FluentIcons24Regular(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="M13 3.5a3.5 3.5 0 0 0-2.669 5.764a.75.75 0 0 1-.571 1.236H3.75a.25.25 0 0 0-.25.25v1c0 2.9 2.35 5.25 5.25 5.25h3.218q.226.166.504.255a9 9 0 0 0-.727 1.245H8.75A6.75 6.75 0 0 1 2 11.75v-1C2 9.784 2.784 9 3.75 9h4.666a5 5 0 1 1 9.168-4h1.666c.966 0 1.75.784 1.75 1.75a2.75 2.75 0 0 1-2.75 2.75h-.92q-.203.353-.461.667q.236.206.442.44q-.264.028-.54.065a7 7 0 0 0-1.323.306l-.1-.058a.75.75 0 0 1-.11-1.23A3.5 3.5 0 0 0 16.355 8h1.895c.69 0 1.25-.56 1.25-1.25a.25.25 0 0 0-.25-.25h-2.785A3.5 3.5 0 0 0 13 3.5m3.901 8.163c2.801-.37 4.539-.06 5.563.227a.75.75 0 0 1 .212 1.348c-.057.038-.15.13-.26.34a5 5 0 0 0-.32.825c-.088.284-.17.59-.261.925l-.057.212c-.112.41-.234.85-.382 1.286c-.292.862-.704 1.782-1.397 2.488c-.72.733-1.695 1.19-3 1.19c-1.328 0-2.256-.539-2.85-1.159c-.403.74-.613 1.437-.645 1.951a.75.75 0 0 1-1.497-.091c.07-1.14.665-2.574 1.662-3.844c1.009-1.284 2.48-2.467 4.381-3.04a.75.75 0 0 1 .433 1.436c-1.448.437-2.61 1.312-3.452 2.308c.31.442.922.939 1.969.939c.911 0 1.498-.302 1.928-.74c.457-.466.78-1.13 1.047-1.92c.132-.389.245-.791.355-1.197l.055-.201c.09-.335.181-.674.278-.987c.09-.291.192-.583.314-.853c-.893-.13-2.15-.184-3.879.044c-1.998.265-3.124 1.723-3.375 2.635a.75.75 0 0 1-1.446-.398c.396-1.442 1.978-3.373 4.624-3.724"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13 3.5a3.5 3.5 0 0 0-2.669 5.764a.75.75 0 0 1-.571 1.236H3.75a.25.25 0 0 0-.25.25v1c0 2.9 2.35 5.25 5.25 5.25h3.218q.226.166.504.255a9 9 0 0 0-.727 1.245H8.75A6.75 6.75 0 0 1 2 11.75v-1C2 9.784 2.784 9 3.75 9h4.666a5 5 0 1 1 9.168-4h1.666c.966 0 1.75.784 1.75 1.75a2.75 2.75 0 0 1-2.75 2.75h-.92q-.203.353-.461.667q.236.206.442.44q-.264.028-.54.065a7 7 0 0 0-1.323.306l-.1-.058a.75.75 0 0 1-.11-1.23A3.5 3.5 0 0 0 16.355 8h1.895c.69 0 1.25-.56 1.25-1.25a.25.25 0 0 0-.25-.25h-2.785A3.5 3.5 0 0 0 13 3.5m3.901 8.163c2.801-.37 4.539-.06 5.563.227a.75.75 0 0 1 .212 1.348c-.057.038-.15.13-.26.34a5 5 0 0 0-.32.825c-.088.284-.17.59-.261.925l-.057.212c-.112.41-.234.85-.382 1.286c-.292.862-.704 1.782-1.397 2.488c-.72.733-1.695 1.19-3 1.19c-1.328 0-2.256-.539-2.85-1.159c-.403.74-.613 1.437-.645 1.951a.75.75 0 0 1-1.497-.091c.07-1.14.665-2.574 1.662-3.844c1.009-1.284 2.48-2.467 4.381-3.04a.75.75 0 0 1 .433 1.436c-1.448.437-2.61 1.312-3.452 2.308c.31.442.922.939 1.969.939c.911 0 1.498-.302 1.928-.74c.457-.466.78-1.13 1.047-1.92c.132-.389.245-.791.355-1.197l.055-.201c.09-.335.181-.674.278-.987c.09-.291.192-.583.314-.853c-.893-.13-2.15-.184-3.879.044c-1.998.265-3.124 1.723-3.375 2.635a.75.75 0 0 1-1.446-.398c.396-1.442 1.978-3.373 4.624-3.724"/></svg> </template>
CSS
.icon-icons-24-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13%203.5a3.5%203.5%200%200%200-2.669%205.764a.75.75%200%200%201-.571%201.236H3.75a.25.25%200%200%200-.25.25v1c0%202.9%202.35%205.25%205.25%205.25h3.218q.226.166.504.255a9%209%200%200%200-.727%201.245H8.75A6.75%206.75%200%200%201%202%2011.75v-1C2%209.784%202.784%209%203.75%209h4.666a5%205%200%201%201%209.168-4h1.666c.966%200%201.75.784%201.75%201.75a2.75%202.75%200%200%201-2.75%202.75h-.92q-.203.353-.461.667q.236.206.442.44q-.264.028-.54.065a7%207%200%200%200-1.323.306l-.1-.058a.75.75%200%200%201-.11-1.23A3.5%203.5%200%200%200%2016.355%208h1.895c.69%200%201.25-.56%201.25-1.25a.25.25%200%200%200-.25-.25h-2.785A3.5%203.5%200%200%200%2013%203.5m3.901%208.163c2.801-.37%204.539-.06%205.563.227a.75.75%200%200%201%20.212%201.348c-.057.038-.15.13-.26.34a5%205%200%200%200-.32.825c-.088.284-.17.59-.261.925l-.057.212c-.112.41-.234.85-.382%201.286c-.292.862-.704%201.782-1.397%202.488c-.72.733-1.695%201.19-3%201.19c-1.328%200-2.256-.539-2.85-1.159c-.403.74-.613%201.437-.645%201.951a.75.75%200%200%201-1.497-.091c.07-1.14.665-2.574%201.662-3.844c1.009-1.284%202.48-2.467%204.381-3.04a.75.75%200%200%201%20.433%201.436c-1.448.437-2.61%201.312-3.452%202.308c.31.442.922.939%201.969.939c.911%200%201.498-.302%201.928-.74c.457-.466.78-1.13%201.047-1.92c.132-.389.245-.791.355-1.197l.055-.201c.09-.335.181-.674.278-.987c.09-.291.192-.583.314-.853c-.893-.13-2.15-.184-3.879.044c-1.998.265-3.124%201.723-3.375%202.635a.75.75%200%200%201-1.446-.398c.396-1.442%201.978-3.373%204.624-3.724%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%22M13%203.5a3.5%203.5%200%200%200-2.669%205.764a.75.75%200%200%201-.571%201.236H3.75a.25.25%200%200%200-.25.25v1c0%202.9%202.35%205.25%205.25%205.25h3.218q.226.166.504.255a9%209%200%200%200-.727%201.245H8.75A6.75%206.75%200%200%201%202%2011.75v-1C2%209.784%202.784%209%203.75%209h4.666a5%205%200%201%201%209.168-4h1.666c.966%200%201.75.784%201.75%201.75a2.75%202.75%200%200%201-2.75%202.75h-.92q-.203.353-.461.667q.236.206.442.44q-.264.028-.54.065a7%207%200%200%200-1.323.306l-.1-.058a.75.75%200%200%201-.11-1.23A3.5%203.5%200%200%200%2016.355%208h1.895c.69%200%201.25-.56%201.25-1.25a.25.25%200%200%200-.25-.25h-2.785A3.5%203.5%200%200%200%2013%203.5m3.901%208.163c2.801-.37%204.539-.06%205.563.227a.75.75%200%200%201%20.212%201.348c-.057.038-.15.13-.26.34a5%205%200%200%200-.32.825c-.088.284-.17.59-.261.925l-.057.212c-.112.41-.234.85-.382%201.286c-.292.862-.704%201.782-1.397%202.488c-.72.733-1.695%201.19-3%201.19c-1.328%200-2.256-.539-2.85-1.159c-.403.74-.613%201.437-.645%201.951a.75.75%200%200%201-1.497-.091c.07-1.14.665-2.574%201.662-3.844c1.009-1.284%202.48-2.467%204.381-3.04a.75.75%200%200%201%20.433%201.436c-1.448.437-2.61%201.312-3.452%202.308c.31.442.922.939%201.969.939c.911%200%201.498-.302%201.928-.74c.457-.466.78-1.13%201.047-1.92c.132-.389.245-.791.355-1.197l.055-.201c.09-.335.181-.674.278-.987c.09-.291.192-.583.314-.853c-.893-.13-2.15-.184-3.879.044c-1.998.265-3.124%201.723-3.375%202.635a.75.75%200%200%201-1.446-.398c.396-1.442%201.978-3.373%204.624-3.724%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/icons-24-regular.svg?color=%231a73e8&size=48
