design ideas icon
design-ideas-16-filled from Fluent UI System Icons by Microsoft Corporation · 16 Filled · MIT Free for personal and commercial use.
- Name
- design-ideas-16-filled
- Set
- Fluent UI System Icons
- Style
- 16 Filled
- Viewbox
- 16×16
- 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 16 16"><path fill="currentColor" d="M3.58 1.125a.5.5 0 0 1 .12.598a.3.3 0 0 0-.013.09c0 .063.016.183.167.333c.073.073.129.125.19.182c.05.046.103.094.17.16c.13.124.267.27.39.453c.255.383.396.862.396 1.559c0 .382-.063.74-.178 1.057C4.496 6.457 3.763 7 3 7s-1.496-.544-1.822-1.443A3.1 3.1 0 0 1 1 4.5c0-.326.087-.715.207-1.074s.288-.732.482-1.032c.231-.39.556-.717.808-.937a6 6 0 0 1 .432-.343l.03-.02l.009-.007l.003-.002l.002-.001a.5.5 0 0 1 .608.041M3 8a2.7 2.7 0 0 0 1.738-.628q.03.094.057.19C5 8.314 5 9.244 5 9.963V10c0 2.058-.385 3.28-.821 4.007a2.7 2.7 0 0 1-.638.747a1.7 1.7 0 0 1-.33.2S3.084 15 3 15a.8.8 0 0 1-.211-.046a1.7 1.7 0 0 1-.33-.2a2.7 2.7 0 0 1-.638-.747C1.385 13.281 1 12.058 1 10v-.036c0-.72 0-1.649.205-2.403q.026-.094.057-.19A2.7 2.7 0 0 0 3 8.002m3.998 2.973a4.5 4.5 0 0 1-1.016-.235Q6 10.362 6 9.96v-.296c.31.147.646.25.998.3V8a2 2 0 0 1 2-2h1.965a3.5 3.5 0 0 0-5.075-2.609a3.2 3.2 0 0 0-.384-.926A4.5 4.5 0 0 1 11.97 6h1.027a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2zM11.971 7a4.5 4.5 0 0 1-3.973 3.973V12a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1zm-1.008 0H8.998a1 1 0 0 0-1 1v1.965A3.5 3.5 0 0 0 10.963 7"/></svg>
React
import type { SVGProps } from "react";
export function FluentDesignIdeas16Filled(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="M3.58 1.125a.5.5 0 0 1 .12.598a.3.3 0 0 0-.013.09c0 .063.016.183.167.333c.073.073.129.125.19.182c.05.046.103.094.17.16c.13.124.267.27.39.453c.255.383.396.862.396 1.559c0 .382-.063.74-.178 1.057C4.496 6.457 3.763 7 3 7s-1.496-.544-1.822-1.443A3.1 3.1 0 0 1 1 4.5c0-.326.087-.715.207-1.074s.288-.732.482-1.032c.231-.39.556-.717.808-.937a6 6 0 0 1 .432-.343l.03-.02l.009-.007l.003-.002l.002-.001a.5.5 0 0 1 .608.041M3 8a2.7 2.7 0 0 0 1.738-.628q.03.094.057.19C5 8.314 5 9.244 5 9.963V10c0 2.058-.385 3.28-.821 4.007a2.7 2.7 0 0 1-.638.747a1.7 1.7 0 0 1-.33.2S3.084 15 3 15a.8.8 0 0 1-.211-.046a1.7 1.7 0 0 1-.33-.2a2.7 2.7 0 0 1-.638-.747C1.385 13.281 1 12.058 1 10v-.036c0-.72 0-1.649.205-2.403q.026-.094.057-.19A2.7 2.7 0 0 0 3 8.002m3.998 2.973a4.5 4.5 0 0 1-1.016-.235Q6 10.362 6 9.96v-.296c.31.147.646.25.998.3V8a2 2 0 0 1 2-2h1.965a3.5 3.5 0 0 0-5.075-2.609a3.2 3.2 0 0 0-.384-.926A4.5 4.5 0 0 1 11.97 6h1.027a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2zM11.971 7a4.5 4.5 0 0 1-3.973 3.973V12a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1zm-1.008 0H8.998a1 1 0 0 0-1 1v1.965A3.5 3.5 0 0 0 10.963 7"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M3.58 1.125a.5.5 0 0 1 .12.598a.3.3 0 0 0-.013.09c0 .063.016.183.167.333c.073.073.129.125.19.182c.05.046.103.094.17.16c.13.124.267.27.39.453c.255.383.396.862.396 1.559c0 .382-.063.74-.178 1.057C4.496 6.457 3.763 7 3 7s-1.496-.544-1.822-1.443A3.1 3.1 0 0 1 1 4.5c0-.326.087-.715.207-1.074s.288-.732.482-1.032c.231-.39.556-.717.808-.937a6 6 0 0 1 .432-.343l.03-.02l.009-.007l.003-.002l.002-.001a.5.5 0 0 1 .608.041M3 8a2.7 2.7 0 0 0 1.738-.628q.03.094.057.19C5 8.314 5 9.244 5 9.963V10c0 2.058-.385 3.28-.821 4.007a2.7 2.7 0 0 1-.638.747a1.7 1.7 0 0 1-.33.2S3.084 15 3 15a.8.8 0 0 1-.211-.046a1.7 1.7 0 0 1-.33-.2a2.7 2.7 0 0 1-.638-.747C1.385 13.281 1 12.058 1 10v-.036c0-.72 0-1.649.205-2.403q.026-.094.057-.19A2.7 2.7 0 0 0 3 8.002m3.998 2.973a4.5 4.5 0 0 1-1.016-.235Q6 10.362 6 9.96v-.296c.31.147.646.25.998.3V8a2 2 0 0 1 2-2h1.965a3.5 3.5 0 0 0-5.075-2.609a3.2 3.2 0 0 0-.384-.926A4.5 4.5 0 0 1 11.97 6h1.027a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2zM11.971 7a4.5 4.5 0 0 1-3.973 3.973V12a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1zm-1.008 0H8.998a1 1 0 0 0-1 1v1.965A3.5 3.5 0 0 0 10.963 7"/></svg> </template>
CSS
.icon-design-ideas-16-filled {
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%22M3.58%201.125a.5.5%200%200%201%20.12.598a.3.3%200%200%200-.013.09c0%20.063.016.183.167.333c.073.073.129.125.19.182c.05.046.103.094.17.16c.13.124.267.27.39.453c.255.383.396.862.396%201.559c0%20.382-.063.74-.178%201.057C4.496%206.457%203.763%207%203%207s-1.496-.544-1.822-1.443A3.1%203.1%200%200%201%201%204.5c0-.326.087-.715.207-1.074s.288-.732.482-1.032c.231-.39.556-.717.808-.937a6%206%200%200%201%20.432-.343l.03-.02l.009-.007l.003-.002l.002-.001a.5.5%200%200%201%20.608.041M3%208a2.7%202.7%200%200%200%201.738-.628q.03.094.057.19C5%208.314%205%209.244%205%209.963V10c0%202.058-.385%203.28-.821%204.007a2.7%202.7%200%200%201-.638.747a1.7%201.7%200%200%201-.33.2S3.084%2015%203%2015a.8.8%200%200%201-.211-.046a1.7%201.7%200%200%201-.33-.2a2.7%202.7%200%200%201-.638-.747C1.385%2013.281%201%2012.058%201%2010v-.036c0-.72%200-1.649.205-2.403q.026-.094.057-.19A2.7%202.7%200%200%200%203%208.002m3.998%202.973a4.5%204.5%200%200%201-1.016-.235Q6%2010.362%206%209.96v-.296c.31.147.646.25.998.3V8a2%202%200%200%201%202-2h1.965a3.5%203.5%200%200%200-5.075-2.609a3.2%203.2%200%200%200-.384-.926A4.5%204.5%200%200%201%2011.97%206h1.027a2%202%200%200%201%202%202v4a2%202%200%200%201-2%202h-4a2%202%200%200%201-2-2zM11.971%207a4.5%204.5%200%200%201-3.973%203.973V12a1%201%200%200%200%201%201h4a1%201%200%200%200%201-1V8a1%201%200%200%200-1-1zm-1.008%200H8.998a1%201%200%200%200-1%201v1.965A3.5%203.5%200%200%200%2010.963%207%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%22M3.58%201.125a.5.5%200%200%201%20.12.598a.3.3%200%200%200-.013.09c0%20.063.016.183.167.333c.073.073.129.125.19.182c.05.046.103.094.17.16c.13.124.267.27.39.453c.255.383.396.862.396%201.559c0%20.382-.063.74-.178%201.057C4.496%206.457%203.763%207%203%207s-1.496-.544-1.822-1.443A3.1%203.1%200%200%201%201%204.5c0-.326.087-.715.207-1.074s.288-.732.482-1.032c.231-.39.556-.717.808-.937a6%206%200%200%201%20.432-.343l.03-.02l.009-.007l.003-.002l.002-.001a.5.5%200%200%201%20.608.041M3%208a2.7%202.7%200%200%200%201.738-.628q.03.094.057.19C5%208.314%205%209.244%205%209.963V10c0%202.058-.385%203.28-.821%204.007a2.7%202.7%200%200%201-.638.747a1.7%201.7%200%200%201-.33.2S3.084%2015%203%2015a.8.8%200%200%201-.211-.046a1.7%201.7%200%200%201-.33-.2a2.7%202.7%200%200%201-.638-.747C1.385%2013.281%201%2012.058%201%2010v-.036c0-.72%200-1.649.205-2.403q.026-.094.057-.19A2.7%202.7%200%200%200%203%208.002m3.998%202.973a4.5%204.5%200%200%201-1.016-.235Q6%2010.362%206%209.96v-.296c.31.147.646.25.998.3V8a2%202%200%200%201%202-2h1.965a3.5%203.5%200%200%200-5.075-2.609a3.2%203.2%200%200%200-.384-.926A4.5%204.5%200%200%201%2011.97%206h1.027a2%202%200%200%201%202%202v4a2%202%200%200%201-2%202h-4a2%202%200%200%201-2-2zM11.971%207a4.5%204.5%200%200%201-3.973%203.973V12a1%201%200%200%200%201%201h4a1%201%200%200%200%201-1V8a1%201%200%200%200-1-1zm-1.008%200H8.998a1%201%200%200%200-1%201v1.965A3.5%203.5%200%200%200%2010.963%207%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/design-ideas-16-filled.svg?color=%231a73e8&size=48
