design ideas icon
design-ideas-32-regular from Fluent UI System Icons by Microsoft Corporation · 32 Regular · MIT Free for personal and commercial use.
- Name
- design-ideas-32-regular
- Set
- Fluent UI System Icons
- Style
- 32 Regular
- Viewbox
- 32×32
- License
- MIT
11 other variants in Fluent UI System Icons
The same icon in other sets
Use the design ideas icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M7.166 2.09a1 1 0 0 1 .585.887c.028 1.24.47 2.023.99 2.83l.144.22c.49.743 1.116 1.693 1.116 2.973a3.99 3.99 0 0 1-1.4 3.04c.355.367.615.797.805 1.239c.507 1.175.595 2.602.595 3.727c0 1.844-.288 4.908-.815 7.523c-.263 1.303-.595 2.55-1.006 3.494c-.203.468-.45.919-.76 1.269c-.304.344-.777.708-1.416.708c-.64 0-1.113-.364-1.417-.708c-.309-.35-.556-.8-.76-1.269c-.411-.943-.745-2.19-1.008-3.494c-.528-2.614-.818-5.679-.818-7.523c0-1.126.09-2.553.598-3.729c.19-.44.45-.869.805-1.235A4 4 0 0 1 2 9c0-.935.118-1.922.743-3.06c.605-1.103 1.65-2.283 3.368-3.71a1 1 0 0 1 1.054-.14M4.497 6.9c-.413.753-.496 1.377-.496 2.099a2 2 0 0 0 4 0c0-.658-.296-1.115-.842-1.958l-.097-.15c-.346-.534-.725-1.158-.986-1.948c-.799.782-1.282 1.417-1.579 1.957m-.062 7.17C4.099 14.849 4 15.925 4 17.007c0 1.7.274 4.631.778 7.128c.254 1.252.554 2.339.881 3.09c.128.293.245.501.344.64a3.6 3.6 0 0 0 .342-.64c.327-.75.627-1.837.88-3.09c.502-2.497.775-5.428.775-7.128c0-1.084-.097-2.16-.431-2.935c-.161-.373-.357-.63-.581-.794c-.214-.156-.516-.277-.985-.277s-.772.12-.987.278c-.224.165-.421.421-.582.794m6.55-7.39A7 7 0 0 1 20.929 12h-3.428a4.5 4.5 0 0 0-4.5 4.499v3.43a7 7 0 0 1-1.613-.434a49 49 0 0 1-.209 2.053a9 9 0 0 0 1.822.396V24.5a4.5 4.5 0 0 0 4.5 4.5h8a4.5 4.5 0 0 0 4.5-4.5v-8a4.5 4.5 0 0 0-4.5-4.5h-2.555A9 9 0 0 0 9.973 4.95l.027.042l.136.205c.236.353.57.855.85 1.483M25.5 14a2.5 2.5 0 0 1 2.5 2.5v8a2.5 2.5 0 0 1-2.5 2.5h-8a2.5 2.5 0 0 1-2.5-2.5v-2.555A9.004 9.004 0 0 0 22.945 14zM15 19.93V16.5a2.5 2.5 0 0 1 2.5-2.5h3.43A7 7 0 0 1 15 19.93"/></svg>
React
import type { SVGProps } from "react";
export function FluentDesignIdeas32Regular(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="M7.166 2.09a1 1 0 0 1 .585.887c.028 1.24.47 2.023.99 2.83l.144.22c.49.743 1.116 1.693 1.116 2.973a3.99 3.99 0 0 1-1.4 3.04c.355.367.615.797.805 1.239c.507 1.175.595 2.602.595 3.727c0 1.844-.288 4.908-.815 7.523c-.263 1.303-.595 2.55-1.006 3.494c-.203.468-.45.919-.76 1.269c-.304.344-.777.708-1.416.708c-.64 0-1.113-.364-1.417-.708c-.309-.35-.556-.8-.76-1.269c-.411-.943-.745-2.19-1.008-3.494c-.528-2.614-.818-5.679-.818-7.523c0-1.126.09-2.553.598-3.729c.19-.44.45-.869.805-1.235A4 4 0 0 1 2 9c0-.935.118-1.922.743-3.06c.605-1.103 1.65-2.283 3.368-3.71a1 1 0 0 1 1.054-.14M4.497 6.9c-.413.753-.496 1.377-.496 2.099a2 2 0 0 0 4 0c0-.658-.296-1.115-.842-1.958l-.097-.15c-.346-.534-.725-1.158-.986-1.948c-.799.782-1.282 1.417-1.579 1.957m-.062 7.17C4.099 14.849 4 15.925 4 17.007c0 1.7.274 4.631.778 7.128c.254 1.252.554 2.339.881 3.09c.128.293.245.501.344.64a3.6 3.6 0 0 0 .342-.64c.327-.75.627-1.837.88-3.09c.502-2.497.775-5.428.775-7.128c0-1.084-.097-2.16-.431-2.935c-.161-.373-.357-.63-.581-.794c-.214-.156-.516-.277-.985-.277s-.772.12-.987.278c-.224.165-.421.421-.582.794m6.55-7.39A7 7 0 0 1 20.929 12h-3.428a4.5 4.5 0 0 0-4.5 4.499v3.43a7 7 0 0 1-1.613-.434a49 49 0 0 1-.209 2.053a9 9 0 0 0 1.822.396V24.5a4.5 4.5 0 0 0 4.5 4.5h8a4.5 4.5 0 0 0 4.5-4.5v-8a4.5 4.5 0 0 0-4.5-4.5h-2.555A9 9 0 0 0 9.973 4.95l.027.042l.136.205c.236.353.57.855.85 1.483M25.5 14a2.5 2.5 0 0 1 2.5 2.5v8a2.5 2.5 0 0 1-2.5 2.5h-8a2.5 2.5 0 0 1-2.5-2.5v-2.555A9.004 9.004 0 0 0 22.945 14zM15 19.93V16.5a2.5 2.5 0 0 1 2.5-2.5h3.43A7 7 0 0 1 15 19.93"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M7.166 2.09a1 1 0 0 1 .585.887c.028 1.24.47 2.023.99 2.83l.144.22c.49.743 1.116 1.693 1.116 2.973a3.99 3.99 0 0 1-1.4 3.04c.355.367.615.797.805 1.239c.507 1.175.595 2.602.595 3.727c0 1.844-.288 4.908-.815 7.523c-.263 1.303-.595 2.55-1.006 3.494c-.203.468-.45.919-.76 1.269c-.304.344-.777.708-1.416.708c-.64 0-1.113-.364-1.417-.708c-.309-.35-.556-.8-.76-1.269c-.411-.943-.745-2.19-1.008-3.494c-.528-2.614-.818-5.679-.818-7.523c0-1.126.09-2.553.598-3.729c.19-.44.45-.869.805-1.235A4 4 0 0 1 2 9c0-.935.118-1.922.743-3.06c.605-1.103 1.65-2.283 3.368-3.71a1 1 0 0 1 1.054-.14M4.497 6.9c-.413.753-.496 1.377-.496 2.099a2 2 0 0 0 4 0c0-.658-.296-1.115-.842-1.958l-.097-.15c-.346-.534-.725-1.158-.986-1.948c-.799.782-1.282 1.417-1.579 1.957m-.062 7.17C4.099 14.849 4 15.925 4 17.007c0 1.7.274 4.631.778 7.128c.254 1.252.554 2.339.881 3.09c.128.293.245.501.344.64a3.6 3.6 0 0 0 .342-.64c.327-.75.627-1.837.88-3.09c.502-2.497.775-5.428.775-7.128c0-1.084-.097-2.16-.431-2.935c-.161-.373-.357-.63-.581-.794c-.214-.156-.516-.277-.985-.277s-.772.12-.987.278c-.224.165-.421.421-.582.794m6.55-7.39A7 7 0 0 1 20.929 12h-3.428a4.5 4.5 0 0 0-4.5 4.499v3.43a7 7 0 0 1-1.613-.434a49 49 0 0 1-.209 2.053a9 9 0 0 0 1.822.396V24.5a4.5 4.5 0 0 0 4.5 4.5h8a4.5 4.5 0 0 0 4.5-4.5v-8a4.5 4.5 0 0 0-4.5-4.5h-2.555A9 9 0 0 0 9.973 4.95l.027.042l.136.205c.236.353.57.855.85 1.483M25.5 14a2.5 2.5 0 0 1 2.5 2.5v8a2.5 2.5 0 0 1-2.5 2.5h-8a2.5 2.5 0 0 1-2.5-2.5v-2.555A9.004 9.004 0 0 0 22.945 14zM15 19.93V16.5a2.5 2.5 0 0 1 2.5-2.5h3.43A7 7 0 0 1 15 19.93"/></svg> </template>
CSS
.icon-design-ideas-32-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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.166%202.09a1%201%200%200%201%20.585.887c.028%201.24.47%202.023.99%202.83l.144.22c.49.743%201.116%201.693%201.116%202.973a3.99%203.99%200%200%201-1.4%203.04c.355.367.615.797.805%201.239c.507%201.175.595%202.602.595%203.727c0%201.844-.288%204.908-.815%207.523c-.263%201.303-.595%202.55-1.006%203.494c-.203.468-.45.919-.76%201.269c-.304.344-.777.708-1.416.708c-.64%200-1.113-.364-1.417-.708c-.309-.35-.556-.8-.76-1.269c-.411-.943-.745-2.19-1.008-3.494c-.528-2.614-.818-5.679-.818-7.523c0-1.126.09-2.553.598-3.729c.19-.44.45-.869.805-1.235A4%204%200%200%201%202%209c0-.935.118-1.922.743-3.06c.605-1.103%201.65-2.283%203.368-3.71a1%201%200%200%201%201.054-.14M4.497%206.9c-.413.753-.496%201.377-.496%202.099a2%202%200%200%200%204%200c0-.658-.296-1.115-.842-1.958l-.097-.15c-.346-.534-.725-1.158-.986-1.948c-.799.782-1.282%201.417-1.579%201.957m-.062%207.17C4.099%2014.849%204%2015.925%204%2017.007c0%201.7.274%204.631.778%207.128c.254%201.252.554%202.339.881%203.09c.128.293.245.501.344.64a3.6%203.6%200%200%200%20.342-.64c.327-.75.627-1.837.88-3.09c.502-2.497.775-5.428.775-7.128c0-1.084-.097-2.16-.431-2.935c-.161-.373-.357-.63-.581-.794c-.214-.156-.516-.277-.985-.277s-.772.12-.987.278c-.224.165-.421.421-.582.794m6.55-7.39A7%207%200%200%201%2020.929%2012h-3.428a4.5%204.5%200%200%200-4.5%204.499v3.43a7%207%200%200%201-1.613-.434a49%2049%200%200%201-.209%202.053a9%209%200%200%200%201.822.396V24.5a4.5%204.5%200%200%200%204.5%204.5h8a4.5%204.5%200%200%200%204.5-4.5v-8a4.5%204.5%200%200%200-4.5-4.5h-2.555A9%209%200%200%200%209.973%204.95l.027.042l.136.205c.236.353.57.855.85%201.483M25.5%2014a2.5%202.5%200%200%201%202.5%202.5v8a2.5%202.5%200%200%201-2.5%202.5h-8a2.5%202.5%200%200%201-2.5-2.5v-2.555A9.004%209.004%200%200%200%2022.945%2014zM15%2019.93V16.5a2.5%202.5%200%200%201%202.5-2.5h3.43A7%207%200%200%201%2015%2019.93%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%22M7.166%202.09a1%201%200%200%201%20.585.887c.028%201.24.47%202.023.99%202.83l.144.22c.49.743%201.116%201.693%201.116%202.973a3.99%203.99%200%200%201-1.4%203.04c.355.367.615.797.805%201.239c.507%201.175.595%202.602.595%203.727c0%201.844-.288%204.908-.815%207.523c-.263%201.303-.595%202.55-1.006%203.494c-.203.468-.45.919-.76%201.269c-.304.344-.777.708-1.416.708c-.64%200-1.113-.364-1.417-.708c-.309-.35-.556-.8-.76-1.269c-.411-.943-.745-2.19-1.008-3.494c-.528-2.614-.818-5.679-.818-7.523c0-1.126.09-2.553.598-3.729c.19-.44.45-.869.805-1.235A4%204%200%200%201%202%209c0-.935.118-1.922.743-3.06c.605-1.103%201.65-2.283%203.368-3.71a1%201%200%200%201%201.054-.14M4.497%206.9c-.413.753-.496%201.377-.496%202.099a2%202%200%200%200%204%200c0-.658-.296-1.115-.842-1.958l-.097-.15c-.346-.534-.725-1.158-.986-1.948c-.799.782-1.282%201.417-1.579%201.957m-.062%207.17C4.099%2014.849%204%2015.925%204%2017.007c0%201.7.274%204.631.778%207.128c.254%201.252.554%202.339.881%203.09c.128.293.245.501.344.64a3.6%203.6%200%200%200%20.342-.64c.327-.75.627-1.837.88-3.09c.502-2.497.775-5.428.775-7.128c0-1.084-.097-2.16-.431-2.935c-.161-.373-.357-.63-.581-.794c-.214-.156-.516-.277-.985-.277s-.772.12-.987.278c-.224.165-.421.421-.582.794m6.55-7.39A7%207%200%200%201%2020.929%2012h-3.428a4.5%204.5%200%200%200-4.5%204.499v3.43a7%207%200%200%201-1.613-.434a49%2049%200%200%201-.209%202.053a9%209%200%200%200%201.822.396V24.5a4.5%204.5%200%200%200%204.5%204.5h8a4.5%204.5%200%200%200%204.5-4.5v-8a4.5%204.5%200%200%200-4.5-4.5h-2.555A9%209%200%200%200%209.973%204.95l.027.042l.136.205c.236.353.57.855.85%201.483M25.5%2014a2.5%202.5%200%200%201%202.5%202.5v8a2.5%202.5%200%200%201-2.5%202.5h-8a2.5%202.5%200%200%201-2.5-2.5v-2.555A9.004%209.004%200%200%200%2022.945%2014zM15%2019.93V16.5a2.5%202.5%200%200%201%202.5-2.5h3.43A7%207%200%200%201%2015%2019.93%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/design-ideas-32-regular.svg?color=%231a73e8&size=48
