@fluentui/react-icons/lib/atoms/svg/location-ripple.js

Fluent System Icons are a collection of familiar, friendly, and modern icons from Microsoft.

"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const LocationRippleColor = ( /*#__PURE__*/createFluentIcon('LocationRippleColor', "1em", `<path d="M17 16c0 2-3.5 3-7 3s-7-1-7-3 3.5-3 7-3 7 1 7 3Z" fill="url(#ic_fluent_location_ripple_20_color__a)"/><path d="M10 2a6 6 0 0 0-6 6c0 1.47.84 3 1.8 4.3a23.9 23.9 0 0 0 2.95 3.21c.71.66 1.79.66 2.5 0 .8-.72 1.96-1.89 2.94-3.2C15.16 11 16 9.47 16 8a6 6 0 0 0-6-6Z" fill="url(#ic_fluent_location_ripple_20_color__b)"/><path d="M12 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z" fill="url(#ic_fluent_location_ripple_20_color__c)"/><defs><linearGradient id="ic_fluent_location_ripple_20_color__b" x1="1.38" y1="-2" x2="11.37" y2="13.72" gradientUnits="userSpaceOnUse"><stop stop-color="#F97DBD"/><stop offset="1" stop-color="#D7257D"/></linearGradient><linearGradient id="ic_fluent_location_ripple_20_color__c" x1="8.23" y1="8.18" x2="10.31" y2="10.34" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#FECBE6"/></linearGradient><radialGradient id="ic_fluent_location_ripple_20_color__a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(10.99996 -1.99998 .85714 4.71428 9.5 15)"><stop stop-color="#7B7BFF"/><stop offset=".5" stop-color="#A3A3FF"/><stop offset="1" stop-color="#CEB0FF"/></radialGradient></defs>`, { color: true }));
export const LocationRippleFilled = ( /*#__PURE__*/createFluentIcon('LocationRippleFilled', "1em", ["M10 2a6 6 0 0 0-6 6c0 1.47.84 3 1.8 4.3a23.9 23.9 0 0 0 2.95 3.21c.71.66 1.79.66 2.5 0 .8-.72 1.96-1.89 2.94-3.2C15.16 11 16 9.47 16 8a6 6 0 0 0-6-6Zm2 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm2.42 5.64c-.24.29-.48.56-.72.82.26.08.5.15.72.24.55.21.97.45 1.23.7.27.24.35.44.35.6 0 .16-.08.36-.35.6-.26.25-.68.49-1.23.7-1.1.43-2.67.7-4.42.7s-3.31-.27-4.42-.7a3.99 3.99 0 0 1-1.23-.7c-.27-.24-.35-.44-.35-.6 0-.16.08-.36.35-.6.26-.25.68-.49 1.23-.7.22-.09.46-.16.72-.24-.24-.26-.48-.53-.72-.82l-.36.13c-.62.23-1.15.53-1.55.89C3.28 15 3 15.46 3 16c0 .53.28.99.67 1.34.4.36.93.66 1.55.9 1.25.47 2.94.76 4.78.76 1.84 0 3.53-.29 4.78-.77a4.96 4.96 0 0 0 1.55-.89c.39-.35.67-.8.67-1.34 0-.53-.28-.99-.67-1.34a4.96 4.96 0 0 0-1.91-1.02Z"]));
export const LocationRippleRegular = ( /*#__PURE__*/createFluentIcon('LocationRippleRegular', "1em", ["M10 3a5 5 0 0 0-5 5c0 1.13.67 2.44 1.61 3.71a22.92 22.92 0 0 0 2.82 3.07c.33.3.81.3 1.14 0 .77-.71 1.9-1.82 2.82-3.07C14.33 10.44 15 9.13 15 8a5 5 0 0 0-5-5ZM4 8a6 6 0 1 1 12 0c0 1.47-.84 3-1.8 4.3a23.92 23.92 0 0 1-2.95 3.21c-.71.66-1.79.66-2.5 0a23.9 23.9 0 0 1-2.94-3.2C4.84 11 4 9.47 4 8Zm6-1.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM7.5 8a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0Zm6.92 5.64c-.24.29-.48.56-.72.82.26.08.5.15.72.24.55.21.97.45 1.23.7.27.24.35.44.35.6 0 .16-.08.36-.35.6-.26.25-.68.49-1.23.7-1.1.43-2.67.7-4.42.7s-3.31-.27-4.42-.7a3.99 3.99 0 0 1-1.23-.7c-.27-.24-.35-.44-.35-.6 0-.16.08-.36.35-.6.26-.25.68-.49 1.23-.7.22-.09.46-.16.72-.24-.24-.26-.48-.53-.72-.82l-.36.13c-.62.23-1.15.53-1.55.89C3.28 15 3 15.46 3 16c0 .53.28.99.67 1.34.4.36.93.66 1.55.9 1.25.47 2.94.76 4.78.76 1.84 0 3.53-.29 4.78-.77a4.96 4.96 0 0 0 1.55-.89c.39-.35.67-.8.67-1.34 0-.53-.28-.99-.67-1.34a4.96 4.96 0 0 0-1.91-1.02Z"]));
export const LocationRipple12Regular = ( /*#__PURE__*/createFluentIcon('LocationRipple12Regular', "12", ["M6 2a2.5 2.5 0 0 0-2.5 2.5c0 .45.26 1.04.7 1.67.41.62.94 1.2 1.38 1.65.24.24.6.24.84 0 .44-.44.97-1.03 1.39-1.65.43-.63.69-1.22.69-1.67A2.5 2.5 0 0 0 6 2ZM2.5 4.5a3.5 3.5 0 1 1 7 0c0 .77-.4 1.57-.87 2.24a13.2 13.2 0 0 1-1.5 1.78c-.63.63-1.63.63-2.26 0a13.2 13.2 0 0 1-1.5-1.78A4.24 4.24 0 0 1 2.5 4.5Zm4.5 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM2.42 8.06c.12-.12.27-.23.43-.33.2.28.43.54.64.78-.16.09-.28.17-.36.26-.11.11-.13.2-.13.23 0 .04.02.12.13.23.12.12.31.25.6.37A6 6 0 0 0 6 10a6 6 0 0 0 2.28-.4c.28-.12.47-.25.59-.37.11-.11.13-.2.13-.23 0-.04-.02-.12-.13-.23-.08-.09-.2-.17-.36-.26.21-.24.43-.5.64-.78.16.1.3.21.43.33.24.25.42.56.42.94 0 .38-.18.7-.42.94s-.55.43-.9.58c-.72.3-1.66.48-2.68.48a6.98 6.98 0 0 1-2.67-.48 2.85 2.85 0 0 1-.91-.58A1.33 1.33 0 0 1 2 9c0-.38.18-.7.42-.94Z"]));
export const LocationRipple12Filled = ( /*#__PURE__*/createFluentIcon('LocationRipple12Filled', "12", ["M6 1a3.5 3.5 0 0 0-3.5 3.5c0 .77.4 1.57.87 2.24a13.2 13.2 0 0 0 1.5 1.78c.63.63 1.63.63 2.26 0a13.2 13.2 0 0 0 1.5-1.78c.46-.67.87-1.47.87-2.24A3.5 3.5 0 0 0 6 1Zm1 3.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM2.42 8.06c.12-.12.27-.23.43-.33.2.28.43.54.64.78-.16.09-.28.17-.36.26-.11.11-.13.2-.13.23 0 .04.02.12.13.23.12.12.31.25.6.37A6 6 0 0 0 6 10a6 6 0 0 0 2.28-.4c.28-.12.47-.25.59-.37.11-.11.13-.2.13-.23 0-.04-.02-.12-.13-.23-.08-.09-.2-.17-.36-.26.21-.24.43-.5.64-.78.16.1.3.21.43.33.24.25.42.56.42.94 0 .38-.18.7-.42.94s-.55.43-.9.58c-.72.3-1.66.48-2.68.48a6.98 6.98 0 0 1-2.67-.48 2.85 2.85 0 0 1-.91-.58A1.33 1.33 0 0 1 2 9c0-.38.18-.7.42-.94Z"]));
export const LocationRipple16Regular = ( /*#__PURE__*/createFluentIcon('LocationRipple16Regular', "16", ["M8 2a4 4 0 0 0-4 4c0 .8.48 1.8 1.2 2.79.7.97 1.58 1.86 2.23 2.48.32.3.82.3 1.14 0a18.8 18.8 0 0 0 2.23-2.48C11.52 7.79 12 6.8 12 6a4 4 0 0 0-4-4ZM3 6a5 5 0 0 1 10 0c0 1.14-.65 2.35-1.4 3.37A19.79 19.79 0 0 1 9.27 12c-.71.68-1.8.68-2.52 0a19.79 19.79 0 0 1-2.35-2.62C3.65 8.35 3 7.14 3 6Zm6.5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm2.44 4.58-.7.82.48.16c.46.17.8.35 1.02.54.22.19.26.32.26.4 0 .08-.04.21-.26.4-.21.19-.56.38-1.02.54-.93.34-2.24.56-3.72.56s-2.8-.22-3.72-.56c-.46-.16-.8-.35-1.02-.54-.22-.19-.26-.32-.26-.4 0-.08.04-.21.26-.4.21-.19.56-.37 1.02-.54l.48-.16-.7-.82c-.04 0-.08.02-.12.04-.53.19-1 .43-1.33.72-.34.3-.61.68-.61 1.16 0 .48.27.87.6 1.16.35.3.81.53 1.34.72C5 14.78 6.44 15 8 15c1.56 0 3-.23 4.06-.62.53-.19 1-.43 1.33-.72.34-.3.61-.68.61-1.16 0-.48-.27-.87-.6-1.16a4.33 4.33 0 0 0-1.46-.76Z"]));
export const LocationRipple16Filled = ( /*#__PURE__*/createFluentIcon('LocationRipple16Filled', "16", ["M8 1a5 5 0 0 0-5 5c0 1.14.65 2.35 1.4 3.37A19.79 19.79 0 0 0 6.73 12c.71.68 1.8.68 2.52 0 .67-.63 1.59-1.57 2.35-2.62C12.35 8.35 13 7.14 13 6a5 5 0 0 0-5-5Zm1.5 5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm2.44 4.58-.7.82.48.16c.46.17.8.35 1.02.54.22.19.26.32.26.4 0 .08-.04.21-.26.4-.21.19-.56.38-1.02.54-.93.34-2.24.56-3.72.56s-2.8-.22-3.72-.56c-.46-.16-.8-.35-1.02-.54-.22-.19-.26-.32-.26-.4 0-.08.04-.21.26-.4.21-.19.56-.37 1.02-.54l.48-.16-.7-.82c-.04 0-.08.02-.12.04-.53.19-1 .43-1.33.72-.34.3-.61.68-.61 1.16 0 .48.27.87.6 1.16.35.3.81.53 1.34.72C5 14.78 6.44 15 8 15c1.56 0 3-.23 4.06-.62.53-.19 1-.43 1.33-.72.34-.3.61-.68.61-1.16 0-.48-.27-.87-.6-1.16a4.33 4.33 0 0 0-1.46-.76Z"]));
export const LocationRipple16Color = ( /*#__PURE__*/createFluentIcon('LocationRipple16Color', "16", `<path d="M14 12.5C14 14 11.31 15 8 15s-6-1-6-2.5S4.69 10 8 10s6 1 6 2.5Z" fill="url(#ic_fluent_location_ripple_16_color__a)"/><path d="M8 1a5 5 0 0 0-5 5c0 1.14.65 2.35 1.4 3.37A19.79 19.79 0 0 0 6.73 12c.71.68 1.8.68 2.52 0 .67-.63 1.59-1.57 2.35-2.62C12.35 8.35 13 7.14 13 6a5 5 0 0 0-5-5Z" fill="url(#ic_fluent_location_ripple_16_color__b)"/><path d="M9.5 6a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" fill="url(#ic_fluent_location_ripple_16_color__c)"/><defs><linearGradient id="ic_fluent_location_ripple_16_color__b" x1=".81" y1="-2.29" x2="8.97" y2="10.73" gradientUnits="userSpaceOnUse"><stop stop-color="#F97DBD"/><stop offset="1" stop-color="#D7257D"/></linearGradient><linearGradient id="ic_fluent_location_ripple_16_color__c" x1="6.67" y1="6.13" x2="8.24" y2="7.76" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#FECBE6"/></linearGradient><radialGradient id="ic_fluent_location_ripple_16_color__a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(9.42857 -1.66667 .69566 3.93547 7.57 11.67)"><stop stop-color="#7B7BFF"/><stop offset=".5" stop-color="#A3A3FF"/><stop offset="1" stop-color="#CEB0FF"/></radialGradient></defs>`, { color: true }));
export const LocationRipple20Regular = ( /*#__PURE__*/createFluentIcon('LocationRipple20Regular', "20", ["M10 3a5 5 0 0 0-5 5c0 1.13.67 2.44 1.61 3.71a22.92 22.92 0 0 0 2.82 3.07c.33.3.81.3 1.14 0 .77-.71 1.9-1.82 2.82-3.07C14.33 10.44 15 9.13 15 8a5 5 0 0 0-5-5ZM4 8a6 6 0 1 1 12 0c0 1.47-.84 3-1.8 4.3a23.92 23.92 0 0 1-2.95 3.21c-.71.66-1.79.66-2.5 0a23.9 23.9 0 0 1-2.94-3.2C4.84 11 4 9.47 4 8Zm6-1.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM7.5 8a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0Zm6.92 5.64c-.24.29-.48.56-.72.82.26.08.5.15.72.24.55.21.97.45 1.23.7.27.24.35.44.35.6 0 .16-.08.36-.35.6-.26.25-.68.49-1.23.7-1.1.43-2.67.7-4.42.7s-3.31-.27-4.42-.7a3.99 3.99 0 0 1-1.23-.7c-.27-.24-.35-.44-.35-.6 0-.16.08-.36.35-.6.26-.25.68-.49 1.23-.7.22-.09.46-.16.72-.24-.24-.26-.48-.53-.72-.82l-.36.13c-.62.23-1.15.53-1.55.89C3.28 15 3 15.46 3 16c0 .53.28.99.67 1.34.4.36.93.66 1.55.9 1.25.47 2.94.76 4.78.76 1.84 0 3.53-.29 4.78-.77a4.96 4.96 0 0 0 1.55-.89c.39-.35.67-.8.67-1.34 0-.53-.28-.99-.67-1.34a4.96 4.96 0 0 0-1.91-1.02Z"]));
export const LocationRipple20Filled = ( /*#__PURE__*/createFluentIcon('LocationRipple20Filled', "20", ["M10 2a6 6 0 0 0-6 6c0 1.47.84 3 1.8 4.3a23.9 23.9 0 0 0 2.95 3.21c.71.66 1.79.66 2.5 0 .8-.72 1.96-1.89 2.94-3.2C15.16 11 16 9.47 16 8a6 6 0 0 0-6-6Zm2 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm2.42 5.64c-.24.29-.48.56-.72.82.26.08.5.15.72.24.55.21.97.45 1.23.7.27.24.35.44.35.6 0 .16-.08.36-.35.6-.26.25-.68.49-1.23.7-1.1.43-2.67.7-4.42.7s-3.31-.27-4.42-.7a3.99 3.99 0 0 1-1.23-.7c-.27-.24-.35-.44-.35-.6 0-.16.08-.36.35-.6.26-.25.68-.49 1.23-.7.22-.09.46-.16.72-.24-.24-.26-.48-.53-.72-.82l-.36.13c-.62.23-1.15.53-1.55.89C3.28 15 3 15.46 3 16c0 .53.28.99.67 1.34.4.36.93.66 1.55.9 1.25.47 2.94.76 4.78.76 1.84 0 3.53-.29 4.78-.77a4.96 4.96 0 0 0 1.55-.89c.39-.35.67-.8.67-1.34 0-.53-.28-.99-.67-1.34a4.96 4.96 0 0 0-1.91-1.02Z"]));
export const LocationRipple20Color = ( /*#__PURE__*/createFluentIcon('LocationRipple20Color', "20", `<path d="M17 16c0 2-3.5 3-7 3s-7-1-7-3 3.5-3 7-3 7 1 7 3Z" fill="url(#ic_fluent_location_ripple_20_color__a)"/><path d="M10 2a6 6 0 0 0-6 6c0 1.47.84 3 1.8 4.3a23.9 23.9 0 0 0 2.95 3.21c.71.66 1.79.66 2.5 0 .8-.72 1.96-1.89 2.94-3.2C15.16 11 16 9.47 16 8a6 6 0 0 0-6-6Z" fill="url(#ic_fluent_location_ripple_20_color__b)"/><path d="M12 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z" fill="url(#ic_fluent_location_ripple_20_color__c)"/><defs><linearGradient id="ic_fluent_location_ripple_20_color__b" x1="1.38" y1="-2" x2="11.37" y2="13.72" gradientUnits="userSpaceOnUse"><stop stop-color="#F97DBD"/><stop offset="1" stop-color="#D7257D"/></linearGradient><linearGradient id="ic_fluent_location_ripple_20_color__c" x1="8.23" y1="8.18" x2="10.31" y2="10.34" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#FECBE6"/></linearGradient><radialGradient id="ic_fluent_location_ripple_20_color__a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(10.99996 -1.99998 .85714 4.71428 9.5 15)"><stop stop-color="#7B7BFF"/><stop offset=".5" stop-color="#A3A3FF"/><stop offset="1" stop-color="#CEB0FF"/></radialGradient></defs>`, { color: true }));
export const LocationRipple24Regular = ( /*#__PURE__*/createFluentIcon('LocationRipple24Regular', "24", ["M12 3.5a6 6 0 0 0-6 6c0 1.41.8 2.95 1.94 4.38a23 23 0 0 0 3.43 3.4c.37.3.89.3 1.26 0a23 23 0 0 0 3.43-3.4C17.2 12.45 18 10.91 18 9.5a6 6 0 0 0-6-6Zm-7.5 6a7.5 7.5 0 1 1 15 0c0 1.93-1.06 3.8-2.27 5.32a24.49 24.49 0 0 1-3.65 3.62c-.93.75-2.23.75-3.16 0-.97-.8-2.43-2.09-3.65-3.62C5.57 13.3 4.5 11.43 4.5 9.5ZM12 8a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM9 9.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0Zm8.68 6.35c-.36.43-.74.84-1.11 1.22.35.1.69.21.99.33.7.27 1.2.58 1.53.88.32.3.41.55.41.72 0 .17-.09.41-.41.72-.32.3-.84.6-1.53.88-1.39.55-3.35.9-5.56.9-2.2 0-4.17-.35-5.56-.9-.7-.27-1.2-.58-1.53-.88-.32-.3-.41-.55-.41-.72 0-.17.09-.41.4-.72.33-.3.85-.6 1.54-.88.3-.12.64-.23 1-.33-.38-.38-.76-.8-1.12-1.22l-.43.15c-.8.32-1.5.71-2 1.19A2.5 2.5 0 0 0 3 19c0 .73.38 1.34.89 1.81.5.48 1.2.87 2 1.19 1.6.63 3.76 1 6.11 1 2.35 0 4.5-.37 6.1-1 .8-.32 1.5-.71 2.01-1.19A2.5 2.5 0 0 0 21 19a2.5 2.5 0 0 0-.89-1.81 6.37 6.37 0 0 0-2.43-1.34Z"]));
export const LocationRipple24Filled = ( /*#__PURE__*/createFluentIcon('LocationRipple24Filled', "24", ["M12 2a7.5 7.5 0 0 0-7.5 7.5c0 1.93 1.06 3.8 2.27 5.32a24.49 24.49 0 0 0 3.65 3.62c.93.75 2.23.75 3.16 0 .97-.8 2.43-2.09 3.65-3.62 1.2-1.52 2.27-3.39 2.27-5.32A7.5 7.5 0 0 0 12 2Zm2.5 7.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Zm3.18 6.35c-.36.43-.74.84-1.11 1.22.35.1.69.21.99.33.7.27 1.2.58 1.53.88.32.3.41.55.41.72 0 .17-.09.41-.41.72-.32.3-.84.6-1.53.88-1.39.55-3.35.9-5.56.9-2.2 0-4.17-.35-5.56-.9-.7-.27-1.2-.58-1.53-.88-.32-.3-.41-.55-.41-.72 0-.17.09-.41.4-.72.33-.3.85-.6 1.54-.88.3-.12.64-.23 1-.33-.38-.38-.76-.8-1.12-1.22l-.43.15c-.8.32-1.5.71-2 1.19A2.5 2.5 0 0 0 3 19c0 .73.38 1.34.89 1.81.5.48 1.2.87 2 1.19 1.6.63 3.76 1 6.11 1 2.35 0 4.5-.37 6.1-1 .8-.32 1.5-.71 2.01-1.19A2.5 2.5 0 0 0 21 19a2.5 2.5 0 0 0-.89-1.81 6.38 6.38 0 0 0-2.43-1.34Z"]));
export const LocationRipple24Color = ( /*#__PURE__*/createFluentIcon('LocationRipple24Color', "24", `<path d="M21 19c0 2.5-4.03 4-9 4s-9-1.5-9-4c0-2.4 4.03-4 9-4s9 1.5 9 4Z" fill="url(#ic_fluent_location_ripple_24_color__a)"/><path d="M12 2a7.5 7.5 0 0 0-7.5 7.5c0 1.93 1.06 3.8 2.27 5.32a24.49 24.49 0 0 0 3.65 3.62c.93.75 2.23.75 3.16 0 .97-.8 2.43-2.09 3.65-3.62 1.2-1.52 2.27-3.39 2.27-5.32A7.5 7.5 0 0 0 12 2Z" fill="url(#ic_fluent_location_ripple_24_color__b)"/><path d="M14.5 9.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Z" fill="url(#ic_fluent_location_ripple_24_color__c)"/><defs><linearGradient id="ic_fluent_location_ripple_24_color__b" x1="1.22" y1="-2.86" x2="13.2" y2="16.55" gradientUnits="userSpaceOnUse"><stop stop-color="#F97DBD"/><stop offset="1" stop-color="#D7257D"/></linearGradient><linearGradient id="ic_fluent_location_ripple_24_color__c" x1="9.79" y1="9.72" x2="12.39" y2="12.43" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#FECBE6"/></linearGradient><radialGradient id="ic_fluent_location_ripple_24_color__a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(-10.68 100.2 -51.93) scale(14.3921 6.38107)"><stop stop-color="#7B7BFF"/><stop offset=".5" stop-color="#A3A3FF"/><stop offset="1" stop-color="#CEB0FF"/></radialGradient></defs>`, { color: true }));