design ideas icon
design-ideas-48-regular from Fluent UI System Icons by Microsoft Corporation · 48 Regular · MIT Free for personal and commercial use.
- Name
- design-ideas-48-regular
- Set
- Fluent UI System Icons
- Style
- 48 Regular
- Viewbox
- 48×48
- 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 48 48"><path fill="currentColor" d="M12.081 5.113c.436.199.72.63.731 1.109c.04 1.782.67 2.787 1.395 3.791l.202.278c.7.951 1.591 2.162 1.591 3.957a5.5 5.5 0 0 1-2.221 4.416c.637.563 1.082 1.27 1.395 2.005c.7 1.649.826 3.665.826 5.278c0 2.64-.408 6.68-1.156 10.08c-.373 1.693-.845 3.3-1.43 4.513c-.29.603-.641 1.177-1.073 1.616c-.435.442-1.052.844-1.837.844s-1.402-.401-1.837-.843c-.432-.44-.783-1.013-1.074-1.616c-.586-1.213-1.06-2.82-1.433-4.513c-.75-3.4-1.16-7.44-1.16-10.08c0-1.615.128-3.631.831-5.28c.313-.735.758-1.44 1.394-2.001A5.5 5.5 0 0 1 5 14.247c0-1.316.168-2.579 1.059-4.05c.846-1.398 2.307-2.919 4.705-4.909a1.25 1.25 0 0 1 1.317-.175m-3.884 6.38c-.58.956-.697 1.725-.697 2.755a3 3 0 0 0 6 0c0-.947-.411-1.515-1.166-2.558l-.155-.215c-.537-.745-1.121-1.622-1.49-2.808c-1.282 1.181-2.038 2.076-2.492 2.825m-.066 10.155c-.493 1.155-.631 2.738-.631 4.3c0 2.451.389 6.312 1.101 9.54c.358 1.622.782 3.01 1.243 3.965c.232.48.442.784.606.95q.03.031.054.052q.024-.02.054-.051c.163-.167.373-.47.604-.95c.46-.955.884-2.343 1.24-3.965c.711-3.229 1.098-7.09 1.098-9.542c0-1.563-.136-3.145-.627-4.3c-.238-.56-.534-.957-.882-1.217c-.334-.249-.796-.43-1.487-.43s-1.154.181-1.49.43c-.348.26-.645.66-.883 1.218M21 9.5a9.5 9.5 0 0 0-4.085.92a14 14 0 0 0-.896-1.319l-.19-.257a11 11 0 0 1-.347-.503A11.95 11.95 0 0 1 21 7c6.29 0 11.45 4.84 11.959 11h3.791A6.25 6.25 0 0 1 43 24.25v10.5A6.25 6.25 0 0 1 36.75 41h-10.5A6.25 6.25 0 0 1 20 34.75v-3.791a12 12 0 0 1-2.27-.41a54 54 0 0 0 .208-2.553a9.4 9.4 0 0 0 2.062.452V24.25A6.25 6.25 0 0 1 26.25 18h4.198c-.5-4.777-4.539-8.5-9.448-8.5m15.75 11h-3.843A12.006 12.006 0 0 1 22.5 30.907v3.843a3.75 3.75 0 0 0 3.75 3.75h10.5a3.75 3.75 0 0 0 3.75-3.75v-10.5a3.75 3.75 0 0 0-3.75-3.75M22.5 28.382a9.51 9.51 0 0 0 7.882-7.882H26.25a3.75 3.75 0 0 0-3.75 3.75z"/></svg>
React
import type { SVGProps } from "react";
export function FluentDesignIdeas48Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M12.081 5.113c.436.199.72.63.731 1.109c.04 1.782.67 2.787 1.395 3.791l.202.278c.7.951 1.591 2.162 1.591 3.957a5.5 5.5 0 0 1-2.221 4.416c.637.563 1.082 1.27 1.395 2.005c.7 1.649.826 3.665.826 5.278c0 2.64-.408 6.68-1.156 10.08c-.373 1.693-.845 3.3-1.43 4.513c-.29.603-.641 1.177-1.073 1.616c-.435.442-1.052.844-1.837.844s-1.402-.401-1.837-.843c-.432-.44-.783-1.013-1.074-1.616c-.586-1.213-1.06-2.82-1.433-4.513c-.75-3.4-1.16-7.44-1.16-10.08c0-1.615.128-3.631.831-5.28c.313-.735.758-1.44 1.394-2.001A5.5 5.5 0 0 1 5 14.247c0-1.316.168-2.579 1.059-4.05c.846-1.398 2.307-2.919 4.705-4.909a1.25 1.25 0 0 1 1.317-.175m-3.884 6.38c-.58.956-.697 1.725-.697 2.755a3 3 0 0 0 6 0c0-.947-.411-1.515-1.166-2.558l-.155-.215c-.537-.745-1.121-1.622-1.49-2.808c-1.282 1.181-2.038 2.076-2.492 2.825m-.066 10.155c-.493 1.155-.631 2.738-.631 4.3c0 2.451.389 6.312 1.101 9.54c.358 1.622.782 3.01 1.243 3.965c.232.48.442.784.606.95q.03.031.054.052q.024-.02.054-.051c.163-.167.373-.47.604-.95c.46-.955.884-2.343 1.24-3.965c.711-3.229 1.098-7.09 1.098-9.542c0-1.563-.136-3.145-.627-4.3c-.238-.56-.534-.957-.882-1.217c-.334-.249-.796-.43-1.487-.43s-1.154.181-1.49.43c-.348.26-.645.66-.883 1.218M21 9.5a9.5 9.5 0 0 0-4.085.92a14 14 0 0 0-.896-1.319l-.19-.257a11 11 0 0 1-.347-.503A11.95 11.95 0 0 1 21 7c6.29 0 11.45 4.84 11.959 11h3.791A6.25 6.25 0 0 1 43 24.25v10.5A6.25 6.25 0 0 1 36.75 41h-10.5A6.25 6.25 0 0 1 20 34.75v-3.791a12 12 0 0 1-2.27-.41a54 54 0 0 0 .208-2.553a9.4 9.4 0 0 0 2.062.452V24.25A6.25 6.25 0 0 1 26.25 18h4.198c-.5-4.777-4.539-8.5-9.448-8.5m15.75 11h-3.843A12.006 12.006 0 0 1 22.5 30.907v3.843a3.75 3.75 0 0 0 3.75 3.75h10.5a3.75 3.75 0 0 0 3.75-3.75v-10.5a3.75 3.75 0 0 0-3.75-3.75M22.5 28.382a9.51 9.51 0 0 0 7.882-7.882H26.25a3.75 3.75 0 0 0-3.75 3.75z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M12.081 5.113c.436.199.72.63.731 1.109c.04 1.782.67 2.787 1.395 3.791l.202.278c.7.951 1.591 2.162 1.591 3.957a5.5 5.5 0 0 1-2.221 4.416c.637.563 1.082 1.27 1.395 2.005c.7 1.649.826 3.665.826 5.278c0 2.64-.408 6.68-1.156 10.08c-.373 1.693-.845 3.3-1.43 4.513c-.29.603-.641 1.177-1.073 1.616c-.435.442-1.052.844-1.837.844s-1.402-.401-1.837-.843c-.432-.44-.783-1.013-1.074-1.616c-.586-1.213-1.06-2.82-1.433-4.513c-.75-3.4-1.16-7.44-1.16-10.08c0-1.615.128-3.631.831-5.28c.313-.735.758-1.44 1.394-2.001A5.5 5.5 0 0 1 5 14.247c0-1.316.168-2.579 1.059-4.05c.846-1.398 2.307-2.919 4.705-4.909a1.25 1.25 0 0 1 1.317-.175m-3.884 6.38c-.58.956-.697 1.725-.697 2.755a3 3 0 0 0 6 0c0-.947-.411-1.515-1.166-2.558l-.155-.215c-.537-.745-1.121-1.622-1.49-2.808c-1.282 1.181-2.038 2.076-2.492 2.825m-.066 10.155c-.493 1.155-.631 2.738-.631 4.3c0 2.451.389 6.312 1.101 9.54c.358 1.622.782 3.01 1.243 3.965c.232.48.442.784.606.95q.03.031.054.052q.024-.02.054-.051c.163-.167.373-.47.604-.95c.46-.955.884-2.343 1.24-3.965c.711-3.229 1.098-7.09 1.098-9.542c0-1.563-.136-3.145-.627-4.3c-.238-.56-.534-.957-.882-1.217c-.334-.249-.796-.43-1.487-.43s-1.154.181-1.49.43c-.348.26-.645.66-.883 1.218M21 9.5a9.5 9.5 0 0 0-4.085.92a14 14 0 0 0-.896-1.319l-.19-.257a11 11 0 0 1-.347-.503A11.95 11.95 0 0 1 21 7c6.29 0 11.45 4.84 11.959 11h3.791A6.25 6.25 0 0 1 43 24.25v10.5A6.25 6.25 0 0 1 36.75 41h-10.5A6.25 6.25 0 0 1 20 34.75v-3.791a12 12 0 0 1-2.27-.41a54 54 0 0 0 .208-2.553a9.4 9.4 0 0 0 2.062.452V24.25A6.25 6.25 0 0 1 26.25 18h4.198c-.5-4.777-4.539-8.5-9.448-8.5m15.75 11h-3.843A12.006 12.006 0 0 1 22.5 30.907v3.843a3.75 3.75 0 0 0 3.75 3.75h10.5a3.75 3.75 0 0 0 3.75-3.75v-10.5a3.75 3.75 0 0 0-3.75-3.75M22.5 28.382a9.51 9.51 0 0 0 7.882-7.882H26.25a3.75 3.75 0 0 0-3.75 3.75z"/></svg> </template>
CSS
.icon-design-ideas-48-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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.081%205.113c.436.199.72.63.731%201.109c.04%201.782.67%202.787%201.395%203.791l.202.278c.7.951%201.591%202.162%201.591%203.957a5.5%205.5%200%200%201-2.221%204.416c.637.563%201.082%201.27%201.395%202.005c.7%201.649.826%203.665.826%205.278c0%202.64-.408%206.68-1.156%2010.08c-.373%201.693-.845%203.3-1.43%204.513c-.29.603-.641%201.177-1.073%201.616c-.435.442-1.052.844-1.837.844s-1.402-.401-1.837-.843c-.432-.44-.783-1.013-1.074-1.616c-.586-1.213-1.06-2.82-1.433-4.513c-.75-3.4-1.16-7.44-1.16-10.08c0-1.615.128-3.631.831-5.28c.313-.735.758-1.44%201.394-2.001A5.5%205.5%200%200%201%205%2014.247c0-1.316.168-2.579%201.059-4.05c.846-1.398%202.307-2.919%204.705-4.909a1.25%201.25%200%200%201%201.317-.175m-3.884%206.38c-.58.956-.697%201.725-.697%202.755a3%203%200%200%200%206%200c0-.947-.411-1.515-1.166-2.558l-.155-.215c-.537-.745-1.121-1.622-1.49-2.808c-1.282%201.181-2.038%202.076-2.492%202.825m-.066%2010.155c-.493%201.155-.631%202.738-.631%204.3c0%202.451.389%206.312%201.101%209.54c.358%201.622.782%203.01%201.243%203.965c.232.48.442.784.606.95q.03.031.054.052q.024-.02.054-.051c.163-.167.373-.47.604-.95c.46-.955.884-2.343%201.24-3.965c.711-3.229%201.098-7.09%201.098-9.542c0-1.563-.136-3.145-.627-4.3c-.238-.56-.534-.957-.882-1.217c-.334-.249-.796-.43-1.487-.43s-1.154.181-1.49.43c-.348.26-.645.66-.883%201.218M21%209.5a9.5%209.5%200%200%200-4.085.92a14%2014%200%200%200-.896-1.319l-.19-.257a11%2011%200%200%201-.347-.503A11.95%2011.95%200%200%201%2021%207c6.29%200%2011.45%204.84%2011.959%2011h3.791A6.25%206.25%200%200%201%2043%2024.25v10.5A6.25%206.25%200%200%201%2036.75%2041h-10.5A6.25%206.25%200%200%201%2020%2034.75v-3.791a12%2012%200%200%201-2.27-.41a54%2054%200%200%200%20.208-2.553a9.4%209.4%200%200%200%202.062.452V24.25A6.25%206.25%200%200%201%2026.25%2018h4.198c-.5-4.777-4.539-8.5-9.448-8.5m15.75%2011h-3.843A12.006%2012.006%200%200%201%2022.5%2030.907v3.843a3.75%203.75%200%200%200%203.75%203.75h10.5a3.75%203.75%200%200%200%203.75-3.75v-10.5a3.75%203.75%200%200%200-3.75-3.75M22.5%2028.382a9.51%209.51%200%200%200%207.882-7.882H26.25a3.75%203.75%200%200%200-3.75%203.75z%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.081%205.113c.436.199.72.63.731%201.109c.04%201.782.67%202.787%201.395%203.791l.202.278c.7.951%201.591%202.162%201.591%203.957a5.5%205.5%200%200%201-2.221%204.416c.637.563%201.082%201.27%201.395%202.005c.7%201.649.826%203.665.826%205.278c0%202.64-.408%206.68-1.156%2010.08c-.373%201.693-.845%203.3-1.43%204.513c-.29.603-.641%201.177-1.073%201.616c-.435.442-1.052.844-1.837.844s-1.402-.401-1.837-.843c-.432-.44-.783-1.013-1.074-1.616c-.586-1.213-1.06-2.82-1.433-4.513c-.75-3.4-1.16-7.44-1.16-10.08c0-1.615.128-3.631.831-5.28c.313-.735.758-1.44%201.394-2.001A5.5%205.5%200%200%201%205%2014.247c0-1.316.168-2.579%201.059-4.05c.846-1.398%202.307-2.919%204.705-4.909a1.25%201.25%200%200%201%201.317-.175m-3.884%206.38c-.58.956-.697%201.725-.697%202.755a3%203%200%200%200%206%200c0-.947-.411-1.515-1.166-2.558l-.155-.215c-.537-.745-1.121-1.622-1.49-2.808c-1.282%201.181-2.038%202.076-2.492%202.825m-.066%2010.155c-.493%201.155-.631%202.738-.631%204.3c0%202.451.389%206.312%201.101%209.54c.358%201.622.782%203.01%201.243%203.965c.232.48.442.784.606.95q.03.031.054.052q.024-.02.054-.051c.163-.167.373-.47.604-.95c.46-.955.884-2.343%201.24-3.965c.711-3.229%201.098-7.09%201.098-9.542c0-1.563-.136-3.145-.627-4.3c-.238-.56-.534-.957-.882-1.217c-.334-.249-.796-.43-1.487-.43s-1.154.181-1.49.43c-.348.26-.645.66-.883%201.218M21%209.5a9.5%209.5%200%200%200-4.085.92a14%2014%200%200%200-.896-1.319l-.19-.257a11%2011%200%200%201-.347-.503A11.95%2011.95%200%200%201%2021%207c6.29%200%2011.45%204.84%2011.959%2011h3.791A6.25%206.25%200%200%201%2043%2024.25v10.5A6.25%206.25%200%200%201%2036.75%2041h-10.5A6.25%206.25%200%200%201%2020%2034.75v-3.791a12%2012%200%200%201-2.27-.41a54%2054%200%200%200%20.208-2.553a9.4%209.4%200%200%200%202.062.452V24.25A6.25%206.25%200%200%201%2026.25%2018h4.198c-.5-4.777-4.539-8.5-9.448-8.5m15.75%2011h-3.843A12.006%2012.006%200%200%201%2022.5%2030.907v3.843a3.75%203.75%200%200%200%203.75%203.75h10.5a3.75%203.75%200%200%200%203.75-3.75v-10.5a3.75%203.75%200%200%200-3.75-3.75M22.5%2028.382a9.51%209.51%200%200%200%207.882-7.882H26.25a3.75%203.75%200%200%200-3.75%203.75z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/design-ideas-48-regular.svg?color=%231a73e8&size=48
