design ideas icon
design-ideas-16 from Fluent UI System Color Icons by Microsoft Corporation · 16 · MIT Free for personal and commercial use.
- Name
- design-ideas-16
- Set
- Fluent UI System Color Icons
- Style
- 16
- Viewbox
- 16×16
- License
- MIT
5 other variants in Fluent UI System Color 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"><g fill="none"><circle cx="7.5" cy="6.5" r="4.5" fill="url(#SVG8PA1IbRs)"/><circle cx="7.5" cy="6.5" r="4.5" fill="url(#SVG0fciQbzl)" fill-opacity=".6"/><circle cx="7.5" cy="6.5" r="4.5" fill="url(#SVGpuPKkbmL)" fill-opacity=".6"/><rect width="8" height="8" x="7" y="6" fill="url(#SVGDAeOeufm)" rx="2"/><path fill="url(#SVGSBqlTcGV)" fill-rule="evenodd" d="M7.5 11a4.5 4.5 0 0 0 4.473-5H9a2 2 0 0 0-2 2v2.973q.246.027.5.027" clip-rule="evenodd"/><path fill="url(#SVGew1Wld9z)" fill-rule="evenodd" d="M7.5 11a4.5 4.5 0 0 0 4.473-5H9a2 2 0 0 0-2 2v2.973q.246.027.5.027" clip-rule="evenodd"/><path fill="url(#SVGOm5uNIAU)" d="M5 9.718c0 3.45-1.062 5.25-2 5.25c-.812 0-2-1.494-2-5.25C1 6.51 1.895 6 3 6c.984 0 2 .268 2 3.718"/><path fill="url(#SVGcE4NbeiQ)" fill-opacity=".5" d="M5 9.718c0 3.45-1.062 5.25-2 5.25c-.812 0-2-1.494-2-5.25C1 6.51 1.895 6 3 6c.984 0 2 .268 2 3.718"/><path fill="url(#SVGiXxZgdkR)" d="M5 9.718c0 3.45-1.062 5.25-2 5.25c-.812 0-2-1.494-2-5.25C1 6.51 1.895 6 3 6c.984 0 2 .268 2 3.718"/><path fill="url(#SVGMo8Bcbep)" fill-opacity=".7" d="M5 9.718c0 3.45-1.062 5.25-2 5.25c-.812 0-2-1.494-2-5.25C1 6.51 1.895 6 3 6c.984 0 2 .268 2 3.718"/><path fill="#fff" fill-opacity=".15" d="M1.046 8.577C1.242 6.384 2.042 6 3 6c.863 0 1.75.206 1.955 2.577a3.95 3.95 0 0 1-1.954.502a3.95 3.95 0 0 1-1.955-.502"/><path fill="url(#SVGYZWTocVT)" d="M3.58 1.125a.5.5 0 0 1 .124.585a.3.3 0 0 0-.017.103c0 .063.016.183.167.333c.132.133.209.195.36.342c.13.124.267.27.39.453c.255.383.396.862.396 1.559C5 5.97 4.023 7 3 7S1 5.97 1 4.5c0-.72.302-1.507.689-2.106c.231-.39.556-.717.808-.937q.227-.201.476-.373a.5.5 0 0 1 .608.041"/><defs><radialGradient id="SVG8PA1IbRs" cx="0" cy="0" r="1" gradientTransform="rotate(-78.382 10.014 4.248)scale(12.1752 12.1751)" gradientUnits="userSpaceOnUse"><stop offset=".222" stop-color="#4e46e2"/><stop offset=".578" stop-color="#625df6"/><stop offset=".955" stop-color="#e37dff"/></radialGradient><radialGradient id="SVG0fciQbzl" cx="0" cy="0" r="1" gradientTransform="rotate(-17.281 30.071 -1.549)scale(4.91501 6.43369)" gradientUnits="userSpaceOnUse"><stop offset=".566" stop-color="#251fba"/><stop offset="1" stop-color="#5e51e4" stop-opacity="0"/></radialGradient><radialGradient id="SVGpuPKkbmL" cx="0" cy="0" r="1" gradientTransform="rotate(8.26 -37.523 13.02)scale(4.52116 4.62151)" gradientUnits="userSpaceOnUse"><stop offset=".566" stop-color="#251fba"/><stop offset="1" stop-color="#5e51e4" stop-opacity="0"/></radialGradient><radialGradient id="SVGDAeOeufm" cx="0" cy="0" r="1" gradientTransform="rotate(42.462 -4.446 13.61)scale(9.45903 12.8479)" gradientUnits="userSpaceOnUse"><stop stop-color="#c354ff"/><stop offset=".158" stop-color="#b339f0"/><stop offset=".429" stop-color="#f24a9d"/><stop offset=".749" stop-color="#ff835c"/><stop offset="1" stop-color="#ffc470"/></radialGradient><radialGradient id="SVGcE4NbeiQ" cx="0" cy="0" r="1" gradientTransform="rotate(80.269 -1.81 4.4)scale(8.93568 24.4811)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#dd3ce2" stop-opacity="0"/><stop offset="1" stop-color="#dd3ce2"/></radialGradient><radialGradient id="SVGMo8Bcbep" cx="0" cy="0" r="1" gradientTransform="matrix(1.3457 -4.41924 7.80503 2.3767 1.837 6)" gradientUnits="userSpaceOnUse"><stop offset=".169" stop-color="#02888d"/><stop offset=".26" stop-color="#02888d" stop-opacity="0"/></radialGradient><radialGradient id="SVGYZWTocVT" cx="0" cy="0" r="1" gradientTransform="rotate(106.553 .82 2.916)scale(4.56577 4.56847)" gradientUnits="userSpaceOnUse"><stop stop-color="#ff9532"/><stop offset=".251" stop-color="#ff835c"/><stop offset="1" stop-color="#f24a9d"/></radialGradient><linearGradient id="SVGSBqlTcGV" x1="11.592" x2="7.523" y1="11.031" y2="5.051" gradientUnits="userSpaceOnUse"><stop offset=".195" stop-color="#6d37cd"/><stop offset=".765" stop-color="#ea71ef"/></linearGradient><linearGradient id="SVGew1Wld9z" x1="12.453" x2="5.964" y1="12.438" y2="3.367" gradientUnits="userSpaceOnUse"><stop offset=".195" stop-color="#7631ff"/><stop offset=".886" stop-color="#e63080"/></linearGradient><linearGradient id="SVGOm5uNIAU" x1=".063" x2="4.05" y1="9.807" y2="14.499" gradientUnits="userSpaceOnUse"><stop stop-color="#0fafff"/><stop offset="1" stop-color="#2764e7"/></linearGradient><linearGradient id="SVGiXxZgdkR" x1="6.5" x2="-.5" y1="10.108" y2="10.108" gradientUnits="userSpaceOnUse"><stop offset=".307" stop-color="#0d91e1"/><stop offset=".761" stop-color="#52b471"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function FluentColorDesignIdeas16(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="none"><circle cx="7.5" cy="6.5" r="4.5" fill="url(#SVG8PA1IbRs)"/><circle cx="7.5" cy="6.5" r="4.5" fill="url(#SVG0fciQbzl)" fillOpacity=".6"/><circle cx="7.5" cy="6.5" r="4.5" fill="url(#SVGpuPKkbmL)" fillOpacity=".6"/><rect width="8" height="8" x="7" y="6" fill="url(#SVGDAeOeufm)" rx="2"/><path fill="url(#SVGSBqlTcGV)" fillRule="evenodd" d="M7.5 11a4.5 4.5 0 0 0 4.473-5H9a2 2 0 0 0-2 2v2.973q.246.027.5.027" clipRule="evenodd"/><path fill="url(#SVGew1Wld9z)" fillRule="evenodd" d="M7.5 11a4.5 4.5 0 0 0 4.473-5H9a2 2 0 0 0-2 2v2.973q.246.027.5.027" clipRule="evenodd"/><path fill="url(#SVGOm5uNIAU)" d="M5 9.718c0 3.45-1.062 5.25-2 5.25c-.812 0-2-1.494-2-5.25C1 6.51 1.895 6 3 6c.984 0 2 .268 2 3.718"/><path fill="url(#SVGcE4NbeiQ)" fillOpacity=".5" d="M5 9.718c0 3.45-1.062 5.25-2 5.25c-.812 0-2-1.494-2-5.25C1 6.51 1.895 6 3 6c.984 0 2 .268 2 3.718"/><path fill="url(#SVGiXxZgdkR)" d="M5 9.718c0 3.45-1.062 5.25-2 5.25c-.812 0-2-1.494-2-5.25C1 6.51 1.895 6 3 6c.984 0 2 .268 2 3.718"/><path fill="url(#SVGMo8Bcbep)" fillOpacity=".7" d="M5 9.718c0 3.45-1.062 5.25-2 5.25c-.812 0-2-1.494-2-5.25C1 6.51 1.895 6 3 6c.984 0 2 .268 2 3.718"/><path fill="#fff" fillOpacity=".15" d="M1.046 8.577C1.242 6.384 2.042 6 3 6c.863 0 1.75.206 1.955 2.577a3.95 3.95 0 0 1-1.954.502a3.95 3.95 0 0 1-1.955-.502"/><path fill="url(#SVGYZWTocVT)" d="M3.58 1.125a.5.5 0 0 1 .124.585a.3.3 0 0 0-.017.103c0 .063.016.183.167.333c.132.133.209.195.36.342c.13.124.267.27.39.453c.255.383.396.862.396 1.559C5 5.97 4.023 7 3 7S1 5.97 1 4.5c0-.72.302-1.507.689-2.106c.231-.39.556-.717.808-.937q.227-.201.476-.373a.5.5 0 0 1 .608.041"/><defs><radialGradient id="SVG8PA1IbRs" cx="0" cy="0" r="1" gradientTransform="rotate(-78.382 10.014 4.248)scale(12.1752 12.1751)" gradientUnits="userSpaceOnUse"><stop offset=".222" stopColor="#4e46e2"/><stop offset=".578" stopColor="#625df6"/><stop offset=".955" stopColor="#e37dff"/></radialGradient><radialGradient id="SVG0fciQbzl" cx="0" cy="0" r="1" gradientTransform="rotate(-17.281 30.071 -1.549)scale(4.91501 6.43369)" gradientUnits="userSpaceOnUse"><stop offset=".566" stopColor="#251fba"/><stop offset="1" stopColor="#5e51e4" stopOpacity="0"/></radialGradient><radialGradient id="SVGpuPKkbmL" cx="0" cy="0" r="1" gradientTransform="rotate(8.26 -37.523 13.02)scale(4.52116 4.62151)" gradientUnits="userSpaceOnUse"><stop offset=".566" stopColor="#251fba"/><stop offset="1" stopColor="#5e51e4" stopOpacity="0"/></radialGradient><radialGradient id="SVGDAeOeufm" cx="0" cy="0" r="1" gradientTransform="rotate(42.462 -4.446 13.61)scale(9.45903 12.8479)" gradientUnits="userSpaceOnUse"><stop stopColor="#c354ff"/><stop offset=".158" stopColor="#b339f0"/><stop offset=".429" stopColor="#f24a9d"/><stop offset=".749" stopColor="#ff835c"/><stop offset="1" stopColor="#ffc470"/></radialGradient><radialGradient id="SVGcE4NbeiQ" cx="0" cy="0" r="1" gradientTransform="rotate(80.269 -1.81 4.4)scale(8.93568 24.4811)" gradientUnits="userSpaceOnUse"><stop offset=".5" stopColor="#dd3ce2" stopOpacity="0"/><stop offset="1" stopColor="#dd3ce2"/></radialGradient><radialGradient id="SVGMo8Bcbep" cx="0" cy="0" r="1" gradientTransform="matrix(1.3457 -4.41924 7.80503 2.3767 1.837 6)" gradientUnits="userSpaceOnUse"><stop offset=".169" stopColor="#02888d"/><stop offset=".26" stopColor="#02888d" stopOpacity="0"/></radialGradient><radialGradient id="SVGYZWTocVT" cx="0" cy="0" r="1" gradientTransform="rotate(106.553 .82 2.916)scale(4.56577 4.56847)" gradientUnits="userSpaceOnUse"><stop stopColor="#ff9532"/><stop offset=".251" stopColor="#ff835c"/><stop offset="1" stopColor="#f24a9d"/></radialGradient><linearGradient id="SVGSBqlTcGV" x1="11.592" x2="7.523" y1="11.031" y2="5.051" gradientUnits="userSpaceOnUse"><stop offset=".195" stopColor="#6d37cd"/><stop offset=".765" stopColor="#ea71ef"/></linearGradient><linearGradient id="SVGew1Wld9z" x1="12.453" x2="5.964" y1="12.438" y2="3.367" gradientUnits="userSpaceOnUse"><stop offset=".195" stopColor="#7631ff"/><stop offset=".886" stopColor="#e63080"/></linearGradient><linearGradient id="SVGOm5uNIAU" x1=".063" x2="4.05" y1="9.807" y2="14.499" gradientUnits="userSpaceOnUse"><stop stopColor="#0fafff"/><stop offset="1" stopColor="#2764e7"/></linearGradient><linearGradient id="SVGiXxZgdkR" x1="6.5" x2="-.5" y1="10.108" y2="10.108" gradientUnits="userSpaceOnUse"><stop offset=".307" stopColor="#0d91e1"/><stop offset=".761" stopColor="#52b471"/></linearGradient></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="none"><circle cx="7.5" cy="6.5" r="4.5" fill="url(#SVG8PA1IbRs)"/><circle cx="7.5" cy="6.5" r="4.5" fill="url(#SVG0fciQbzl)" fill-opacity=".6"/><circle cx="7.5" cy="6.5" r="4.5" fill="url(#SVGpuPKkbmL)" fill-opacity=".6"/><rect width="8" height="8" x="7" y="6" fill="url(#SVGDAeOeufm)" rx="2"/><path fill="url(#SVGSBqlTcGV)" fill-rule="evenodd" d="M7.5 11a4.5 4.5 0 0 0 4.473-5H9a2 2 0 0 0-2 2v2.973q.246.027.5.027" clip-rule="evenodd"/><path fill="url(#SVGew1Wld9z)" fill-rule="evenodd" d="M7.5 11a4.5 4.5 0 0 0 4.473-5H9a2 2 0 0 0-2 2v2.973q.246.027.5.027" clip-rule="evenodd"/><path fill="url(#SVGOm5uNIAU)" d="M5 9.718c0 3.45-1.062 5.25-2 5.25c-.812 0-2-1.494-2-5.25C1 6.51 1.895 6 3 6c.984 0 2 .268 2 3.718"/><path fill="url(#SVGcE4NbeiQ)" fill-opacity=".5" d="M5 9.718c0 3.45-1.062 5.25-2 5.25c-.812 0-2-1.494-2-5.25C1 6.51 1.895 6 3 6c.984 0 2 .268 2 3.718"/><path fill="url(#SVGiXxZgdkR)" d="M5 9.718c0 3.45-1.062 5.25-2 5.25c-.812 0-2-1.494-2-5.25C1 6.51 1.895 6 3 6c.984 0 2 .268 2 3.718"/><path fill="url(#SVGMo8Bcbep)" fill-opacity=".7" d="M5 9.718c0 3.45-1.062 5.25-2 5.25c-.812 0-2-1.494-2-5.25C1 6.51 1.895 6 3 6c.984 0 2 .268 2 3.718"/><path fill="#fff" fill-opacity=".15" d="M1.046 8.577C1.242 6.384 2.042 6 3 6c.863 0 1.75.206 1.955 2.577a3.95 3.95 0 0 1-1.954.502a3.95 3.95 0 0 1-1.955-.502"/><path fill="url(#SVGYZWTocVT)" d="M3.58 1.125a.5.5 0 0 1 .124.585a.3.3 0 0 0-.017.103c0 .063.016.183.167.333c.132.133.209.195.36.342c.13.124.267.27.39.453c.255.383.396.862.396 1.559C5 5.97 4.023 7 3 7S1 5.97 1 4.5c0-.72.302-1.507.689-2.106c.231-.39.556-.717.808-.937q.227-.201.476-.373a.5.5 0 0 1 .608.041"/><defs><radialGradient id="SVG8PA1IbRs" cx="0" cy="0" r="1" gradientTransform="rotate(-78.382 10.014 4.248)scale(12.1752 12.1751)" gradientUnits="userSpaceOnUse"><stop offset=".222" stop-color="#4e46e2"/><stop offset=".578" stop-color="#625df6"/><stop offset=".955" stop-color="#e37dff"/></radialGradient><radialGradient id="SVG0fciQbzl" cx="0" cy="0" r="1" gradientTransform="rotate(-17.281 30.071 -1.549)scale(4.91501 6.43369)" gradientUnits="userSpaceOnUse"><stop offset=".566" stop-color="#251fba"/><stop offset="1" stop-color="#5e51e4" stop-opacity="0"/></radialGradient><radialGradient id="SVGpuPKkbmL" cx="0" cy="0" r="1" gradientTransform="rotate(8.26 -37.523 13.02)scale(4.52116 4.62151)" gradientUnits="userSpaceOnUse"><stop offset=".566" stop-color="#251fba"/><stop offset="1" stop-color="#5e51e4" stop-opacity="0"/></radialGradient><radialGradient id="SVGDAeOeufm" cx="0" cy="0" r="1" gradientTransform="rotate(42.462 -4.446 13.61)scale(9.45903 12.8479)" gradientUnits="userSpaceOnUse"><stop stop-color="#c354ff"/><stop offset=".158" stop-color="#b339f0"/><stop offset=".429" stop-color="#f24a9d"/><stop offset=".749" stop-color="#ff835c"/><stop offset="1" stop-color="#ffc470"/></radialGradient><radialGradient id="SVGcE4NbeiQ" cx="0" cy="0" r="1" gradientTransform="rotate(80.269 -1.81 4.4)scale(8.93568 24.4811)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#dd3ce2" stop-opacity="0"/><stop offset="1" stop-color="#dd3ce2"/></radialGradient><radialGradient id="SVGMo8Bcbep" cx="0" cy="0" r="1" gradientTransform="matrix(1.3457 -4.41924 7.80503 2.3767 1.837 6)" gradientUnits="userSpaceOnUse"><stop offset=".169" stop-color="#02888d"/><stop offset=".26" stop-color="#02888d" stop-opacity="0"/></radialGradient><radialGradient id="SVGYZWTocVT" cx="0" cy="0" r="1" gradientTransform="rotate(106.553 .82 2.916)scale(4.56577 4.56847)" gradientUnits="userSpaceOnUse"><stop stop-color="#ff9532"/><stop offset=".251" stop-color="#ff835c"/><stop offset="1" stop-color="#f24a9d"/></radialGradient><linearGradient id="SVGSBqlTcGV" x1="11.592" x2="7.523" y1="11.031" y2="5.051" gradientUnits="userSpaceOnUse"><stop offset=".195" stop-color="#6d37cd"/><stop offset=".765" stop-color="#ea71ef"/></linearGradient><linearGradient id="SVGew1Wld9z" x1="12.453" x2="5.964" y1="12.438" y2="3.367" gradientUnits="userSpaceOnUse"><stop offset=".195" stop-color="#7631ff"/><stop offset=".886" stop-color="#e63080"/></linearGradient><linearGradient id="SVGOm5uNIAU" x1=".063" x2="4.05" y1="9.807" y2="14.499" gradientUnits="userSpaceOnUse"><stop stop-color="#0fafff"/><stop offset="1" stop-color="#2764e7"/></linearGradient><linearGradient id="SVGiXxZgdkR" x1="6.5" x2="-.5" y1="10.108" y2="10.108" gradientUnits="userSpaceOnUse"><stop offset=".307" stop-color="#0d91e1"/><stop offset=".761" stop-color="#52b471"/></linearGradient></defs></g></svg> </template>
CSS
.icon-design-ideas-16 {
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%3Cg%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%226.5%22%20r%3D%224.5%22%20fill%3D%22url(%23SVG8PA1IbRs)%22%2F%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%226.5%22%20r%3D%224.5%22%20fill%3D%22url(%23SVG0fciQbzl)%22%20fill-opacity%3D%22.6%22%2F%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%226.5%22%20r%3D%224.5%22%20fill%3D%22url(%23SVGpuPKkbmL)%22%20fill-opacity%3D%22.6%22%2F%3E%3Crect%20width%3D%228%22%20height%3D%228%22%20x%3D%227%22%20y%3D%226%22%20fill%3D%22url(%23SVGDAeOeufm)%22%20rx%3D%222%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGSBqlTcGV)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.5%2011a4.5%204.5%200%200%200%204.473-5H9a2%202%200%200%200-2%202v2.973q.246.027.5.027%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGew1Wld9z)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.5%2011a4.5%204.5%200%200%200%204.473-5H9a2%202%200%200%200-2%202v2.973q.246.027.5.027%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGOm5uNIAU)%22%20d%3D%22M5%209.718c0%203.45-1.062%205.25-2%205.25c-.812%200-2-1.494-2-5.25C1%206.51%201.895%206%203%206c.984%200%202%20.268%202%203.718%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGcE4NbeiQ)%22%20fill-opacity%3D%22.5%22%20d%3D%22M5%209.718c0%203.45-1.062%205.25-2%205.25c-.812%200-2-1.494-2-5.25C1%206.51%201.895%206%203%206c.984%200%202%20.268%202%203.718%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGiXxZgdkR)%22%20d%3D%22M5%209.718c0%203.45-1.062%205.25-2%205.25c-.812%200-2-1.494-2-5.25C1%206.51%201.895%206%203%206c.984%200%202%20.268%202%203.718%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGMo8Bcbep)%22%20fill-opacity%3D%22.7%22%20d%3D%22M5%209.718c0%203.45-1.062%205.25-2%205.25c-.812%200-2-1.494-2-5.25C1%206.51%201.895%206%203%206c.984%200%202%20.268%202%203.718%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.15%22%20d%3D%22M1.046%208.577C1.242%206.384%202.042%206%203%206c.863%200%201.75.206%201.955%202.577a3.95%203.95%200%200%201-1.954.502a3.95%203.95%200%200%201-1.955-.502%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGYZWTocVT)%22%20d%3D%22M3.58%201.125a.5.5%200%200%201%20.124.585a.3.3%200%200%200-.017.103c0%20.063.016.183.167.333c.132.133.209.195.36.342c.13.124.267.27.39.453c.255.383.396.862.396%201.559C5%205.97%204.023%207%203%207S1%205.97%201%204.5c0-.72.302-1.507.689-2.106c.231-.39.556-.717.808-.937q.227-.201.476-.373a.5.5%200%200%201%20.608.041%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVG8PA1IbRs%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-78.382%2010.014%204.248)scale(12.1752%2012.1751)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.222%22%20stop-color%3D%22%234e46e2%22%2F%3E%3Cstop%20offset%3D%22.578%22%20stop-color%3D%22%23625df6%22%2F%3E%3Cstop%20offset%3D%22.955%22%20stop-color%3D%22%23e37dff%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVG0fciQbzl%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-17.281%2030.071%20-1.549)scale(4.91501%206.43369)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.566%22%20stop-color%3D%22%23251fba%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235e51e4%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGpuPKkbmL%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(8.26%20-37.523%2013.02)scale(4.52116%204.62151)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.566%22%20stop-color%3D%22%23251fba%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235e51e4%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGDAeOeufm%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(42.462%20-4.446%2013.61)scale(9.45903%2012.8479)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23c354ff%22%2F%3E%3Cstop%20offset%3D%22.158%22%20stop-color%3D%22%23b339f0%22%2F%3E%3Cstop%20offset%3D%22.429%22%20stop-color%3D%22%23f24a9d%22%2F%3E%3Cstop%20offset%3D%22.749%22%20stop-color%3D%22%23ff835c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffc470%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGcE4NbeiQ%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(80.269%20-1.81%204.4)scale(8.93568%2024.4811)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23dd3ce2%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23dd3ce2%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGMo8Bcbep%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(1.3457%20-4.41924%207.80503%202.3767%201.837%206)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.169%22%20stop-color%3D%22%2302888d%22%2F%3E%3Cstop%20offset%3D%22.26%22%20stop-color%3D%22%2302888d%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGYZWTocVT%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(106.553%20.82%202.916)scale(4.56577%204.56847)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff9532%22%2F%3E%3Cstop%20offset%3D%22.251%22%20stop-color%3D%22%23ff835c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f24a9d%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22SVGSBqlTcGV%22%20x1%3D%2211.592%22%20x2%3D%227.523%22%20y1%3D%2211.031%22%20y2%3D%225.051%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.195%22%20stop-color%3D%22%236d37cd%22%2F%3E%3Cstop%20offset%3D%22.765%22%20stop-color%3D%22%23ea71ef%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGew1Wld9z%22%20x1%3D%2212.453%22%20x2%3D%225.964%22%20y1%3D%2212.438%22%20y2%3D%223.367%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.195%22%20stop-color%3D%22%237631ff%22%2F%3E%3Cstop%20offset%3D%22.886%22%20stop-color%3D%22%23e63080%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGOm5uNIAU%22%20x1%3D%22.063%22%20x2%3D%224.05%22%20y1%3D%229.807%22%20y2%3D%2214.499%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230fafff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232764e7%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGiXxZgdkR%22%20x1%3D%226.5%22%20x2%3D%22-.5%22%20y1%3D%2210.108%22%20y2%3D%2210.108%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.307%22%20stop-color%3D%22%230d91e1%22%2F%3E%3Cstop%20offset%3D%22.761%22%20stop-color%3D%22%2352b471%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%226.5%22%20r%3D%224.5%22%20fill%3D%22url(%23SVG8PA1IbRs)%22%2F%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%226.5%22%20r%3D%224.5%22%20fill%3D%22url(%23SVG0fciQbzl)%22%20fill-opacity%3D%22.6%22%2F%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%226.5%22%20r%3D%224.5%22%20fill%3D%22url(%23SVGpuPKkbmL)%22%20fill-opacity%3D%22.6%22%2F%3E%3Crect%20width%3D%228%22%20height%3D%228%22%20x%3D%227%22%20y%3D%226%22%20fill%3D%22url(%23SVGDAeOeufm)%22%20rx%3D%222%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGSBqlTcGV)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.5%2011a4.5%204.5%200%200%200%204.473-5H9a2%202%200%200%200-2%202v2.973q.246.027.5.027%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGew1Wld9z)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.5%2011a4.5%204.5%200%200%200%204.473-5H9a2%202%200%200%200-2%202v2.973q.246.027.5.027%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGOm5uNIAU)%22%20d%3D%22M5%209.718c0%203.45-1.062%205.25-2%205.25c-.812%200-2-1.494-2-5.25C1%206.51%201.895%206%203%206c.984%200%202%20.268%202%203.718%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGcE4NbeiQ)%22%20fill-opacity%3D%22.5%22%20d%3D%22M5%209.718c0%203.45-1.062%205.25-2%205.25c-.812%200-2-1.494-2-5.25C1%206.51%201.895%206%203%206c.984%200%202%20.268%202%203.718%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGiXxZgdkR)%22%20d%3D%22M5%209.718c0%203.45-1.062%205.25-2%205.25c-.812%200-2-1.494-2-5.25C1%206.51%201.895%206%203%206c.984%200%202%20.268%202%203.718%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGMo8Bcbep)%22%20fill-opacity%3D%22.7%22%20d%3D%22M5%209.718c0%203.45-1.062%205.25-2%205.25c-.812%200-2-1.494-2-5.25C1%206.51%201.895%206%203%206c.984%200%202%20.268%202%203.718%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.15%22%20d%3D%22M1.046%208.577C1.242%206.384%202.042%206%203%206c.863%200%201.75.206%201.955%202.577a3.95%203.95%200%200%201-1.954.502a3.95%203.95%200%200%201-1.955-.502%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGYZWTocVT)%22%20d%3D%22M3.58%201.125a.5.5%200%200%201%20.124.585a.3.3%200%200%200-.017.103c0%20.063.016.183.167.333c.132.133.209.195.36.342c.13.124.267.27.39.453c.255.383.396.862.396%201.559C5%205.97%204.023%207%203%207S1%205.97%201%204.5c0-.72.302-1.507.689-2.106c.231-.39.556-.717.808-.937q.227-.201.476-.373a.5.5%200%200%201%20.608.041%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVG8PA1IbRs%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-78.382%2010.014%204.248)scale(12.1752%2012.1751)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.222%22%20stop-color%3D%22%234e46e2%22%2F%3E%3Cstop%20offset%3D%22.578%22%20stop-color%3D%22%23625df6%22%2F%3E%3Cstop%20offset%3D%22.955%22%20stop-color%3D%22%23e37dff%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVG0fciQbzl%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-17.281%2030.071%20-1.549)scale(4.91501%206.43369)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.566%22%20stop-color%3D%22%23251fba%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235e51e4%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGpuPKkbmL%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(8.26%20-37.523%2013.02)scale(4.52116%204.62151)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.566%22%20stop-color%3D%22%23251fba%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235e51e4%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGDAeOeufm%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(42.462%20-4.446%2013.61)scale(9.45903%2012.8479)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23c354ff%22%2F%3E%3Cstop%20offset%3D%22.158%22%20stop-color%3D%22%23b339f0%22%2F%3E%3Cstop%20offset%3D%22.429%22%20stop-color%3D%22%23f24a9d%22%2F%3E%3Cstop%20offset%3D%22.749%22%20stop-color%3D%22%23ff835c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffc470%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGcE4NbeiQ%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(80.269%20-1.81%204.4)scale(8.93568%2024.4811)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23dd3ce2%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23dd3ce2%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGMo8Bcbep%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(1.3457%20-4.41924%207.80503%202.3767%201.837%206)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.169%22%20stop-color%3D%22%2302888d%22%2F%3E%3Cstop%20offset%3D%22.26%22%20stop-color%3D%22%2302888d%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGYZWTocVT%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(106.553%20.82%202.916)scale(4.56577%204.56847)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff9532%22%2F%3E%3Cstop%20offset%3D%22.251%22%20stop-color%3D%22%23ff835c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f24a9d%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22SVGSBqlTcGV%22%20x1%3D%2211.592%22%20x2%3D%227.523%22%20y1%3D%2211.031%22%20y2%3D%225.051%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.195%22%20stop-color%3D%22%236d37cd%22%2F%3E%3Cstop%20offset%3D%22.765%22%20stop-color%3D%22%23ea71ef%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGew1Wld9z%22%20x1%3D%2212.453%22%20x2%3D%225.964%22%20y1%3D%2212.438%22%20y2%3D%223.367%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.195%22%20stop-color%3D%22%237631ff%22%2F%3E%3Cstop%20offset%3D%22.886%22%20stop-color%3D%22%23e63080%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGOm5uNIAU%22%20x1%3D%22.063%22%20x2%3D%224.05%22%20y1%3D%229.807%22%20y2%3D%2214.499%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230fafff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232764e7%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGiXxZgdkR%22%20x1%3D%226.5%22%20x2%3D%22-.5%22%20y1%3D%2210.108%22%20y2%3D%2210.108%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.307%22%20stop-color%3D%22%230d91e1%22%2F%3E%3Cstop%20offset%3D%22.761%22%20stop-color%3D%22%2352b471%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-color/design-ideas-16.svg?color=%231a73e8&size=48
