bard icon
bard-fill from Remix Icon by Remix Design · Fill · Logos · Apache-2.0 Free for personal and commercial use.
- Name
- bard-fill
- Set
- Remix Icon
- Style
- Fill
- Category
- Logos
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Remix Icon
More logos icons from Remix Icon
Use the bard icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m10.614 17.796l.878-2.01a7.74 7.74 0 0 1 3.94-3.992l2.416-1.072c.768-.341.768-1.458 0-1.8l-2.34-1.038a7.75 7.75 0 0 1-3.997-4.125l-.89-2.142a.946.946 0 0 0-1.758 0l-.889 2.142a7.75 7.75 0 0 1-3.997 4.125l-2.34 1.039c-.768.34-.768 1.458 0 1.799l2.415 1.072a7.74 7.74 0 0 1 3.94 3.991l.878 2.01a.946.946 0 0 0 1.744 0m8.787 4.894l.247-.566a4.37 4.37 0 0 1 2.221-2.25l.76-.339a.53.53 0 0 0 0-.963l-.717-.319a4.37 4.37 0 0 1-2.253-2.326l-.254-.611a.507.507 0 0 0-.942 0l-.254.61a4.37 4.37 0 0 1-2.253 2.327l-.718.32a.53.53 0 0 0 0 .962l.76.338a4.37 4.37 0 0 1 2.222 2.251l.247.566c.18.414.754.414.934 0"/></svg>
React
import type { SVGProps } from "react";
export function RiBardFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m10.614 17.796l.878-2.01a7.74 7.74 0 0 1 3.94-3.992l2.416-1.072c.768-.341.768-1.458 0-1.8l-2.34-1.038a7.75 7.75 0 0 1-3.997-4.125l-.89-2.142a.946.946 0 0 0-1.758 0l-.889 2.142a7.75 7.75 0 0 1-3.997 4.125l-2.34 1.039c-.768.34-.768 1.458 0 1.799l2.415 1.072a7.74 7.74 0 0 1 3.94 3.991l.878 2.01a.946.946 0 0 0 1.744 0m8.787 4.894l.247-.566a4.37 4.37 0 0 1 2.221-2.25l.76-.339a.53.53 0 0 0 0-.963l-.717-.319a4.37 4.37 0 0 1-2.253-2.326l-.254-.611a.507.507 0 0 0-.942 0l-.254.61a4.37 4.37 0 0 1-2.253 2.327l-.718.32a.53.53 0 0 0 0 .962l.76.338a4.37 4.37 0 0 1 2.222 2.251l.247.566c.18.414.754.414.934 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m10.614 17.796l.878-2.01a7.74 7.74 0 0 1 3.94-3.992l2.416-1.072c.768-.341.768-1.458 0-1.8l-2.34-1.038a7.75 7.75 0 0 1-3.997-4.125l-.89-2.142a.946.946 0 0 0-1.758 0l-.889 2.142a7.75 7.75 0 0 1-3.997 4.125l-2.34 1.039c-.768.34-.768 1.458 0 1.799l2.415 1.072a7.74 7.74 0 0 1 3.94 3.991l.878 2.01a.946.946 0 0 0 1.744 0m8.787 4.894l.247-.566a4.37 4.37 0 0 1 2.221-2.25l.76-.339a.53.53 0 0 0 0-.963l-.717-.319a4.37 4.37 0 0 1-2.253-2.326l-.254-.611a.507.507 0 0 0-.942 0l-.254.61a4.37 4.37 0 0 1-2.253 2.327l-.718.32a.53.53 0 0 0 0 .962l.76.338a4.37 4.37 0 0 1 2.222 2.251l.247.566c.18.414.754.414.934 0"/></svg> </template>
CSS
.icon-bard-fill {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m10.614%2017.796l.878-2.01a7.74%207.74%200%200%201%203.94-3.992l2.416-1.072c.768-.341.768-1.458%200-1.8l-2.34-1.038a7.75%207.75%200%200%201-3.997-4.125l-.89-2.142a.946.946%200%200%200-1.758%200l-.889%202.142a7.75%207.75%200%200%201-3.997%204.125l-2.34%201.039c-.768.34-.768%201.458%200%201.799l2.415%201.072a7.74%207.74%200%200%201%203.94%203.991l.878%202.01a.946.946%200%200%200%201.744%200m8.787%204.894l.247-.566a4.37%204.37%200%200%201%202.221-2.25l.76-.339a.53.53%200%200%200%200-.963l-.717-.319a4.37%204.37%200%200%201-2.253-2.326l-.254-.611a.507.507%200%200%200-.942%200l-.254.61a4.37%204.37%200%200%201-2.253%202.327l-.718.32a.53.53%200%200%200%200%20.962l.76.338a4.37%204.37%200%200%201%202.222%202.251l.247.566c.18.414.754.414.934%200%22%2F%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m10.614%2017.796l.878-2.01a7.74%207.74%200%200%201%203.94-3.992l2.416-1.072c.768-.341.768-1.458%200-1.8l-2.34-1.038a7.75%207.75%200%200%201-3.997-4.125l-.89-2.142a.946.946%200%200%200-1.758%200l-.889%202.142a7.75%207.75%200%200%201-3.997%204.125l-2.34%201.039c-.768.34-.768%201.458%200%201.799l2.415%201.072a7.74%207.74%200%200%201%203.94%203.991l.878%202.01a.946.946%200%200%200%201.744%200m8.787%204.894l.247-.566a4.37%204.37%200%200%201%202.221-2.25l.76-.339a.53.53%200%200%200%200-.963l-.717-.319a4.37%204.37%200%200%201-2.253-2.326l-.254-.611a.507.507%200%200%200-.942%200l-.254.61a4.37%204.37%200%200%201-2.253%202.327l-.718.32a.53.53%200%200%200%200%20.962l.76.338a4.37%204.37%200%200%201%202.222%202.251l.247.566c.18.414.754.414.934%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/bard-fill.svg?color=%231a73e8&size=48
