design ideas icon

5 other variants in Fluent UI System Color Icons

The same icon in other sets

Use the design ideas icon

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><g fill="none"><circle cx="12.5" cy="10.5" r="7.5" fill="url(#SVGWzoGMamN)"/><circle cx="12.5" cy="10.5" r="7.5" fill="url(#SVGkKSpGcmf)" fill-opacity=".6"/><circle cx="12.5" cy="10.5" r="7.5" fill="url(#SVG4NxxwpIc)" fill-opacity=".6"/><rect width="14" height="14" x="12" y="10" fill="url(#SVGoKqSCcfO)" rx="3.5"/><path fill="url(#SVG2jSLEwaX)" fill-rule="evenodd" d="M12.5 18a7.5 7.5 0 0 0 7.484-8H15.5a3.5 3.5 0 0 0-3.5 3.5v4.484q.248.015.5.016" clip-rule="evenodd"/><path fill="url(#SVGaCb8jb4f)" fill-rule="evenodd" d="M12.5 18a7.5 7.5 0 0 0 7.484-8H15.5a3.5 3.5 0 0 0-3.5 3.5v4.484q.248.015.5.016" clip-rule="evenodd"/><path fill="url(#SVG1usnXcfU)" d="M9 16.504C9 22.742 7.14 26 5.5 26C4.078 26 2 23.297 2 16.504c0-5.799 1.567-6.723 3.5-6.723c1.723 0 3.5.485 3.5 6.723"/><path fill="url(#SVGAlvjqlHe)" fill-opacity=".5" d="M9 16.504C9 22.742 7.14 26 5.5 26C4.078 26 2 23.297 2 16.504c0-5.799 1.567-6.723 3.5-6.723c1.723 0 3.5.485 3.5 6.723"/><path fill="url(#SVGAYoPdeqA)" d="M9 16.504C9 22.742 7.14 26 5.5 26C4.078 26 2 23.297 2 16.504c0-5.799 1.567-6.723 3.5-6.723c1.723 0 3.5.485 3.5 6.723"/><path fill="url(#SVGVwDbQlDc)" fill-opacity=".7" d="M9 16.504C9 22.742 7.14 26 5.5 26C4.078 26 2 23.297 2 16.504c0-5.799 1.567-6.723 3.5-6.723c1.723 0 3.5.485 3.5 6.723"/><path fill="#fff" fill-opacity=".15" d="M2.08 14.441c.343-3.965 1.744-4.66 3.42-4.66c1.51 0 3.06.373 3.422 4.661a6.73 6.73 0 0 1-3.42.907a6.73 6.73 0 0 1-3.422-.908"/><path fill="url(#SVGeGTGZ2tZ)" 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-.053"/><defs><radialGradient id="SVGWzoGMamN" cx="0" cy="0" r="1" gradientTransform="rotate(-78.382 16.485 6.914)scale(20.2919)" gradientUnits="userSpaceOnUse"><stop offset=".222" stop-color="#4e46e2"/><stop offset=".578" stop-color="#625df6"/><stop offset=".955" stop-color="#e37dff"/></radialGradient><radialGradient id="SVGkKSpGcmf" cx="0" cy="0" r="1" gradientTransform="rotate(-17.281 49.022 -2.748)scale(8.19169 10.7228)" gradientUnits="userSpaceOnUse"><stop offset=".566" stop-color="#251fba"/><stop offset="1" stop-color="#5e51e4" stop-opacity="0"/></radialGradient><radialGradient id="SVG4NxxwpIc" cx="0" cy="0" r="1" gradientTransform="rotate(8.26 -60.23 21.534)scale(7.53526 7.70252)" gradientUnits="userSpaceOnUse"><stop offset=".566" stop-color="#251fba"/><stop offset="1" stop-color="#5e51e4" stop-opacity="0"/></radialGradient><radialGradient id="SVGoKqSCcfO" cx="0" cy="0" r="1" gradientTransform="rotate(42.462 -7.263 23.246)scale(16.5533 22.4839)" 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="SVGAlvjqlHe" cx="0" cy="0" r="1" gradientTransform="rotate(80.577 -2.567 7.456)scale(16.1443 42.8809)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#dd3ce2" stop-opacity="0"/><stop offset="1" stop-color="#dd3ce2"/></radialGradient><radialGradient id="SVGVwDbQlDc" cx="0" cy="0" r="1" gradientTransform="rotate(-67.053 8.848 2.303)scale(8.28108 16.8287)" gradientUnits="userSpaceOnUse"><stop offset=".169" stop-color="#02888d"/><stop offset=".26" stop-color="#02888d" stop-opacity="0"/></radialGradient><radialGradient id="SVGeGTGZ2tZ" cx="0" cy="0" r="1" gradientTransform="rotate(108.186 1.645 5.08)scale(7.29386 7.92387)" gradientUnits="userSpaceOnUse"><stop stop-color="#ff9532"/><stop offset=".251" stop-color="#ff835c"/><stop offset="1" stop-color="#f24a9d"/></radialGradient><linearGradient id="SVG2jSLEwaX" x1="18.313" x2="13.08" y1="16.897" y2="9.208" gradientUnits="userSpaceOnUse"><stop offset=".195" stop-color="#6d37cd"/><stop offset=".765" stop-color="#ea71ef"/></linearGradient><linearGradient id="SVGaCb8jb4f" x1="19.42" x2="11.076" y1="18.705" y2="7.044" gradientUnits="userSpaceOnUse"><stop offset=".195" stop-color="#7631ff"/><stop offset=".886" stop-color="#e63080"/></linearGradient><linearGradient id="SVG1usnXcfU" x1=".359" x2="7.604" y1="16.666" y2="24.915" gradientUnits="userSpaceOnUse"><stop stop-color="#0fafff"/><stop offset="1" stop-color="#2764e7"/></linearGradient><linearGradient id="SVGAYoPdeqA" x1="11.625" x2="-.625" y1="17.21" y2="17.21" gradientUnits="userSpaceOnUse"><stop offset=".307" stop-color="#0d91e1"/><stop offset=".761" stop-color="#52b471"/></linearGradient></defs></g></svg>

