design ideas icon

design-ideas-48 from Fluent UI System Color Icons by Microsoft Corporation · 48 · MIT Free for personal and commercial use.

Name: design-ideas-48
Set: Fluent UI System Color Icons
Style: 48
Viewbox: 48×48
License: MIT

5 other variants in Fluent UI System Color Icons

design-ideas-16 design-ideas-20 design-ideas-24 design-ideas-28 design-ideas-32

The same icon in other sets

design-ideas-16-filledFluent UI System Icons

Use the design ideas icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><circle cx="21" cy="19" r="12" fill="url(#SVGReKkItPD)"/><circle cx="21" cy="19" r="12" fill="url(#SVG9Mlrcbou)" fill-opacity=".6"/><circle cx="21" cy="19" r="12" fill="url(#SVGeR1p0dPu)" fill-opacity=".6"/><rect width="23" height="23" x="20" y="18" fill="url(#SVGDv2R9n4D)" rx="6"/><path fill="url(#SVGW8jzpvgI)" fill-rule="evenodd" d="M21 31c6.627 0 12-5.373 12-12q0-.505-.041-1H26a6 6 0 0 0-6 6v6.959q.495.04 1 .041" clip-rule="evenodd"/><path fill="url(#SVG634R5duo)" fill-rule="evenodd" d="M21 31c6.627 0 12-5.373 12-12q0-.505-.041-1H26a6 6 0 0 0-6 6v6.959q.495.04 1 .041" clip-rule="evenodd"/><path fill="url(#SVGqwLdKeJv)" d="M16 27.956C16 37.84 13.078 43 10.5 43C8.266 43 5 38.717 5 27.956c0-9.187 2.462-10.651 5.5-10.651c2.707 0 5.5.768 5.5 10.651"/><path fill="url(#SVGQUL13brb)" fill-opacity=".5" d="M16 27.956C16 37.84 13.078 43 10.5 43C8.266 43 5 38.717 5 27.956c0-9.187 2.462-10.651 5.5-10.651c2.707 0 5.5.768 5.5 10.651"/><path fill="url(#SVGJprRzcZW)" d="M16 27.956C16 37.84 13.078 43 10.5 43C8.266 43 5 38.717 5 27.956c0-9.187 2.462-10.651 5.5-10.651c2.707 0 5.5.768 5.5 10.651"/><path fill="url(#SVGVPbOFcYz)" fill-opacity=".7" d="M16 27.956C16 37.84 13.078 43 10.5 43C8.266 43 5 38.717 5 27.956c0-9.187 2.462-10.651 5.5-10.651c2.707 0 5.5.768 5.5 10.651"/><path fill="#fff" fill-opacity=".15" d="M5.126 24.688c.539-6.283 2.74-7.383 5.374-7.383c2.372 0 4.81.59 5.377 7.384c-1.523.906-3.376 1.437-5.374 1.437c-2 0-3.853-.532-5.377-1.439"/><path fill="url(#SVGEp2PvcbD)" d="M12.812 6.222a1.25 1.25 0 0 0-2.048-.934C8.366 7.278 6.905 8.8 6.06 10.198C5.168 11.667 5 12.93 5 14.247a5.5 5.5 0 1 0 11 0c0-1.795-.89-3.006-1.59-3.957l-.203-.278c-.724-1.004-1.355-2.008-1.395-3.791"/><defs><radialGradient id="SVGReKkItPD" cx="0" cy="0" r="1" gradientTransform="rotate(-78.382 28.226 11.549)scale(32.4671)" gradientUnits="userSpaceOnUse"><stop offset=".222" stop-color="#4e46e2"/><stop offset=".578" stop-color="#625df6"/><stop offset=".955" stop-color="#e37dff"/></radialGradient><radialGradient id="SVG9Mlrcbou" cx="0" cy="0" r="1" gradientTransform="rotate(-17.282 86.174 -6.587)scale(13.1067 17.1565)" gradientUnits="userSpaceOnUse"><stop offset=".566" stop-color="#251fba"/><stop offset="1" stop-color="#5e51e4" stop-opacity="0"/></radialGradient><radialGradient id="SVGeR1p0dPu" cx="0" cy="0" r="1" gradientTransform="rotate(8.26 -111.102 42.48)scale(12.0564 12.324)" gradientUnits="userSpaceOnUse"><stop offset=".566" stop-color="#251fba"/><stop offset="1" stop-color="#5e51e4" stop-opacity="0"/></radialGradient><radialGradient id="SVGDv2R9n4D" cx="0" cy="0" r="1" gradientTransform="rotate(42.462 -13.811 39.343)scale(27.1947 36.9378)" 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="SVGQUL13brb" cx="0" cy="0" r="1" gradientTransform="rotate(80.652 -4.226 13.764)scale(25.5719 67.3989)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#dd3ce2" stop-opacity="0"/><stop offset="1" stop-color="#dd3ce2"/></radialGradient><radialGradient id="SVGVPbOFcYz" cx="0" cy="0" r="1" gradientTransform="rotate(-67.22 16.249 3.2)scale(13.1036 26.4776)" gradientUnits="userSpaceOnUse"><stop offset=".169" stop-color="#02888d"/><stop offset=".26" stop-color="#02888d" stop-opacity="0"/></radialGradient><radialGradient id="SVGEp2PvcbD" cx="0" cy="0" r="1" gradientTransform="rotate(108.394 2.876 9.538)scale(11.3366 12.4369)" gradientUnits="userSpaceOnUse"><stop stop-color="#ff9532"/><stop offset=".251" stop-color="#ff835c"/><stop offset="1" stop-color="#f24a9d"/></radialGradient><linearGradient id="SVGW8jzpvgI" x1="32.257" x2="22.374" y1="31.362" y2="16.838" gradientUnits="userSpaceOnUse"><stop offset=".195" stop-color="#6d37cd"/><stop offset=".765" stop-color="#ea71ef"/></linearGradient><linearGradient id="SVG634R5duo" x1="34.348" x2="18.588" y1="34.777" y2="12.749" gradientUnits="userSpaceOnUse"><stop offset=".195" stop-color="#7631ff"/><stop offset=".886" stop-color="#e63080"/></linearGradient><linearGradient id="SVGqwLdKeJv" x1="2.422" x2="13.912" y1="28.212" y2="41.188" gradientUnits="userSpaceOnUse"><stop stop-color="#0fafff"/><stop offset="1" stop-color="#2764e7"/></linearGradient><linearGradient id="SVGJprRzcZW" x1="20.125" x2=".875" y1="29.075" y2="29.075" 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 FluentColorDesignIdeas48(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><circle cx="21" cy="19" r="12" fill="url(#SVGReKkItPD)"/><circle cx="21" cy="19" r="12" fill="url(#SVG9Mlrcbou)" fillOpacity=".6"/><circle cx="21" cy="19" r="12" fill="url(#SVGeR1p0dPu)" fillOpacity=".6"/><rect width="23" height="23" x="20" y="18" fill="url(#SVGDv2R9n4D)" rx="6"/><path fill="url(#SVGW8jzpvgI)" fillRule="evenodd" d="M21 31c6.627 0 12-5.373 12-12q0-.505-.041-1H26a6 6 0 0 0-6 6v6.959q.495.04 1 .041" clipRule="evenodd"/><path fill="url(#SVG634R5duo)" fillRule="evenodd" d="M21 31c6.627 0 12-5.373 12-12q0-.505-.041-1H26a6 6 0 0 0-6 6v6.959q.495.04 1 .041" clipRule="evenodd"/><path fill="url(#SVGqwLdKeJv)" d="M16 27.956C16 37.84 13.078 43 10.5 43C8.266 43 5 38.717 5 27.956c0-9.187 2.462-10.651 5.5-10.651c2.707 0 5.5.768 5.5 10.651"/><path fill="url(#SVGQUL13brb)" fillOpacity=".5" d="M16 27.956C16 37.84 13.078 43 10.5 43C8.266 43 5 38.717 5 27.956c0-9.187 2.462-10.651 5.5-10.651c2.707 0 5.5.768 5.5 10.651"/><path fill="url(#SVGJprRzcZW)" d="M16 27.956C16 37.84 13.078 43 10.5 43C8.266 43 5 38.717 5 27.956c0-9.187 2.462-10.651 5.5-10.651c2.707 0 5.5.768 5.5 10.651"/><path fill="url(#SVGVPbOFcYz)" fillOpacity=".7" d="M16 27.956C16 37.84 13.078 43 10.5 43C8.266 43 5 38.717 5 27.956c0-9.187 2.462-10.651 5.5-10.651c2.707 0 5.5.768 5.5 10.651"/><path fill="#fff" fillOpacity=".15" d="M5.126 24.688c.539-6.283 2.74-7.383 5.374-7.383c2.372 0 4.81.59 5.377 7.384c-1.523.906-3.376 1.437-5.374 1.437c-2 0-3.853-.532-5.377-1.439"/><path fill="url(#SVGEp2PvcbD)" d="M12.812 6.222a1.25 1.25 0 0 0-2.048-.934C8.366 7.278 6.905 8.8 6.06 10.198C5.168 11.667 5 12.93 5 14.247a5.5 5.5 0 1 0 11 0c0-1.795-.89-3.006-1.59-3.957l-.203-.278c-.724-1.004-1.355-2.008-1.395-3.791"/><defs><radialGradient id="SVGReKkItPD" cx="0" cy="0" r="1" gradientTransform="rotate(-78.382 28.226 11.549)scale(32.4671)" gradientUnits="userSpaceOnUse"><stop offset=".222" stopColor="#4e46e2"/><stop offset=".578" stopColor="#625df6"/><stop offset=".955" stopColor="#e37dff"/></radialGradient><radialGradient id="SVG9Mlrcbou" cx="0" cy="0" r="1" gradientTransform="rotate(-17.282 86.174 -6.587)scale(13.1067 17.1565)" gradientUnits="userSpaceOnUse"><stop offset=".566" stopColor="#251fba"/><stop offset="1" stopColor="#5e51e4" stopOpacity="0"/></radialGradient><radialGradient id="SVGeR1p0dPu" cx="0" cy="0" r="1" gradientTransform="rotate(8.26 -111.102 42.48)scale(12.0564 12.324)" gradientUnits="userSpaceOnUse"><stop offset=".566" stopColor="#251fba"/><stop offset="1" stopColor="#5e51e4" stopOpacity="0"/></radialGradient><radialGradient id="SVGDv2R9n4D" cx="0" cy="0" r="1" gradientTransform="rotate(42.462 -13.811 39.343)scale(27.1947 36.9378)" 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="SVGQUL13brb" cx="0" cy="0" r="1" gradientTransform="rotate(80.652 -4.226 13.764)scale(25.5719 67.3989)" gradientUnits="userSpaceOnUse"><stop offset=".5" stopColor="#dd3ce2" stopOpacity="0"/><stop offset="1" stopColor="#dd3ce2"/></radialGradient><radialGradient id="SVGVPbOFcYz" cx="0" cy="0" r="1" gradientTransform="rotate(-67.22 16.249 3.2)scale(13.1036 26.4776)" gradientUnits="userSpaceOnUse"><stop offset=".169" stopColor="#02888d"/><stop offset=".26" stopColor="#02888d" stopOpacity="0"/></radialGradient><radialGradient id="SVGEp2PvcbD" cx="0" cy="0" r="1" gradientTransform="rotate(108.394 2.876 9.538)scale(11.3366 12.4369)" gradientUnits="userSpaceOnUse"><stop stopColor="#ff9532"/><stop offset=".251" stopColor="#ff835c"/><stop offset="1" stopColor="#f24a9d"/></radialGradient><linearGradient id="SVGW8jzpvgI" x1="32.257" x2="22.374" y1="31.362" y2="16.838" gradientUnits="userSpaceOnUse"><stop offset=".195" stopColor="#6d37cd"/><stop offset=".765" stopColor="#ea71ef"/></linearGradient><linearGradient id="SVG634R5duo" x1="34.348" x2="18.588" y1="34.777" y2="12.749" gradientUnits="userSpaceOnUse"><stop offset=".195" stopColor="#7631ff"/><stop offset=".886" stopColor="#e63080"/></linearGradient><linearGradient id="SVGqwLdKeJv" x1="2.422" x2="13.912" y1="28.212" y2="41.188" gradientUnits="userSpaceOnUse"><stop stopColor="#0fafff"/><stop offset="1" stopColor="#2764e7"/></linearGradient><linearGradient id="SVGJprRzcZW" x1="20.125" x2=".875" y1="29.075" y2="29.075" 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 48 48"><g fill="none"><circle cx="21" cy="19" r="12" fill="url(#SVGReKkItPD)"/><circle cx="21" cy="19" r="12" fill="url(#SVG9Mlrcbou)" fill-opacity=".6"/><circle cx="21" cy="19" r="12" fill="url(#SVGeR1p0dPu)" fill-opacity=".6"/><rect width="23" height="23" x="20" y="18" fill="url(#SVGDv2R9n4D)" rx="6"/><path fill="url(#SVGW8jzpvgI)" fill-rule="evenodd" d="M21 31c6.627 0 12-5.373 12-12q0-.505-.041-1H26a6 6 0 0 0-6 6v6.959q.495.04 1 .041" clip-rule="evenodd"/><path fill="url(#SVG634R5duo)" fill-rule="evenodd" d="M21 31c6.627 0 12-5.373 12-12q0-.505-.041-1H26a6 6 0 0 0-6 6v6.959q.495.04 1 .041" clip-rule="evenodd"/><path fill="url(#SVGqwLdKeJv)" d="M16 27.956C16 37.84 13.078 43 10.5 43C8.266 43 5 38.717 5 27.956c0-9.187 2.462-10.651 5.5-10.651c2.707 0 5.5.768 5.5 10.651"/><path fill="url(#SVGQUL13brb)" fill-opacity=".5" d="M16 27.956C16 37.84 13.078 43 10.5 43C8.266 43 5 38.717 5 27.956c0-9.187 2.462-10.651 5.5-10.651c2.707 0 5.5.768 5.5 10.651"/><path fill="url(#SVGJprRzcZW)" d="M16 27.956C16 37.84 13.078 43 10.5 43C8.266 43 5 38.717 5 27.956c0-9.187 2.462-10.651 5.5-10.651c2.707 0 5.5.768 5.5 10.651"/><path fill="url(#SVGVPbOFcYz)" fill-opacity=".7" d="M16 27.956C16 37.84 13.078 43 10.5 43C8.266 43 5 38.717 5 27.956c0-9.187 2.462-10.651 5.5-10.651c2.707 0 5.5.768 5.5 10.651"/><path fill="#fff" fill-opacity=".15" d="M5.126 24.688c.539-6.283 2.74-7.383 5.374-7.383c2.372 0 4.81.59 5.377 7.384c-1.523.906-3.376 1.437-5.374 1.437c-2 0-3.853-.532-5.377-1.439"/><path fill="url(#SVGEp2PvcbD)" d="M12.812 6.222a1.25 1.25 0 0 0-2.048-.934C8.366 7.278 6.905 8.8 6.06 10.198C5.168 11.667 5 12.93 5 14.247a5.5 5.5 0 1 0 11 0c0-1.795-.89-3.006-1.59-3.957l-.203-.278c-.724-1.004-1.355-2.008-1.395-3.791"/><defs><radialGradient id="SVGReKkItPD" cx="0" cy="0" r="1" gradientTransform="rotate(-78.382 28.226 11.549)scale(32.4671)" gradientUnits="userSpaceOnUse"><stop offset=".222" stop-color="#4e46e2"/><stop offset=".578" stop-color="#625df6"/><stop offset=".955" stop-color="#e37dff"/></radialGradient><radialGradient id="SVG9Mlrcbou" cx="0" cy="0" r="1" gradientTransform="rotate(-17.282 86.174 -6.587)scale(13.1067 17.1565)" gradientUnits="userSpaceOnUse"><stop offset=".566" stop-color="#251fba"/><stop offset="1" stop-color="#5e51e4" stop-opacity="0"/></radialGradient><radialGradient id="SVGeR1p0dPu" cx="0" cy="0" r="1" gradientTransform="rotate(8.26 -111.102 42.48)scale(12.0564 12.324)" gradientUnits="userSpaceOnUse"><stop offset=".566" stop-color="#251fba"/><stop offset="1" stop-color="#5e51e4" stop-opacity="0"/></radialGradient><radialGradient id="SVGDv2R9n4D" cx="0" cy="0" r="1" gradientTransform="rotate(42.462 -13.811 39.343)scale(27.1947 36.9378)" 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="SVGQUL13brb" cx="0" cy="0" r="1" gradientTransform="rotate(80.652 -4.226 13.764)scale(25.5719 67.3989)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#dd3ce2" stop-opacity="0"/><stop offset="1" stop-color="#dd3ce2"/></radialGradient><radialGradient id="SVGVPbOFcYz" cx="0" cy="0" r="1" gradientTransform="rotate(-67.22 16.249 3.2)scale(13.1036 26.4776)" gradientUnits="userSpaceOnUse"><stop offset=".169" stop-color="#02888d"/><stop offset=".26" stop-color="#02888d" stop-opacity="0"/></radialGradient><radialGradient id="SVGEp2PvcbD" cx="0" cy="0" r="1" gradientTransform="rotate(108.394 2.876 9.538)scale(11.3366 12.4369)" gradientUnits="userSpaceOnUse"><stop stop-color="#ff9532"/><stop offset=".251" stop-color="#ff835c"/><stop offset="1" stop-color="#f24a9d"/></radialGradient><linearGradient id="SVGW8jzpvgI" x1="32.257" x2="22.374" y1="31.362" y2="16.838" gradientUnits="userSpaceOnUse"><stop offset=".195" stop-color="#6d37cd"/><stop offset=".765" stop-color="#ea71ef"/></linearGradient><linearGradient id="SVG634R5duo" x1="34.348" x2="18.588" y1="34.777" y2="12.749" gradientUnits="userSpaceOnUse"><stop offset=".195" stop-color="#7631ff"/><stop offset=".886" stop-color="#e63080"/></linearGradient><linearGradient id="SVGqwLdKeJv" x1="2.422" x2="13.912" y1="28.212" y2="41.188" gradientUnits="userSpaceOnUse"><stop stop-color="#0fafff"/><stop offset="1" stop-color="#2764e7"/></linearGradient><linearGradient id="SVGJprRzcZW" x1="20.125" x2=".875" y1="29.075" y2="29.075" gradientUnits="userSpaceOnUse"><stop offset=".307" stop-color="#0d91e1"/><stop offset=".761" stop-color="#52b471"/></linearGradient></defs></g></svg>
</template>

CSS

.icon-design-ideas-48 {
  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%3Cg%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2219%22%20r%3D%2212%22%20fill%3D%22url(%23SVGReKkItPD)%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2219%22%20r%3D%2212%22%20fill%3D%22url(%23SVG9Mlrcbou)%22%20fill-opacity%3D%22.6%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2219%22%20r%3D%2212%22%20fill%3D%22url(%23SVGeR1p0dPu)%22%20fill-opacity%3D%22.6%22%2F%3E%3Crect%20width%3D%2223%22%20height%3D%2223%22%20x%3D%2220%22%20y%3D%2218%22%20fill%3D%22url(%23SVGDv2R9n4D)%22%20rx%3D%226%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGW8jzpvgI)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21%2031c6.627%200%2012-5.373%2012-12q0-.505-.041-1H26a6%206%200%200%200-6%206v6.959q.495.04%201%20.041%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG634R5duo)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21%2031c6.627%200%2012-5.373%2012-12q0-.505-.041-1H26a6%206%200%200%200-6%206v6.959q.495.04%201%20.041%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGqwLdKeJv)%22%20d%3D%22M16%2027.956C16%2037.84%2013.078%2043%2010.5%2043C8.266%2043%205%2038.717%205%2027.956c0-9.187%202.462-10.651%205.5-10.651c2.707%200%205.5.768%205.5%2010.651%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGQUL13brb)%22%20fill-opacity%3D%22.5%22%20d%3D%22M16%2027.956C16%2037.84%2013.078%2043%2010.5%2043C8.266%2043%205%2038.717%205%2027.956c0-9.187%202.462-10.651%205.5-10.651c2.707%200%205.5.768%205.5%2010.651%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGJprRzcZW)%22%20d%3D%22M16%2027.956C16%2037.84%2013.078%2043%2010.5%2043C8.266%2043%205%2038.717%205%2027.956c0-9.187%202.462-10.651%205.5-10.651c2.707%200%205.5.768%205.5%2010.651%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGVPbOFcYz)%22%20fill-opacity%3D%22.7%22%20d%3D%22M16%2027.956C16%2037.84%2013.078%2043%2010.5%2043C8.266%2043%205%2038.717%205%2027.956c0-9.187%202.462-10.651%205.5-10.651c2.707%200%205.5.768%205.5%2010.651%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.15%22%20d%3D%22M5.126%2024.688c.539-6.283%202.74-7.383%205.374-7.383c2.372%200%204.81.59%205.377%207.384c-1.523.906-3.376%201.437-5.374%201.437c-2%200-3.853-.532-5.377-1.439%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGEp2PvcbD)%22%20d%3D%22M12.812%206.222a1.25%201.25%200%200%200-2.048-.934C8.366%207.278%206.905%208.8%206.06%2010.198C5.168%2011.667%205%2012.93%205%2014.247a5.5%205.5%200%201%200%2011%200c0-1.795-.89-3.006-1.59-3.957l-.203-.278c-.724-1.004-1.355-2.008-1.395-3.791%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGReKkItPD%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-78.382%2028.226%2011.549)scale(32.4671)%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%22SVG9Mlrcbou%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-17.282%2086.174%20-6.587)scale(13.1067%2017.1565)%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%22SVGeR1p0dPu%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(8.26%20-111.102%2042.48)scale(12.0564%2012.324)%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%22SVGDv2R9n4D%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(42.462%20-13.811%2039.343)scale(27.1947%2036.9378)%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%22SVGQUL13brb%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(80.652%20-4.226%2013.764)scale(25.5719%2067.3989)%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%22SVGVPbOFcYz%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-67.22%2016.249%203.2)scale(13.1036%2026.4776)%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%22SVGEp2PvcbD%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(108.394%202.876%209.538)scale(11.3366%2012.4369)%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%22SVGW8jzpvgI%22%20x1%3D%2232.257%22%20x2%3D%2222.374%22%20y1%3D%2231.362%22%20y2%3D%2216.838%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%22SVG634R5duo%22%20x1%3D%2234.348%22%20x2%3D%2218.588%22%20y1%3D%2234.777%22%20y2%3D%2212.749%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%22SVGqwLdKeJv%22%20x1%3D%222.422%22%20x2%3D%2213.912%22%20y1%3D%2228.212%22%20y2%3D%2241.188%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%22SVGJprRzcZW%22%20x1%3D%2220.125%22%20x2%3D%22.875%22%20y1%3D%2229.075%22%20y2%3D%2229.075%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2219%22%20r%3D%2212%22%20fill%3D%22url(%23SVGReKkItPD)%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2219%22%20r%3D%2212%22%20fill%3D%22url(%23SVG9Mlrcbou)%22%20fill-opacity%3D%22.6%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2219%22%20r%3D%2212%22%20fill%3D%22url(%23SVGeR1p0dPu)%22%20fill-opacity%3D%22.6%22%2F%3E%3Crect%20width%3D%2223%22%20height%3D%2223%22%20x%3D%2220%22%20y%3D%2218%22%20fill%3D%22url(%23SVGDv2R9n4D)%22%20rx%3D%226%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGW8jzpvgI)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21%2031c6.627%200%2012-5.373%2012-12q0-.505-.041-1H26a6%206%200%200%200-6%206v6.959q.495.04%201%20.041%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG634R5duo)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21%2031c6.627%200%2012-5.373%2012-12q0-.505-.041-1H26a6%206%200%200%200-6%206v6.959q.495.04%201%20.041%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGqwLdKeJv)%22%20d%3D%22M16%2027.956C16%2037.84%2013.078%2043%2010.5%2043C8.266%2043%205%2038.717%205%2027.956c0-9.187%202.462-10.651%205.5-10.651c2.707%200%205.5.768%205.5%2010.651%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGQUL13brb)%22%20fill-opacity%3D%22.5%22%20d%3D%22M16%2027.956C16%2037.84%2013.078%2043%2010.5%2043C8.266%2043%205%2038.717%205%2027.956c0-9.187%202.462-10.651%205.5-10.651c2.707%200%205.5.768%205.5%2010.651%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGJprRzcZW)%22%20d%3D%22M16%2027.956C16%2037.84%2013.078%2043%2010.5%2043C8.266%2043%205%2038.717%205%2027.956c0-9.187%202.462-10.651%205.5-10.651c2.707%200%205.5.768%205.5%2010.651%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGVPbOFcYz)%22%20fill-opacity%3D%22.7%22%20d%3D%22M16%2027.956C16%2037.84%2013.078%2043%2010.5%2043C8.266%2043%205%2038.717%205%2027.956c0-9.187%202.462-10.651%205.5-10.651c2.707%200%205.5.768%205.5%2010.651%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.15%22%20d%3D%22M5.126%2024.688c.539-6.283%202.74-7.383%205.374-7.383c2.372%200%204.81.59%205.377%207.384c-1.523.906-3.376%201.437-5.374%201.437c-2%200-3.853-.532-5.377-1.439%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGEp2PvcbD)%22%20d%3D%22M12.812%206.222a1.25%201.25%200%200%200-2.048-.934C8.366%207.278%206.905%208.8%206.06%2010.198C5.168%2011.667%205%2012.93%205%2014.247a5.5%205.5%200%201%200%2011%200c0-1.795-.89-3.006-1.59-3.957l-.203-.278c-.724-1.004-1.355-2.008-1.395-3.791%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGReKkItPD%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-78.382%2028.226%2011.549)scale(32.4671)%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%22SVG9Mlrcbou%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-17.282%2086.174%20-6.587)scale(13.1067%2017.1565)%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%22SVGeR1p0dPu%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(8.26%20-111.102%2042.48)scale(12.0564%2012.324)%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%22SVGDv2R9n4D%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(42.462%20-13.811%2039.343)scale(27.1947%2036.9378)%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%22SVGQUL13brb%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(80.652%20-4.226%2013.764)scale(25.5719%2067.3989)%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%22SVGVPbOFcYz%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-67.22%2016.249%203.2)scale(13.1036%2026.4776)%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%22SVGEp2PvcbD%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(108.394%202.876%209.538)scale(11.3366%2012.4369)%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%22SVGW8jzpvgI%22%20x1%3D%2232.257%22%20x2%3D%2222.374%22%20y1%3D%2231.362%22%20y2%3D%2216.838%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%22SVG634R5duo%22%20x1%3D%2234.348%22%20x2%3D%2218.588%22%20y1%3D%2234.777%22%20y2%3D%2212.749%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%22SVGqwLdKeJv%22%20x1%3D%222.422%22%20x2%3D%2213.912%22%20y1%3D%2228.212%22%20y2%3D%2241.188%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%22SVGJprRzcZW%22%20x1%3D%2220.125%22%20x2%3D%22.875%22%20y1%3D%2229.075%22%20y2%3D%2229.075%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-48.svg?color=%231a73e8&size=48