design ideas icon
design-ideas-16-regular from Fluent UI System Icons by Microsoft Corporation · 16 Regular · MIT Free for personal and commercial use.
- Name
- design-ideas-16-regular
- Set
- Fluent UI System Icons
- Style
- 16 Regular
- 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="M4.228 6.492c.292.296.462.683.567 1.07C5 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.403c.105-.386.275-.773.567-1.07C1.3 6.044 1 5.332 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 .727.64a.3.3 0 0 0-.013.089c0 .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 .832-.3 1.543-.772 1.992M3 7c-.25 0-.4.078-.513.19c-.126.127-.235.333-.317.634C2.004 8.435 2 9.237 2 10c0 1.942.365 2.97.679 3.493c.12.2.233.329.321.41a1.8 1.8 0 0 0 .321-.41C3.635 12.969 4 11.942 4 10c0-.763-.004-1.565-.17-2.176c-.082-.3-.191-.507-.317-.634C3.4 7.078 3.249 7 3 7M2 4.5C2 5.572 2.615 6 3 6s1-.428 1-1.5c0-.553-.109-.824-.229-1.004a1.8 1.8 0 0 0-.251-.289l-.124-.116a10 10 0 0 1-.25-.237a1.7 1.7 0 0 1-.279-.365a2.5 2.5 0 0 0-.334.44c-.14.215-.276.51-.377.814c-.104.31-.156.584-.156.757m4.998 6.473a4.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 FluentDesignIdeas16Regular(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="M4.228 6.492c.292.296.462.683.567 1.07C5 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.403c.105-.386.275-.773.567-1.07C1.3 6.044 1 5.332 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 .727.64a.3.3 0 0 0-.013.089c0 .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 .832-.3 1.543-.772 1.992M3 7c-.25 0-.4.078-.513.19c-.126.127-.235.333-.317.634C2.004 8.435 2 9.237 2 10c0 1.942.365 2.97.679 3.493c.12.2.233.329.321.41a1.8 1.8 0 0 0 .321-.41C3.635 12.969 4 11.942 4 10c0-.763-.004-1.565-.17-2.176c-.082-.3-.191-.507-.317-.634C3.4 7.078 3.249 7 3 7M2 4.5C2 5.572 2.615 6 3 6s1-.428 1-1.5c0-.553-.109-.824-.229-1.004a1.8 1.8 0 0 0-.251-.289l-.124-.116a10 10 0 0 1-.25-.237a1.7 1.7 0 0 1-.279-.365a2.5 2.5 0 0 0-.334.44c-.14.215-.276.51-.377.814c-.104.31-.156.584-.156.757m4.998 6.473a4.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="M4.228 6.492c.292.296.462.683.567 1.07C5 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.403c.105-.386.275-.773.567-1.07C1.3 6.044 1 5.332 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 .727.64a.3.3 0 0 0-.013.089c0 .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 .832-.3 1.543-.772 1.992M3 7c-.25 0-.4.078-.513.19c-.126.127-.235.333-.317.634C2.004 8.435 2 9.237 2 10c0 1.942.365 2.97.679 3.493c.12.2.233.329.321.41a1.8 1.8 0 0 0 .321-.41C3.635 12.969 4 11.942 4 10c0-.763-.004-1.565-.17-2.176c-.082-.3-.191-.507-.317-.634C3.4 7.078 3.249 7 3 7M2 4.5C2 5.572 2.615 6 3 6s1-.428 1-1.5c0-.553-.109-.824-.229-1.004a1.8 1.8 0 0 0-.251-.289l-.124-.116a10 10 0 0 1-.25-.237a1.7 1.7 0 0 1-.279-.365a2.5 2.5 0 0 0-.334.44c-.14.215-.276.51-.377.814c-.104.31-.156.584-.156.757m4.998 6.473a4.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-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%22M4.228%206.492c.292.296.462.683.567%201.07C5%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.403c.105-.386.275-.773.567-1.07C1.3%206.044%201%205.332%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.727.64a.3.3%200%200%200-.013.089c0%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.832-.3%201.543-.772%201.992M3%207c-.25%200-.4.078-.513.19c-.126.127-.235.333-.317.634C2.004%208.435%202%209.237%202%2010c0%201.942.365%202.97.679%203.493c.12.2.233.329.321.41a1.8%201.8%200%200%200%20.321-.41C3.635%2012.969%204%2011.942%204%2010c0-.763-.004-1.565-.17-2.176c-.082-.3-.191-.507-.317-.634C3.4%207.078%203.249%207%203%207M2%204.5C2%205.572%202.615%206%203%206s1-.428%201-1.5c0-.553-.109-.824-.229-1.004a1.8%201.8%200%200%200-.251-.289l-.124-.116a10%2010%200%200%201-.25-.237a1.7%201.7%200%200%201-.279-.365a2.5%202.5%200%200%200-.334.44c-.14.215-.276.51-.377.814c-.104.31-.156.584-.156.757m4.998%206.473a4.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%22M4.228%206.492c.292.296.462.683.567%201.07C5%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.403c.105-.386.275-.773.567-1.07C1.3%206.044%201%205.332%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.727.64a.3.3%200%200%200-.013.089c0%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.832-.3%201.543-.772%201.992M3%207c-.25%200-.4.078-.513.19c-.126.127-.235.333-.317.634C2.004%208.435%202%209.237%202%2010c0%201.942.365%202.97.679%203.493c.12.2.233.329.321.41a1.8%201.8%200%200%200%20.321-.41C3.635%2012.969%204%2011.942%204%2010c0-.763-.004-1.565-.17-2.176c-.082-.3-.191-.507-.317-.634C3.4%207.078%203.249%207%203%207M2%204.5C2%205.572%202.615%206%203%206s1-.428%201-1.5c0-.553-.109-.824-.229-1.004a1.8%201.8%200%200%200-.251-.289l-.124-.116a10%2010%200%200%201-.25-.237a1.7%201.7%200%200%201-.279-.365a2.5%202.5%200%200%200-.334.44c-.14.215-.276.51-.377.814c-.104.31-.156.584-.156.757m4.998%206.473a4.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-regular.svg?color=%231a73e8&size=48