import type { SVGProps } from "react";

export function FluentColorDesignIdeas28(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><g fill="none"><circle cx="12.5" cy="10.5" r="7.5" fill="url(#SVGWzoGMamN)"/><circle cx="12.5" cy="10.5" r="7.5" fill="url(#SVGkKSpGcmf)" fillOpacity=".6"/><circle cx="12.5" cy="10.5" r="7.5" fill="url(#SVG4NxxwpIc)" fillOpacity=".6"/><rect width="14" height="14" x="12" y="10" fill="url(#SVGoKqSCcfO)" rx="3.5"/><path fill="url(#SVG2jSLEwaX)" fillRule="evenodd" d="M12.5 18a7.5 7.5 0 0 0 7.484-8H15.5a3.5 3.5 0 0 0-3.5 3.5v4.484q.248.015.5.016" clipRule="evenodd"/><path fill="url(#SVGaCb8jb4f)" fillRule="evenodd" d="M12.5 18a7.5 7.5 0 0 0 7.484-8H15.5a3.5 3.5 0 0 0-3.5 3.5v4.484q.248.015.5.016" clipRule="evenodd"/><path fill="url(#SVG1usnXcfU)" d="M9 16.504C9 22.742 7.14 26 5.5 26C4.078 26 2 23.297 2 16.504c0-5.799 1.567-6.723 3.5-6.723c1.723 0 3.5.485 3.5 6.723"/><path fill="url(#SVGAlvjqlHe)" fillOpacity=".5" d="M9 16.504C9 22.742 7.14 26 5.5 26C4.078 26 2 23.297 2 16.504c0-5.799 1.567-6.723 3.5-6.723c1.723 0 3.5.485 3.5 6.723"/><path fill="url(#SVGAYoPdeqA)" d="M9 16.504C9 22.742 7.14 26 5.5 26C4.078 26 2 23.297 2 16.504c0-5.799 1.567-6.723 3.5-6.723c1.723 0 3.5.485 3.5 6.723"/><path fill="url(#SVGVwDbQlDc)" fillOpacity=".7" d="M9 16.504C9 22.742 7.14 26 5.5 26C4.078 26 2 23.297 2 16.504c0-5.799 1.567-6.723 3.5-6.723c1.723 0 3.5.485 3.5 6.723"/><path fill="#fff" fillOpacity=".15" d="M2.08 14.441c.343-3.965 1.744-4.66 3.42-4.66c1.51 0 3.06.373 3.422 4.661a6.73 6.73 0 0 1-3.42.907a6.73 6.73 0 0 1-3.422-.908"/><path fill="url(#SVGeGTGZ2tZ)" 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-.053"/><defs><radialGradient id="SVGWzoGMamN" cx="0" cy="0" r="1" gradientTransform="rotate(-78.382 16.485 6.914)scale(20.2919)" gradientUnits="userSpaceOnUse"><stop offset=".222" stopColor="#4e46e2"/><stop offset=".578" stopColor="#625df6"/><stop offset=".955" stopColor="#e37dff"/></radialGradient><radialGradient id="SVGkKSpGcmf" cx="0" cy="0" r="1" gradientTransform="rotate(-17.281 49.022 -2.748)scale(8.19169 10.7228)" gradientUnits="userSpaceOnUse"><stop offset=".566" stopColor="#251fba"/><stop offset="1" stopColor="#5e51e4" stopOpacity="0"/></radialGradient><radialGradient id="SVG4NxxwpIc" cx="0" cy="0" r="1" gradientTransform="rotate(8.26 -60.23 21.534)scale(7.53526 7.70252)" gradientUnits="userSpaceOnUse"><stop offset=".566" stopColor="#251fba"/><stop offset="1" stopColor="#5e51e4" stopOpacity="0"/></radialGradient><radialGradient id="SVGoKqSCcfO" cx="0" cy="0" r="1" gradientTransform="rotate(42.462 -7.263 23.246)scale(16.5533 22.4839)" 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="SVGAlvjqlHe" cx="0" cy="0" r="1" gradientTransform="rotate(80.577 -2.567 7.456)scale(16.1443 42.8809)" gradientUnits="userSpaceOnUse"><stop offset=".5" stopColor="#dd3ce2" stopOpacity="0"/><stop offset="1" stopColor="#dd3ce2"/></radialGradient><radialGradient id="SVGVwDbQlDc" cx="0" cy="0" r="1" gradientTransform="rotate(-67.053 8.848 2.303)scale(8.28108 16.8287)" gradientUnits="userSpaceOnUse"><stop offset=".169" stopColor="#02888d"/><stop offset=".26" stopColor="#02888d" stopOpacity="0"/></radialGradient><radialGradient id="SVGeGTGZ2tZ" cx="0" cy="0" r="1" gradientTransform="rotate(108.186 1.645 5.08)scale(7.29386 7.92387)" gradientUnits="userSpaceOnUse"><stop stopColor="#ff9532"/><stop offset=".251" stopColor="#ff835c"/><stop offset="1" stopColor="#f24a9d"/></radialGradient><linearGradient id="SVG2jSLEwaX" x1="18.313" x2="13.08" y1="16.897" y2="9.208" gradientUnits="userSpaceOnUse"><stop offset=".195" stopColor="#6d37cd"/><stop offset=".765" stopColor="#ea71ef"/></linearGradient><linearGradient id="SVGaCb8jb4f" x1="19.42" x2="11.076" y1="18.705" y2="7.044" gradientUnits="userSpaceOnUse"><stop offset=".195" stopColor="#7631ff"/><stop offset=".886" stopColor="#e63080"/></linearGradient><linearGradient id="SVG1usnXcfU" x1=".359" x2="7.604" y1="16.666" y2="24.915" gradientUnits="userSpaceOnUse"><stop stopColor="#0fafff"/><stop offset="1" stopColor="#2764e7"/></linearGradient><linearGradient id="SVGAYoPdeqA" x1="11.625" x2="-.625" y1="17.21" y2="17.21" gradientUnits="userSpaceOnUse"><stop offset=".307" stopColor="#0d91e1"/><stop offset=".761" stopColor="#52b471"/></linearGradient></defs></g></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><g fill="none"><circle cx="12.5" cy="10.5" r="7.5" fill="url(#SVGWzoGMamN)"/><circle cx="12.5" cy="10.5" r="7.5" fill="url(#SVGkKSpGcmf)" fill-opacity=".6"/><circle cx="12.5" cy="10.5" r="7.5" fill="url(#SVG4NxxwpIc)" fill-opacity=".6"/><rect width="14" height="14" x="12" y="10" fill="url(#SVGoKqSCcfO)" rx="3.5"/><path fill="url(#SVG2jSLEwaX)" fill-rule="evenodd" d="M12.5 18a7.5 7.5 0 0 0 7.484-8H15.5a3.5 3.5 0 0 0-3.5 3.5v4.484q.248.015.5.016" clip-rule="evenodd"/><path fill="url(#SVGaCb8jb4f)" fill-rule="evenodd" d="M12.5 18a7.5 7.5 0 0 0 7.484-8H15.5a3.5 3.5 0 0 0-3.5 3.5v4.484q.248.015.5.016" clip-rule="evenodd"/><path fill="url(#SVG1usnXcfU)" d="M9 16.504C9 22.742 7.14 26 5.5 26C4.078 26 2 23.297 2 16.504c0-5.799 1.567-6.723 3.5-6.723c1.723 0 3.5.485 3.5 6.723"/><path fill="url(#SVGAlvjqlHe)" fill-opacity=".5" d="M9 16.504C9 22.742 7.14 26 5.5 26C4.078 26 2 23.297 2 16.504c0-5.799 1.567-6.723 3.5-6.723c1.723 0 3.5.485 3.5 6.723"/><path fill="url(#SVGAYoPdeqA)" d="M9 16.504C9 22.742 7.14 26 5.5 26C4.078 26 2 23.297 2 16.504c0-5.799 1.567-6.723 3.5-6.723c1.723 0 3.5.485 3.5 6.723"/><path fill="url(#SVGVwDbQlDc)" fill-opacity=".7" d="M9 16.504C9 22.742 7.14 26 5.5 26C4.078 26 2 23.297 2 16.504c0-5.799 1.567-6.723 3.5-6.723c1.723 0 3.5.485 3.5 6.723"/><path fill="#fff" fill-opacity=".15" d="M2.08 14.441c.343-3.965 1.744-4.66 3.42-4.66c1.51 0 3.06.373 3.422 4.661a6.73 6.73 0 0 1-3.42.907a6.73 6.73 0 0 1-3.422-.908"/><path fill="url(#SVGeGTGZ2tZ)" 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-.053"/><defs><radialGradient id="SVGWzoGMamN" cx="0" cy="0" r="1" gradientTransform="rotate(-78.382 16.485 6.914)scale(20.2919)" gradientUnits="userSpaceOnUse"><stop offset=".222" stop-color="#4e46e2"/><stop offset=".578" stop-color="#625df6"/><stop offset=".955" stop-color="#e37dff"/></radialGradient><radialGradient id="SVGkKSpGcmf" cx="0" cy="0" r="1" gradientTransform="rotate(-17.281 49.022 -2.748)scale(8.19169 10.7228)" gradientUnits="userSpaceOnUse"><stop offset=".566" stop-color="#251fba"/><stop offset="1" stop-color="#5e51e4" stop-opacity="0"/></radialGradient><radialGradient id="SVG4NxxwpIc" cx="0" cy="0" r="1" gradientTransform="rotate(8.26 -60.23 21.534)scale(7.53526 7.70252)" gradientUnits="userSpaceOnUse"><stop offset=".566" stop-color="#251fba"/><stop offset="1" stop-color="#5e51e4" stop-opacity="0"/></radialGradient><radialGradient id="SVGoKqSCcfO" cx="0" cy="0" r="1" gradientTransform="rotate(42.462 -7.263 23.246)scale(16.5533 22.4839)" 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="SVGAlvjqlHe" cx="0" cy="0" r="1" gradientTransform="rotate(80.577 -2.567 7.456)scale(16.1443 42.8809)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#dd3ce2" stop-opacity="0"/><stop offset="1" stop-color="#dd3ce2"/></radialGradient><radialGradient id="SVGVwDbQlDc" cx="0" cy="0" r="1" gradientTransform="rotate(-67.053 8.848 2.303)scale(8.28108 16.8287)" gradientUnits="userSpaceOnUse"><stop offset=".169" stop-color="#02888d"/><stop offset=".26" stop-color="#02888d" stop-opacity="0"/></radialGradient><radialGradient id="SVGeGTGZ2tZ" cx="0" cy="0" r="1" gradientTransform="rotate(108.186 1.645 5.08)scale(7.29386 7.92387)" gradientUnits="userSpaceOnUse"><stop stop-color="#ff9532"/><stop offset=".251" stop-color="#ff835c"/><stop offset="1" stop-color="#f24a9d"/></radialGradient><linearGradient id="SVG2jSLEwaX" x1="18.313" x2="13.08" y1="16.897" y2="9.208" gradientUnits="userSpaceOnUse"><stop offset=".195" stop-color="#6d37cd"/><stop offset=".765" stop-color="#ea71ef"/></linearGradient><linearGradient id="SVGaCb8jb4f" x1="19.42" x2="11.076" y1="18.705" y2="7.044" gradientUnits="userSpaceOnUse"><stop offset=".195" stop-color="#7631ff"/><stop offset=".886" stop-color="#e63080"/></linearGradient><linearGradient id="SVG1usnXcfU" x1=".359" x2="7.604" y1="16.666" y2="24.915" gradientUnits="userSpaceOnUse"><stop stop-color="#0fafff"/><stop offset="1" stop-color="#2764e7"/></linearGradient><linearGradient id="SVGAYoPdeqA" x1="11.625" x2="-.625" y1="17.21" y2="17.21" gradientUnits="userSpaceOnUse"><stop offset=".307" stop-color="#0d91e1"/><stop offset=".761" stop-color="#52b471"/></linearGradient></defs></g></svg>
</template>

.icon-design-ideas-28 {
  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%3Cg%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2212.5%22%20cy%3D%2210.5%22%20r%3D%227.5%22%20fill%3D%22url(%23SVGWzoGMamN)%22%2F%3E%3Ccircle%20cx%3D%2212.5%22%20cy%3D%2210.5%22%20r%3D%227.5%22%20fill%3D%22url(%23SVGkKSpGcmf)%22%20fill-opacity%3D%22.6%22%2F%3E%3Ccircle%20cx%3D%2212.5%22%20cy%3D%2210.5%22%20r%3D%227.5%22%20fill%3D%22url(%23SVG4NxxwpIc)%22%20fill-opacity%3D%22.6%22%2F%3E%3Crect%20width%3D%2214%22%20height%3D%2214%22%20x%3D%2212%22%20y%3D%2210%22%20fill%3D%22url(%23SVGoKqSCcfO)%22%20rx%3D%223.5%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG2jSLEwaX)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.5%2018a7.5%207.5%200%200%200%207.484-8H15.5a3.5%203.5%200%200%200-3.5%203.5v4.484q.248.015.5.016%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGaCb8jb4f)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.5%2018a7.5%207.5%200%200%200%207.484-8H15.5a3.5%203.5%200%200%200-3.5%203.5v4.484q.248.015.5.016%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG1usnXcfU)%22%20d%3D%22M9%2016.504C9%2022.742%207.14%2026%205.5%2026C4.078%2026%202%2023.297%202%2016.504c0-5.799%201.567-6.723%203.5-6.723c1.723%200%203.5.485%203.5%206.723%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGAlvjqlHe)%22%20fill-opacity%3D%22.5%22%20d%3D%22M9%2016.504C9%2022.742%207.14%2026%205.5%2026C4.078%2026%202%2023.297%202%2016.504c0-5.799%201.567-6.723%203.5-6.723c1.723%200%203.5.485%203.5%206.723%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGAYoPdeqA)%22%20d%3D%22M9%2016.504C9%2022.742%207.14%2026%205.5%2026C4.078%2026%202%2023.297%202%2016.504c0-5.799%201.567-6.723%203.5-6.723c1.723%200%203.5.485%203.5%206.723%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGVwDbQlDc)%22%20fill-opacity%3D%22.7%22%20d%3D%22M9%2016.504C9%2022.742%207.14%2026%205.5%2026C4.078%2026%202%2023.297%202%2016.504c0-5.799%201.567-6.723%203.5-6.723c1.723%200%203.5.485%203.5%206.723%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.15%22%20d%3D%22M2.08%2014.441c.343-3.965%201.744-4.66%203.42-4.66c1.51%200%203.06.373%203.422%204.661a6.73%206.73%200%200%201-3.42.907a6.73%206.73%200%200%201-3.422-.908%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGeGTGZ2tZ)%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-.053%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGWzoGMamN%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-78.382%2016.485%206.914)scale(20.2919)%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%22SVGkKSpGcmf%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-17.281%2049.022%20-2.748)scale(8.19169%2010.7228)%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%22SVG4NxxwpIc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(8.26%20-60.23%2021.534)scale(7.53526%207.70252)%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%22SVGoKqSCcfO%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(42.462%20-7.263%2023.246)scale(16.5533%2022.4839)%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%22SVGAlvjqlHe%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(80.577%20-2.567%207.456)scale(16.1443%2042.8809)%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%22SVGVwDbQlDc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-67.053%208.848%202.303)scale(8.28108%2016.8287)%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%22SVGeGTGZ2tZ%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(108.186%201.645%205.08)scale(7.29386%207.92387)%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%22SVG2jSLEwaX%22%20x1%3D%2218.313%22%20x2%3D%2213.08%22%20y1%3D%2216.897%22%20y2%3D%229.208%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%22SVGaCb8jb4f%22%20x1%3D%2219.42%22%20x2%3D%2211.076%22%20y1%3D%2218.705%22%20y2%3D%227.044%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%22SVG1usnXcfU%22%20x1%3D%22.359%22%20x2%3D%227.604%22%20y1%3D%2216.666%22%20y2%3D%2224.915%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%22SVGAYoPdeqA%22%20x1%3D%2211.625%22%20x2%3D%22-.625%22%20y1%3D%2217.21%22%20y2%3D%2217.21%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%2028%2028%22%3E%3Cg%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2212.5%22%20cy%3D%2210.5%22%20r%3D%227.5%22%20fill%3D%22url(%23SVGWzoGMamN)%22%2F%3E%3Ccircle%20cx%3D%2212.5%22%20cy%3D%2210.5%22%20r%3D%227.5%22%20fill%3D%22url(%23SVGkKSpGcmf)%22%20fill-opacity%3D%22.6%22%2F%3E%3Ccircle%20cx%3D%2212.5%22%20cy%3D%2210.5%22%20r%3D%227.5%22%20fill%3D%22url(%23SVG4NxxwpIc)%22%20fill-opacity%3D%22.6%22%2F%3E%3Crect%20width%3D%2214%22%20height%3D%2214%22%20x%3D%2212%22%20y%3D%2210%22%20fill%3D%22url(%23SVGoKqSCcfO)%22%20rx%3D%223.5%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG2jSLEwaX)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.5%2018a7.5%207.5%200%200%200%207.484-8H15.5a3.5%203.5%200%200%200-3.5%203.5v4.484q.248.015.5.016%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGaCb8jb4f)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.5%2018a7.5%207.5%200%200%200%207.484-8H15.5a3.5%203.5%200%200%200-3.5%203.5v4.484q.248.015.5.016%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG1usnXcfU)%22%20d%3D%22M9%2016.504C9%2022.742%207.14%2026%205.5%2026C4.078%2026%202%2023.297%202%2016.504c0-5.799%201.567-6.723%203.5-6.723c1.723%200%203.5.485%203.5%206.723%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGAlvjqlHe)%22%20fill-opacity%3D%22.5%22%20d%3D%22M9%2016.504C9%2022.742%207.14%2026%205.5%2026C4.078%2026%202%2023.297%202%2016.504c0-5.799%201.567-6.723%203.5-6.723c1.723%200%203.5.485%203.5%206.723%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGAYoPdeqA)%22%20d%3D%22M9%2016.504C9%2022.742%207.14%2026%205.5%2026C4.078%2026%202%2023.297%202%2016.504c0-5.799%201.567-6.723%203.5-6.723c1.723%200%203.5.485%203.5%206.723%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGVwDbQlDc)%22%20fill-opacity%3D%22.7%22%20d%3D%22M9%2016.504C9%2022.742%207.14%2026%205.5%2026C4.078%2026%202%2023.297%202%2016.504c0-5.799%201.567-6.723%203.5-6.723c1.723%200%203.5.485%203.5%206.723%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.15%22%20d%3D%22M2.08%2014.441c.343-3.965%201.744-4.66%203.42-4.66c1.51%200%203.06.373%203.422%204.661a6.73%206.73%200%200%201-3.42.907a6.73%206.73%200%200%201-3.422-.908%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGeGTGZ2tZ)%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-.053%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGWzoGMamN%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-78.382%2016.485%206.914)scale(20.2919)%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%22SVGkKSpGcmf%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-17.281%2049.022%20-2.748)scale(8.19169%2010.7228)%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%22SVG4NxxwpIc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(8.26%20-60.23%2021.534)scale(7.53526%207.70252)%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%22SVGoKqSCcfO%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(42.462%20-7.263%2023.246)scale(16.5533%2022.4839)%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%22SVGAlvjqlHe%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(80.577%20-2.567%207.456)scale(16.1443%2042.8809)%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%22SVGVwDbQlDc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-67.053%208.848%202.303)scale(8.28108%2016.8287)%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%22SVGeGTGZ2tZ%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(108.186%201.645%205.08)scale(7.29386%207.92387)%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%22SVG2jSLEwaX%22%20x1%3D%2218.313%22%20x2%3D%2213.08%22%20y1%3D%2216.897%22%20y2%3D%229.208%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%22SVGaCb8jb4f%22%20x1%3D%2219.42%22%20x2%3D%2211.076%22%20y1%3D%2218.705%22%20y2%3D%227.044%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%22SVG1usnXcfU%22%20x1%3D%22.359%22%20x2%3D%227.604%22%20y1%3D%2216.666%22%20y2%3D%2224.915%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%22SVGAYoPdeqA%22%20x1%3D%2211.625%22%20x2%3D%22-.625%22%20y1%3D%2217.21%22%20y2%3D%2217.21%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-28.svg?color=%231a73e8&size=48