bot icon
bot-16 from Fluent UI System Color Icons by Microsoft Corporation · 16 · MIT Free for personal and commercial use.
- Name
- bot-16
- Set
- Fluent UI System Color Icons
- Style
- 16
- Viewbox
- 16×16
- License
- MIT
2 other variants in Fluent UI System Color Icons
The same icon in other sets
Related icons in Fluent UI System Color Icons
Use the bot icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="none"><path fill="url(#SVGC7S4NdjC)" d="M4.5 9.5A1.5 1.5 0 0 0 3 11v.35c0 1.305.6 2.25 1.554 2.843C5.479 14.768 6.71 15 8 15c1.297 0 2.528-.231 3.452-.807C12.406 13.6 13 12.653 13 11.35V11a1.5 1.5 0 0 0-1.5-1.5z"/><path fill="url(#SVG2nnpOdLa)" d="M4.5 9.5A1.5 1.5 0 0 0 3 11v.35c0 1.305.6 2.25 1.554 2.843C5.479 14.768 6.71 15 8 15c1.297 0 2.528-.231 3.452-.807C12.406 13.6 13 12.653 13 11.35V11a1.5 1.5 0 0 0-1.5-1.5z"/><path fill="url(#SVGOUk61Xze)" d="M8.5 1.5a.5.5 0 0 0-1 0v1h1z"/><path fill="url(#SVGYuy4beSN)" d="M10.5 2A1.5 1.5 0 0 1 12 3.5v3A1.5 1.5 0 0 1 10.5 8h-5A1.5 1.5 0 0 1 4 6.5v-3A1.5 1.5 0 0 1 5.5 2z"/><path fill="url(#SVGO6BBNcsc)" d="M9.5 4.25a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5"/><path fill="url(#SVGomebmb0j)" d="M5.75 5a.75.75 0 1 1 1.5 0a.75.75 0 0 1-1.5 0"/><defs><linearGradient id="SVG2nnpOdLa" x1="8" x2="10.699" y1="8.845" y2="18.014" gradientUnits="userSpaceOnUse"><stop stop-color="#885edb" stop-opacity="0"/><stop offset="1" stop-color="#e362f8"/></linearGradient><linearGradient id="SVGOUk61Xze" x1="7.477" x2="8.532" y1="1" y2="2.229" gradientUnits="userSpaceOnUse"><stop stop-color="#8b52f4"/><stop offset="1" stop-color="#3d35b1"/></linearGradient><linearGradient id="SVGO6BBNcsc" x1="9.106" x2="10.243" y1="4.308" y2="6.27" gradientUnits="userSpaceOnUse"><stop stop-color="#fdfdfd"/><stop offset="1" stop-color="#f9dcfa"/></linearGradient><linearGradient id="SVGomebmb0j" x1="6.106" x2="7.243" y1="4.308" y2="6.27" gradientUnits="userSpaceOnUse"><stop stop-color="#fdfdfd"/><stop offset="1" stop-color="#f9dcfa"/></linearGradient><radialGradient id="SVGC7S4NdjC" cx="0" cy="0" r="1" gradientTransform="rotate(32.84 -12.9 5.078)scale(14.2768 23.736)" gradientUnits="userSpaceOnUse"><stop stop-color="#f08af4"/><stop offset=".535" stop-color="#9c6cfe"/><stop offset="1" stop-color="#4e44db"/></radialGradient><radialGradient id="SVGYuy4beSN" cx="0" cy="0" r="1" gradientTransform="rotate(45 2.112 2.265)scale(13.4772 26.308)" gradientUnits="userSpaceOnUse"><stop stop-color="#f08af4"/><stop offset=".535" stop-color="#9c6cfe"/><stop offset="1" stop-color="#4e44db"/></radialGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function FluentColorBot16(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"><path fill="url(#SVGC7S4NdjC)" d="M4.5 9.5A1.5 1.5 0 0 0 3 11v.35c0 1.305.6 2.25 1.554 2.843C5.479 14.768 6.71 15 8 15c1.297 0 2.528-.231 3.452-.807C12.406 13.6 13 12.653 13 11.35V11a1.5 1.5 0 0 0-1.5-1.5z"/><path fill="url(#SVG2nnpOdLa)" d="M4.5 9.5A1.5 1.5 0 0 0 3 11v.35c0 1.305.6 2.25 1.554 2.843C5.479 14.768 6.71 15 8 15c1.297 0 2.528-.231 3.452-.807C12.406 13.6 13 12.653 13 11.35V11a1.5 1.5 0 0 0-1.5-1.5z"/><path fill="url(#SVGOUk61Xze)" d="M8.5 1.5a.5.5 0 0 0-1 0v1h1z"/><path fill="url(#SVGYuy4beSN)" d="M10.5 2A1.5 1.5 0 0 1 12 3.5v3A1.5 1.5 0 0 1 10.5 8h-5A1.5 1.5 0 0 1 4 6.5v-3A1.5 1.5 0 0 1 5.5 2z"/><path fill="url(#SVGO6BBNcsc)" d="M9.5 4.25a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5"/><path fill="url(#SVGomebmb0j)" d="M5.75 5a.75.75 0 1 1 1.5 0a.75.75 0 0 1-1.5 0"/><defs><linearGradient id="SVG2nnpOdLa" x1="8" x2="10.699" y1="8.845" y2="18.014" gradientUnits="userSpaceOnUse"><stop stopColor="#885edb" stopOpacity="0"/><stop offset="1" stopColor="#e362f8"/></linearGradient><linearGradient id="SVGOUk61Xze" x1="7.477" x2="8.532" y1="1" y2="2.229" gradientUnits="userSpaceOnUse"><stop stopColor="#8b52f4"/><stop offset="1" stopColor="#3d35b1"/></linearGradient><linearGradient id="SVGO6BBNcsc" x1="9.106" x2="10.243" y1="4.308" y2="6.27" gradientUnits="userSpaceOnUse"><stop stopColor="#fdfdfd"/><stop offset="1" stopColor="#f9dcfa"/></linearGradient><linearGradient id="SVGomebmb0j" x1="6.106" x2="7.243" y1="4.308" y2="6.27" gradientUnits="userSpaceOnUse"><stop stopColor="#fdfdfd"/><stop offset="1" stopColor="#f9dcfa"/></linearGradient><radialGradient id="SVGC7S4NdjC" cx="0" cy="0" r="1" gradientTransform="rotate(32.84 -12.9 5.078)scale(14.2768 23.736)" gradientUnits="userSpaceOnUse"><stop stopColor="#f08af4"/><stop offset=".535" stopColor="#9c6cfe"/><stop offset="1" stopColor="#4e44db"/></radialGradient><radialGradient id="SVGYuy4beSN" cx="0" cy="0" r="1" gradientTransform="rotate(45 2.112 2.265)scale(13.4772 26.308)" gradientUnits="userSpaceOnUse"><stop stopColor="#f08af4"/><stop offset=".535" stopColor="#9c6cfe"/><stop offset="1" stopColor="#4e44db"/></radialGradient></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"><path fill="url(#SVGC7S4NdjC)" d="M4.5 9.5A1.5 1.5 0 0 0 3 11v.35c0 1.305.6 2.25 1.554 2.843C5.479 14.768 6.71 15 8 15c1.297 0 2.528-.231 3.452-.807C12.406 13.6 13 12.653 13 11.35V11a1.5 1.5 0 0 0-1.5-1.5z"/><path fill="url(#SVG2nnpOdLa)" d="M4.5 9.5A1.5 1.5 0 0 0 3 11v.35c0 1.305.6 2.25 1.554 2.843C5.479 14.768 6.71 15 8 15c1.297 0 2.528-.231 3.452-.807C12.406 13.6 13 12.653 13 11.35V11a1.5 1.5 0 0 0-1.5-1.5z"/><path fill="url(#SVGOUk61Xze)" d="M8.5 1.5a.5.5 0 0 0-1 0v1h1z"/><path fill="url(#SVGYuy4beSN)" d="M10.5 2A1.5 1.5 0 0 1 12 3.5v3A1.5 1.5 0 0 1 10.5 8h-5A1.5 1.5 0 0 1 4 6.5v-3A1.5 1.5 0 0 1 5.5 2z"/><path fill="url(#SVGO6BBNcsc)" d="M9.5 4.25a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5"/><path fill="url(#SVGomebmb0j)" d="M5.75 5a.75.75 0 1 1 1.5 0a.75.75 0 0 1-1.5 0"/><defs><linearGradient id="SVG2nnpOdLa" x1="8" x2="10.699" y1="8.845" y2="18.014" gradientUnits="userSpaceOnUse"><stop stop-color="#885edb" stop-opacity="0"/><stop offset="1" stop-color="#e362f8"/></linearGradient><linearGradient id="SVGOUk61Xze" x1="7.477" x2="8.532" y1="1" y2="2.229" gradientUnits="userSpaceOnUse"><stop stop-color="#8b52f4"/><stop offset="1" stop-color="#3d35b1"/></linearGradient><linearGradient id="SVGO6BBNcsc" x1="9.106" x2="10.243" y1="4.308" y2="6.27" gradientUnits="userSpaceOnUse"><stop stop-color="#fdfdfd"/><stop offset="1" stop-color="#f9dcfa"/></linearGradient><linearGradient id="SVGomebmb0j" x1="6.106" x2="7.243" y1="4.308" y2="6.27" gradientUnits="userSpaceOnUse"><stop stop-color="#fdfdfd"/><stop offset="1" stop-color="#f9dcfa"/></linearGradient><radialGradient id="SVGC7S4NdjC" cx="0" cy="0" r="1" gradientTransform="rotate(32.84 -12.9 5.078)scale(14.2768 23.736)" gradientUnits="userSpaceOnUse"><stop stop-color="#f08af4"/><stop offset=".535" stop-color="#9c6cfe"/><stop offset="1" stop-color="#4e44db"/></radialGradient><radialGradient id="SVGYuy4beSN" cx="0" cy="0" r="1" gradientTransform="rotate(45 2.112 2.265)scale(13.4772 26.308)" gradientUnits="userSpaceOnUse"><stop stop-color="#f08af4"/><stop offset=".535" stop-color="#9c6cfe"/><stop offset="1" stop-color="#4e44db"/></radialGradient></defs></g></svg> </template>
CSS
.icon-bot-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%3Cpath%20fill%3D%22url(%23SVGC7S4NdjC)%22%20d%3D%22M4.5%209.5A1.5%201.5%200%200%200%203%2011v.35c0%201.305.6%202.25%201.554%202.843C5.479%2014.768%206.71%2015%208%2015c1.297%200%202.528-.231%203.452-.807C12.406%2013.6%2013%2012.653%2013%2011.35V11a1.5%201.5%200%200%200-1.5-1.5z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG2nnpOdLa)%22%20d%3D%22M4.5%209.5A1.5%201.5%200%200%200%203%2011v.35c0%201.305.6%202.25%201.554%202.843C5.479%2014.768%206.71%2015%208%2015c1.297%200%202.528-.231%203.452-.807C12.406%2013.6%2013%2012.653%2013%2011.35V11a1.5%201.5%200%200%200-1.5-1.5z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGOUk61Xze)%22%20d%3D%22M8.5%201.5a.5.5%200%200%200-1%200v1h1z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGYuy4beSN)%22%20d%3D%22M10.5%202A1.5%201.5%200%200%201%2012%203.5v3A1.5%201.5%200%200%201%2010.5%208h-5A1.5%201.5%200%200%201%204%206.5v-3A1.5%201.5%200%200%201%205.5%202z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGO6BBNcsc)%22%20d%3D%22M9.5%204.25a.75.75%200%201%200%200%201.5a.75.75%200%200%200%200-1.5%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGomebmb0j)%22%20d%3D%22M5.75%205a.75.75%200%201%201%201.5%200a.75.75%200%200%201-1.5%200%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG2nnpOdLa%22%20x1%3D%228%22%20x2%3D%2210.699%22%20y1%3D%228.845%22%20y2%3D%2218.014%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23885edb%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e362f8%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGOUk61Xze%22%20x1%3D%227.477%22%20x2%3D%228.532%22%20y1%3D%221%22%20y2%3D%222.229%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238b52f4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233d35b1%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGO6BBNcsc%22%20x1%3D%229.106%22%20x2%3D%2210.243%22%20y1%3D%224.308%22%20y2%3D%226.27%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fdfdfd%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f9dcfa%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGomebmb0j%22%20x1%3D%226.106%22%20x2%3D%227.243%22%20y1%3D%224.308%22%20y2%3D%226.27%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fdfdfd%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f9dcfa%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22SVGC7S4NdjC%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(32.84%20-12.9%205.078)scale(14.2768%2023.736)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23f08af4%22%2F%3E%3Cstop%20offset%3D%22.535%22%20stop-color%3D%22%239c6cfe%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234e44db%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGYuy4beSN%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(45%202.112%202.265)scale(13.4772%2026.308)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23f08af4%22%2F%3E%3Cstop%20offset%3D%22.535%22%20stop-color%3D%22%239c6cfe%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234e44db%22%2F%3E%3C%2FradialGradient%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%3Cpath%20fill%3D%22url(%23SVGC7S4NdjC)%22%20d%3D%22M4.5%209.5A1.5%201.5%200%200%200%203%2011v.35c0%201.305.6%202.25%201.554%202.843C5.479%2014.768%206.71%2015%208%2015c1.297%200%202.528-.231%203.452-.807C12.406%2013.6%2013%2012.653%2013%2011.35V11a1.5%201.5%200%200%200-1.5-1.5z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG2nnpOdLa)%22%20d%3D%22M4.5%209.5A1.5%201.5%200%200%200%203%2011v.35c0%201.305.6%202.25%201.554%202.843C5.479%2014.768%206.71%2015%208%2015c1.297%200%202.528-.231%203.452-.807C12.406%2013.6%2013%2012.653%2013%2011.35V11a1.5%201.5%200%200%200-1.5-1.5z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGOUk61Xze)%22%20d%3D%22M8.5%201.5a.5.5%200%200%200-1%200v1h1z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGYuy4beSN)%22%20d%3D%22M10.5%202A1.5%201.5%200%200%201%2012%203.5v3A1.5%201.5%200%200%201%2010.5%208h-5A1.5%201.5%200%200%201%204%206.5v-3A1.5%201.5%200%200%201%205.5%202z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGO6BBNcsc)%22%20d%3D%22M9.5%204.25a.75.75%200%201%200%200%201.5a.75.75%200%200%200%200-1.5%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGomebmb0j)%22%20d%3D%22M5.75%205a.75.75%200%201%201%201.5%200a.75.75%200%200%201-1.5%200%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG2nnpOdLa%22%20x1%3D%228%22%20x2%3D%2210.699%22%20y1%3D%228.845%22%20y2%3D%2218.014%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23885edb%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e362f8%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGOUk61Xze%22%20x1%3D%227.477%22%20x2%3D%228.532%22%20y1%3D%221%22%20y2%3D%222.229%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238b52f4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233d35b1%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGO6BBNcsc%22%20x1%3D%229.106%22%20x2%3D%2210.243%22%20y1%3D%224.308%22%20y2%3D%226.27%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fdfdfd%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f9dcfa%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGomebmb0j%22%20x1%3D%226.106%22%20x2%3D%227.243%22%20y1%3D%224.308%22%20y2%3D%226.27%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fdfdfd%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f9dcfa%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22SVGC7S4NdjC%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(32.84%20-12.9%205.078)scale(14.2768%2023.736)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23f08af4%22%2F%3E%3Cstop%20offset%3D%22.535%22%20stop-color%3D%22%239c6cfe%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234e44db%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGYuy4beSN%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(45%202.112%202.265)scale(13.4772%2026.308)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23f08af4%22%2F%3E%3Cstop%20offset%3D%22.535%22%20stop-color%3D%22%239c6cfe%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234e44db%22%2F%3E%3C%2FradialGradient%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/bot-16.svg?color=%231a73e8&size=48
