design ideas icon
design-ideas-28-filled from Fluent UI System Icons by Microsoft Corporation · 28 Filled · MIT Free for personal and commercial use.
- Name
- design-ideas-28-filled
- Set
- Fluent UI System Icons
- Style
- 28 Filled
- Viewbox
- 28×28
- 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 28 28"><path fill="currentColor" d="M6.595 2.084A.75.75 0 0 1 7 2.75c0 1.17.403 1.848.867 2.519q.066.096.138.196C8.448 6.093 9 6.873 9 8a3.5 3.5 0 1 1-7 0c0-.823.084-1.72.649-2.72c.552-.977 1.526-1.986 3.17-3.143a.75.75 0 0 1 .776-.053m2.627 3.39A6 6 0 0 1 18.48 10h-2.729a3.75 3.75 0 0 0-3.75 3.75v2.73a6 6 0 0 1-2.012-.53c-.016.489-.05 1.023-.1 1.583a7.5 7.5 0 0 0 2.112.45v2.267a3.75 3.75 0 0 0 3.75 3.75h6.5a3.75 3.75 0 0 0 3.75-3.75v-6.5a3.75 3.75 0 0 0-3.75-3.75h-2.266A7.5 7.5 0 0 0 8.386 4.229c.09.154.192.308.305.471q.057.085.13.184c.118.166.259.362.401.59m13.03 6.026a2.25 2.25 0 0 1 2.25 2.25v6.5a2.25 2.25 0 0 1-2.25 2.25h-6.5a2.25 2.25 0 0 1-2.25-2.25v-2.316a7.504 7.504 0 0 0 6.433-6.434zm-8.75 4.917V13.75a2.25 2.25 0 0 1 2.25-2.25h2.666a6.005 6.005 0 0 1-4.917 4.917M2 15.287c0-1.003.08-2.248.516-3.274c.833.62 1.866.987 2.984.987a4.98 4.98 0 0 0 2.986-.989c.435 1.027.514 2.274.514 3.276c0 1.663-.264 4.21-.748 6.35c-.24 1.068-.546 2.079-.923 2.84c-.187.38-.412.737-.687 1.01c-.277.274-.66.513-1.14.513s-.862-.239-1.139-.514c-.275-.272-.5-.629-.688-1.008c-.377-.762-.683-1.773-.925-2.84c-.485-2.141-.75-4.688-.75-6.35"/></svg>
React
import type { SVGProps } from "react";
export function FluentDesignIdeas28Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M6.595 2.084A.75.75 0 0 1 7 2.75c0 1.17.403 1.848.867 2.519q.066.096.138.196C8.448 6.093 9 6.873 9 8a3.5 3.5 0 1 1-7 0c0-.823.084-1.72.649-2.72c.552-.977 1.526-1.986 3.17-3.143a.75.75 0 0 1 .776-.053m2.627 3.39A6 6 0 0 1 18.48 10h-2.729a3.75 3.75 0 0 0-3.75 3.75v2.73a6 6 0 0 1-2.012-.53c-.016.489-.05 1.023-.1 1.583a7.5 7.5 0 0 0 2.112.45v2.267a3.75 3.75 0 0 0 3.75 3.75h6.5a3.75 3.75 0 0 0 3.75-3.75v-6.5a3.75 3.75 0 0 0-3.75-3.75h-2.266A7.5 7.5 0 0 0 8.386 4.229c.09.154.192.308.305.471q.057.085.13.184c.118.166.259.362.401.59m13.03 6.026a2.25 2.25 0 0 1 2.25 2.25v6.5a2.25 2.25 0 0 1-2.25 2.25h-6.5a2.25 2.25 0 0 1-2.25-2.25v-2.316a7.504 7.504 0 0 0 6.433-6.434zm-8.75 4.917V13.75a2.25 2.25 0 0 1 2.25-2.25h2.666a6.005 6.005 0 0 1-4.917 4.917M2 15.287c0-1.003.08-2.248.516-3.274c.833.62 1.866.987 2.984.987a4.98 4.98 0 0 0 2.986-.989c.435 1.027.514 2.274.514 3.276c0 1.663-.264 4.21-.748 6.35c-.24 1.068-.546 2.079-.923 2.84c-.187.38-.412.737-.687 1.01c-.277.274-.66.513-1.14.513s-.862-.239-1.139-.514c-.275-.272-.5-.629-.688-1.008c-.377-.762-.683-1.773-.925-2.84c-.485-2.141-.75-4.688-.75-6.35"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M6.595 2.084A.75.75 0 0 1 7 2.75c0 1.17.403 1.848.867 2.519q.066.096.138.196C8.448 6.093 9 6.873 9 8a3.5 3.5 0 1 1-7 0c0-.823.084-1.72.649-2.72c.552-.977 1.526-1.986 3.17-3.143a.75.75 0 0 1 .776-.053m2.627 3.39A6 6 0 0 1 18.48 10h-2.729a3.75 3.75 0 0 0-3.75 3.75v2.73a6 6 0 0 1-2.012-.53c-.016.489-.05 1.023-.1 1.583a7.5 7.5 0 0 0 2.112.45v2.267a3.75 3.75 0 0 0 3.75 3.75h6.5a3.75 3.75 0 0 0 3.75-3.75v-6.5a3.75 3.75 0 0 0-3.75-3.75h-2.266A7.5 7.5 0 0 0 8.386 4.229c.09.154.192.308.305.471q.057.085.13.184c.118.166.259.362.401.59m13.03 6.026a2.25 2.25 0 0 1 2.25 2.25v6.5a2.25 2.25 0 0 1-2.25 2.25h-6.5a2.25 2.25 0 0 1-2.25-2.25v-2.316a7.504 7.504 0 0 0 6.433-6.434zm-8.75 4.917V13.75a2.25 2.25 0 0 1 2.25-2.25h2.666a6.005 6.005 0 0 1-4.917 4.917M2 15.287c0-1.003.08-2.248.516-3.274c.833.62 1.866.987 2.984.987a4.98 4.98 0 0 0 2.986-.989c.435 1.027.514 2.274.514 3.276c0 1.663-.264 4.21-.748 6.35c-.24 1.068-.546 2.079-.923 2.84c-.187.38-.412.737-.687 1.01c-.277.274-.66.513-1.14.513s-.862-.239-1.139-.514c-.275-.272-.5-.629-.688-1.008c-.377-.762-.683-1.773-.925-2.84c-.485-2.141-.75-4.688-.75-6.35"/></svg> </template>
CSS
.icon-design-ideas-28-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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.595%202.084A.75.75%200%200%201%207%202.75c0%201.17.403%201.848.867%202.519q.066.096.138.196C8.448%206.093%209%206.873%209%208a3.5%203.5%200%201%201-7%200c0-.823.084-1.72.649-2.72c.552-.977%201.526-1.986%203.17-3.143a.75.75%200%200%201%20.776-.053m2.627%203.39A6%206%200%200%201%2018.48%2010h-2.729a3.75%203.75%200%200%200-3.75%203.75v2.73a6%206%200%200%201-2.012-.53c-.016.489-.05%201.023-.1%201.583a7.5%207.5%200%200%200%202.112.45v2.267a3.75%203.75%200%200%200%203.75%203.75h6.5a3.75%203.75%200%200%200%203.75-3.75v-6.5a3.75%203.75%200%200%200-3.75-3.75h-2.266A7.5%207.5%200%200%200%208.386%204.229c.09.154.192.308.305.471q.057.085.13.184c.118.166.259.362.401.59m13.03%206.026a2.25%202.25%200%200%201%202.25%202.25v6.5a2.25%202.25%200%200%201-2.25%202.25h-6.5a2.25%202.25%200%200%201-2.25-2.25v-2.316a7.504%207.504%200%200%200%206.433-6.434zm-8.75%204.917V13.75a2.25%202.25%200%200%201%202.25-2.25h2.666a6.005%206.005%200%200%201-4.917%204.917M2%2015.287c0-1.003.08-2.248.516-3.274c.833.62%201.866.987%202.984.987a4.98%204.98%200%200%200%202.986-.989c.435%201.027.514%202.274.514%203.276c0%201.663-.264%204.21-.748%206.35c-.24%201.068-.546%202.079-.923%202.84c-.187.38-.412.737-.687%201.01c-.277.274-.66.513-1.14.513s-.862-.239-1.139-.514c-.275-.272-.5-.629-.688-1.008c-.377-.762-.683-1.773-.925-2.84c-.485-2.141-.75-4.688-.75-6.35%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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.595%202.084A.75.75%200%200%201%207%202.75c0%201.17.403%201.848.867%202.519q.066.096.138.196C8.448%206.093%209%206.873%209%208a3.5%203.5%200%201%201-7%200c0-.823.084-1.72.649-2.72c.552-.977%201.526-1.986%203.17-3.143a.75.75%200%200%201%20.776-.053m2.627%203.39A6%206%200%200%201%2018.48%2010h-2.729a3.75%203.75%200%200%200-3.75%203.75v2.73a6%206%200%200%201-2.012-.53c-.016.489-.05%201.023-.1%201.583a7.5%207.5%200%200%200%202.112.45v2.267a3.75%203.75%200%200%200%203.75%203.75h6.5a3.75%203.75%200%200%200%203.75-3.75v-6.5a3.75%203.75%200%200%200-3.75-3.75h-2.266A7.5%207.5%200%200%200%208.386%204.229c.09.154.192.308.305.471q.057.085.13.184c.118.166.259.362.401.59m13.03%206.026a2.25%202.25%200%200%201%202.25%202.25v6.5a2.25%202.25%200%200%201-2.25%202.25h-6.5a2.25%202.25%200%200%201-2.25-2.25v-2.316a7.504%207.504%200%200%200%206.433-6.434zm-8.75%204.917V13.75a2.25%202.25%200%200%201%202.25-2.25h2.666a6.005%206.005%200%200%201-4.917%204.917M2%2015.287c0-1.003.08-2.248.516-3.274c.833.62%201.866.987%202.984.987a4.98%204.98%200%200%200%202.986-.989c.435%201.027.514%202.274.514%203.276c0%201.663-.264%204.21-.748%206.35c-.24%201.068-.546%202.079-.923%202.84c-.187.38-.412.737-.687%201.01c-.277.274-.66.513-1.14.513s-.862-.239-1.139-.514c-.275-.272-.5-.629-.688-1.008c-.377-.762-.683-1.773-.925-2.84c-.485-2.141-.75-4.688-.75-6.35%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/design-ideas-28-filled.svg?color=%231a73e8&size=48
