Bot Sparkle icon

Use the Bot Sparkle icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.

npm install @fluentui/react-icons

import { BotSparkle24Regular, BotSparkle24Filled } from "@fluentui/react-icons";

export function Example() {
  return <BotSparkle24Regular aria-label="Bot Sparkle" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_bot_sparkle_24_regular.svg" width="24" height="24" alt="Bot Sparkle">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.5004 10.2546C18.5004 10.2994 18.4991 10.3438 18.4965 10.3879C18.4546 10.3508 18.4105 10.3159 18.3645 10.2834C18.1037 10.099 17.7921 10 17.4728 10C17.3115 10 17.1522 10.0253 17.0004 10.074V5.74999C17.0004 5.33578 16.6646 4.99999 16.2504 4.99999H7.75036C7.33615 4.99999 7.00036 5.33578 7.00036 5.74999V10.2546C7.00036 10.6688 7.33615 11.0046 7.75036 11.0046H16.0258L16.0166 11.03L16.0125 11.0417L15.5622 12.426L15.5534 12.4524C15.5474 12.4699 15.5411 12.4873 15.5345 12.5046H7.75036C6.50772 12.5046 5.50036 11.4972 5.50036 10.2546V5.74999C5.50036 4.50735 6.50772 3.49999 7.75036 3.49999L11.2499 3.49949L11.2507 2.75049C11.2507 2.37079 11.5328 2.057 11.8989 2.00733L12.0007 2.00049C12.3804 2.00049 12.6942 2.28264 12.7438 2.64872L12.7507 2.75049L12.7499 3.49949L16.2504 3.49999C17.493 3.49999 18.5004 4.50735 18.5004 5.74999V10.2546ZM13.0428 14.0365L13.1554 13.9999H6.25391C5.01127 13.9999 4.00391 15.0073 4.00391 16.2499V17.1572C4.00391 18.25 4.48056 19.2884 5.30918 20.0008C6.87205 21.3445 9.11087 22.0011 12.0004 22.0011C14.0763 22.0011 15.8171 21.6621 17.2132 20.9731C16.9968 20.9321 16.7904 20.8451 16.6087 20.7166C16.3478 20.5322 16.1506 20.2714 16.0442 19.97L16.04 19.9583L16.0096 19.8646C14.9245 20.2865 13.5901 20.5011 12.0004 20.5011C9.44117 20.5011 7.54516 19.945 6.28707 18.8634C5.7899 18.4359 5.50391 17.8129 5.50391 17.1572V16.2499C5.50391 15.8357 5.83969 15.4999 6.25391 15.4999H12.0004L12.0004 15.4966C12.0004 15.1769 12.0996 14.8653 12.2843 14.6045C12.4689 14.3438 12.7299 14.1468 13.0311 14.0406L13.0428 14.0365ZM10.9989 7.74928C10.9989 7.05932 10.4396 6.49999 9.74965 6.49999C9.05969 6.49999 8.50036 7.05932 8.50036 7.74928C8.50036 8.43925 9.05969 8.99857 9.74965 8.99857C10.4396 8.99857 10.9989 8.43925 10.9989 7.74928ZM14.2424 6.49999C14.9324 6.49999 15.4917 7.05932 15.4917 7.74928C15.4917 8.43925 14.9324 8.99857 14.2424 8.99857C13.5524 8.99857 12.9931 8.43925 12.9931 7.74928C12.9931 7.05932 13.5524 6.49999 14.2424 6.49999ZM16.0886 17.4123C16.0163 17.3189 15.9381 17.2298 15.8542 17.1457C15.5421 16.8326 15.161 16.5967 14.7413 16.4568L13.3635 16.0094C13.2573 15.972 13.1654 15.9025 13.1003 15.8107C13.0353 15.7188 13.0004 15.6091 13.0004 15.4966C13.0004 15.384 13.0353 15.2743 13.1003 15.1824C13.1654 15.0906 13.2573 15.0212 13.3635 14.9837L14.7413 14.5363C15.1551 14.3935 15.5302 14.1571 15.8374 13.8454C16.1361 13.5422 16.3626 13.1759 16.5004 12.7737L16.5118 12.7396L16.9596 11.3629C16.997 11.2568 17.0665 11.1649 17.1584 11.0999C17.2504 11.0349 17.3602 11 17.4728 11C17.5854 11 17.6953 11.0349 17.7872 11.0999C17.8791 11.1649 17.9486 11.2568 17.986 11.3629L18.4338 12.7396C18.5731 13.1582 18.8081 13.5385 19.1202 13.8504C19.4323 14.1623 19.813 14.3971 20.2318 14.5363L21.6096 14.9837L21.6372 14.9906C21.7434 15.028 21.8353 15.0975 21.9004 15.1893C21.9654 15.2812 22.0004 15.3909 22.0004 15.5034C22.0004 15.616 21.9654 15.7257 21.9004 15.8176C21.8353 15.9094 21.7434 15.9788 21.6372 16.0163L20.2594 16.4637C19.8405 16.6029 19.4599 16.8377 19.1478 17.1496C18.8356 17.4615 18.6006 17.8418 18.4614 18.2604L18.0136 19.6371C18.0096 19.6486 18.0051 19.6598 18.0004 19.6709C17.9609 19.7627 17.8967 19.8421 17.8147 19.9001C17.7228 19.9651 17.613 20 17.5004 20C17.3878 20 17.2779 19.9651 17.186 19.9001C17.0941 19.8351 17.0246 19.7432 16.9871 19.6371L16.5394 18.2604C16.4382 17.9533 16.2855 17.6666 16.0886 17.4123ZM23.7833 21.2132L23.0179 20.9646C22.7851 20.8873 22.5737 20.7568 22.4003 20.5836C22.2269 20.4103 22.0963 20.199 22.019 19.9665L21.7702 19.2016C21.7494 19.1427 21.7108 19.0916 21.6597 19.0555C21.6086 19.0194 21.5476 19 21.4851 19C21.4225 19 21.3615 19.0194 21.3104 19.0555C21.2593 19.0916 21.2207 19.1427 21.1999 19.2016L20.9512 19.9665C20.8753 20.1974 20.7471 20.4076 20.5765 20.5808C20.4058 20.7539 20.1974 20.8853 19.9676 20.9646L19.2021 21.2132C19.1431 21.234 19.092 21.2725 19.0559 21.3236C19.0198 21.3746 19.0004 21.4356 19.0004 21.4981C19.0004 21.5606 19.0198 21.6216 19.0559 21.6726C19.092 21.7236 19.1431 21.7622 19.2021 21.783L19.9676 22.0316C20.2007 22.1093 20.4124 22.2403 20.5858 22.4143C20.7593 22.5882 20.8896 22.8003 20.9665 23.0335L21.2152 23.7984C21.2361 23.8573 21.2747 23.9084 21.3257 23.9445C21.3768 23.9806 21.4378 24 21.5004 24C21.5629 24 21.6239 23.9806 21.675 23.9445C21.7261 23.9084 21.7647 23.8573 21.7855 23.7984L22.0343 23.0335C22.1116 22.801 22.2422 22.5897 22.4156 22.4164C22.589 22.2432 22.8005 22.1127 23.0332 22.0354L23.7986 21.7868C23.8576 21.766 23.9087 21.7275 23.9448 21.6764C23.981 21.6254 24.0004 21.5644 24.0004 21.5019C24.0004 21.4394 23.981 21.3784 23.9448 21.3274C23.9087 21.2764 23.8576 21.2378 23.7986 21.217L23.7833 21.2132Z" fill="currentColor"/></svg>

Use it from the SVG package

Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/bot_sparkle_24_regular.svg";

Details

Keywords

airobotautomatedenhance