design ideas icon
design-ideas-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.
- Name
- design-ideas-20-regular
- Set
- Fluent UI System Icons
- Style
- 20 Regular
- Viewbox
- 20×20
- 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 20 20"><path fill="currentColor" d="M4.704 2.71a.5.5 0 0 0-.731-.626l-.002.001l-.003.002l-.009.006l-.03.02l-.102.075a6 6 0 0 0-.33.269c-.252.22-.577.547-.808.937a4.7 4.7 0 0 0-.482 1.032C2.087 4.785 2 5.174 2 5.5c0 .853.316 1.58.809 2.026l-.064.074c-.28.344-.443.79-.545 1.23c-.2.87-.2 1.916-.2 2.645v.025c0 2.787.379 4.368.796 5.272c.21.455.433.745.626.927c.097.092.185.155.258.198a1 1 0 0 0 .133.067S3.926 18 4 18s.187-.036.187-.036a1 1 0 0 0 .133-.067a1.5 1.5 0 0 0 .258-.198c.193-.183.416-.472.626-.927c.417-.904.796-2.485.796-5.272v-.025c0-.73 0-1.775-.2-2.645c-.102-.44-.265-.886-.545-1.23l-.064-.074C5.684 7.08 6 6.353 6 5.5c0-.697-.141-1.176-.396-1.559a2.8 2.8 0 0 0-.39-.453l-.17-.16c-.061-.057-.117-.109-.19-.182c-.15-.15-.167-.27-.167-.333a.3.3 0 0 1 .017-.103M5 5.5c0 1.07-.614 1.499-.998 1.5H4c-.385 0-1-.428-1-1.5c0-.173.052-.447.156-.757a3.7 3.7 0 0 1 .389-.833c.087-.147.2-.29.322-.421q.102.184.28.365c.073.073.168.161.249.237l.124.116c.105.102.186.191.251.29c.12.179.229.45.229 1.003M3.175 9.055c.086-.374.204-.65.345-.823A.57.57 0 0 1 3.998 8H4c.21 0 .354.078.48.232c.141.173.26.449.345.823c.173.748.175 1.688.175 2.445c0 2.713-.371 4.132-.704 4.853c-.11.237-.213.395-.296.5a2.4 2.4 0 0 1-.296-.5C3.371 15.632 3 14.213 3 11.5c0-.757.002-1.697.175-2.445M9 13c-.715 0-1.396-.15-2.01-.42q.02-.534.02-1.11A4 4 0 0 0 9 12v-2a2 2 0 0 1 2-2h2a4 4 0 0 0-6.082-3.416a3.3 3.3 0 0 0-.338-.96A5 5 0 0 1 14 8h2a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2zm4.9-4a5.01 5.01 0 0 1-3.9 3.9V15a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1zm-1.026 0H11a1 1 0 0 0-1 1v1.874A4.01 4.01 0 0 0 12.874 9"/></svg>
React
import type { SVGProps } from "react";
export function FluentDesignIdeas20Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M4.704 2.71a.5.5 0 0 0-.731-.626l-.002.001l-.003.002l-.009.006l-.03.02l-.102.075a6 6 0 0 0-.33.269c-.252.22-.577.547-.808.937a4.7 4.7 0 0 0-.482 1.032C2.087 4.785 2 5.174 2 5.5c0 .853.316 1.58.809 2.026l-.064.074c-.28.344-.443.79-.545 1.23c-.2.87-.2 1.916-.2 2.645v.025c0 2.787.379 4.368.796 5.272c.21.455.433.745.626.927c.097.092.185.155.258.198a1 1 0 0 0 .133.067S3.926 18 4 18s.187-.036.187-.036a1 1 0 0 0 .133-.067a1.5 1.5 0 0 0 .258-.198c.193-.183.416-.472.626-.927c.417-.904.796-2.485.796-5.272v-.025c0-.73 0-1.775-.2-2.645c-.102-.44-.265-.886-.545-1.23l-.064-.074C5.684 7.08 6 6.353 6 5.5c0-.697-.141-1.176-.396-1.559a2.8 2.8 0 0 0-.39-.453l-.17-.16c-.061-.057-.117-.109-.19-.182c-.15-.15-.167-.27-.167-.333a.3.3 0 0 1 .017-.103M5 5.5c0 1.07-.614 1.499-.998 1.5H4c-.385 0-1-.428-1-1.5c0-.173.052-.447.156-.757a3.7 3.7 0 0 1 .389-.833c.087-.147.2-.29.322-.421q.102.184.28.365c.073.073.168.161.249.237l.124.116c.105.102.186.191.251.29c.12.179.229.45.229 1.003M3.175 9.055c.086-.374.204-.65.345-.823A.57.57 0 0 1 3.998 8H4c.21 0 .354.078.48.232c.141.173.26.449.345.823c.173.748.175 1.688.175 2.445c0 2.713-.371 4.132-.704 4.853c-.11.237-.213.395-.296.5a2.4 2.4 0 0 1-.296-.5C3.371 15.632 3 14.213 3 11.5c0-.757.002-1.697.175-2.445M9 13c-.715 0-1.396-.15-2.01-.42q.02-.534.02-1.11A4 4 0 0 0 9 12v-2a2 2 0 0 1 2-2h2a4 4 0 0 0-6.082-3.416a3.3 3.3 0 0 0-.338-.96A5 5 0 0 1 14 8h2a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2zm4.9-4a5.01 5.01 0 0 1-3.9 3.9V15a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1zm-1.026 0H11a1 1 0 0 0-1 1v1.874A4.01 4.01 0 0 0 12.874 9"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M4.704 2.71a.5.5 0 0 0-.731-.626l-.002.001l-.003.002l-.009.006l-.03.02l-.102.075a6 6 0 0 0-.33.269c-.252.22-.577.547-.808.937a4.7 4.7 0 0 0-.482 1.032C2.087 4.785 2 5.174 2 5.5c0 .853.316 1.58.809 2.026l-.064.074c-.28.344-.443.79-.545 1.23c-.2.87-.2 1.916-.2 2.645v.025c0 2.787.379 4.368.796 5.272c.21.455.433.745.626.927c.097.092.185.155.258.198a1 1 0 0 0 .133.067S3.926 18 4 18s.187-.036.187-.036a1 1 0 0 0 .133-.067a1.5 1.5 0 0 0 .258-.198c.193-.183.416-.472.626-.927c.417-.904.796-2.485.796-5.272v-.025c0-.73 0-1.775-.2-2.645c-.102-.44-.265-.886-.545-1.23l-.064-.074C5.684 7.08 6 6.353 6 5.5c0-.697-.141-1.176-.396-1.559a2.8 2.8 0 0 0-.39-.453l-.17-.16c-.061-.057-.117-.109-.19-.182c-.15-.15-.167-.27-.167-.333a.3.3 0 0 1 .017-.103M5 5.5c0 1.07-.614 1.499-.998 1.5H4c-.385 0-1-.428-1-1.5c0-.173.052-.447.156-.757a3.7 3.7 0 0 1 .389-.833c.087-.147.2-.29.322-.421q.102.184.28.365c.073.073.168.161.249.237l.124.116c.105.102.186.191.251.29c.12.179.229.45.229 1.003M3.175 9.055c.086-.374.204-.65.345-.823A.57.57 0 0 1 3.998 8H4c.21 0 .354.078.48.232c.141.173.26.449.345.823c.173.748.175 1.688.175 2.445c0 2.713-.371 4.132-.704 4.853c-.11.237-.213.395-.296.5a2.4 2.4 0 0 1-.296-.5C3.371 15.632 3 14.213 3 11.5c0-.757.002-1.697.175-2.445M9 13c-.715 0-1.396-.15-2.01-.42q.02-.534.02-1.11A4 4 0 0 0 9 12v-2a2 2 0 0 1 2-2h2a4 4 0 0 0-6.082-3.416a3.3 3.3 0 0 0-.338-.96A5 5 0 0 1 14 8h2a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2zm4.9-4a5.01 5.01 0 0 1-3.9 3.9V15a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1zm-1.026 0H11a1 1 0 0 0-1 1v1.874A4.01 4.01 0 0 0 12.874 9"/></svg> </template>
CSS
.icon-design-ideas-20-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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.704%202.71a.5.5%200%200%200-.731-.626l-.002.001l-.003.002l-.009.006l-.03.02l-.102.075a6%206%200%200%200-.33.269c-.252.22-.577.547-.808.937a4.7%204.7%200%200%200-.482%201.032C2.087%204.785%202%205.174%202%205.5c0%20.853.316%201.58.809%202.026l-.064.074c-.28.344-.443.79-.545%201.23c-.2.87-.2%201.916-.2%202.645v.025c0%202.787.379%204.368.796%205.272c.21.455.433.745.626.927c.097.092.185.155.258.198a1%201%200%200%200%20.133.067S3.926%2018%204%2018s.187-.036.187-.036a1%201%200%200%200%20.133-.067a1.5%201.5%200%200%200%20.258-.198c.193-.183.416-.472.626-.927c.417-.904.796-2.485.796-5.272v-.025c0-.73%200-1.775-.2-2.645c-.102-.44-.265-.886-.545-1.23l-.064-.074C5.684%207.08%206%206.353%206%205.5c0-.697-.141-1.176-.396-1.559a2.8%202.8%200%200%200-.39-.453l-.17-.16c-.061-.057-.117-.109-.19-.182c-.15-.15-.167-.27-.167-.333a.3.3%200%200%201%20.017-.103M5%205.5c0%201.07-.614%201.499-.998%201.5H4c-.385%200-1-.428-1-1.5c0-.173.052-.447.156-.757a3.7%203.7%200%200%201%20.389-.833c.087-.147.2-.29.322-.421q.102.184.28.365c.073.073.168.161.249.237l.124.116c.105.102.186.191.251.29c.12.179.229.45.229%201.003M3.175%209.055c.086-.374.204-.65.345-.823A.57.57%200%200%201%203.998%208H4c.21%200%20.354.078.48.232c.141.173.26.449.345.823c.173.748.175%201.688.175%202.445c0%202.713-.371%204.132-.704%204.853c-.11.237-.213.395-.296.5a2.4%202.4%200%200%201-.296-.5C3.371%2015.632%203%2014.213%203%2011.5c0-.757.002-1.697.175-2.445M9%2013c-.715%200-1.396-.15-2.01-.42q.02-.534.02-1.11A4%204%200%200%200%209%2012v-2a2%202%200%200%201%202-2h2a4%204%200%200%200-6.082-3.416a3.3%203.3%200%200%200-.338-.96A5%205%200%200%201%2014%208h2a2%202%200%200%201%202%202v5a2%202%200%200%201-2%202h-5a2%202%200%200%201-2-2zm4.9-4a5.01%205.01%200%200%201-3.9%203.9V15a1%201%200%200%200%201%201h5a1%201%200%200%200%201-1v-5a1%201%200%200%200-1-1zm-1.026%200H11a1%201%200%200%200-1%201v1.874A4.01%204.01%200%200%200%2012.874%209%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.704%202.71a.5.5%200%200%200-.731-.626l-.002.001l-.003.002l-.009.006l-.03.02l-.102.075a6%206%200%200%200-.33.269c-.252.22-.577.547-.808.937a4.7%204.7%200%200%200-.482%201.032C2.087%204.785%202%205.174%202%205.5c0%20.853.316%201.58.809%202.026l-.064.074c-.28.344-.443.79-.545%201.23c-.2.87-.2%201.916-.2%202.645v.025c0%202.787.379%204.368.796%205.272c.21.455.433.745.626.927c.097.092.185.155.258.198a1%201%200%200%200%20.133.067S3.926%2018%204%2018s.187-.036.187-.036a1%201%200%200%200%20.133-.067a1.5%201.5%200%200%200%20.258-.198c.193-.183.416-.472.626-.927c.417-.904.796-2.485.796-5.272v-.025c0-.73%200-1.775-.2-2.645c-.102-.44-.265-.886-.545-1.23l-.064-.074C5.684%207.08%206%206.353%206%205.5c0-.697-.141-1.176-.396-1.559a2.8%202.8%200%200%200-.39-.453l-.17-.16c-.061-.057-.117-.109-.19-.182c-.15-.15-.167-.27-.167-.333a.3.3%200%200%201%20.017-.103M5%205.5c0%201.07-.614%201.499-.998%201.5H4c-.385%200-1-.428-1-1.5c0-.173.052-.447.156-.757a3.7%203.7%200%200%201%20.389-.833c.087-.147.2-.29.322-.421q.102.184.28.365c.073.073.168.161.249.237l.124.116c.105.102.186.191.251.29c.12.179.229.45.229%201.003M3.175%209.055c.086-.374.204-.65.345-.823A.57.57%200%200%201%203.998%208H4c.21%200%20.354.078.48.232c.141.173.26.449.345.823c.173.748.175%201.688.175%202.445c0%202.713-.371%204.132-.704%204.853c-.11.237-.213.395-.296.5a2.4%202.4%200%200%201-.296-.5C3.371%2015.632%203%2014.213%203%2011.5c0-.757.002-1.697.175-2.445M9%2013c-.715%200-1.396-.15-2.01-.42q.02-.534.02-1.11A4%204%200%200%200%209%2012v-2a2%202%200%200%201%202-2h2a4%204%200%200%200-6.082-3.416a3.3%203.3%200%200%200-.338-.96A5%205%200%200%201%2014%208h2a2%202%200%200%201%202%202v5a2%202%200%200%201-2%202h-5a2%202%200%200%201-2-2zm4.9-4a5.01%205.01%200%200%201-3.9%203.9V15a1%201%200%200%200%201%201h5a1%201%200%200%200%201-1v-5a1%201%200%200%200-1-1zm-1.026%200H11a1%201%200%200%200-1%201v1.874A4.01%204.01%200%200%200%2012.874%209%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/design-ideas-20-regular.svg?color=%231a73e8&size=48
