bard icon
bard-line from Remix Icon by Remix Design · Line · Logos · Apache-2.0 Free for personal and commercial use.
- Name
- bard-line
- Set
- Remix Icon
- Style
- Line
- 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.796a.946.946 0 0 1-1.744 0l-.877-2.01a7.74 7.74 0 0 0-3.94-3.992l-2.416-1.072c-.768-.341-.768-1.458 0-1.8l2.34-1.038a7.75 7.75 0 0 0 3.997-4.125l.89-2.142a.946.946 0 0 1 1.757 0l.89 2.142a7.75 7.75 0 0 0 3.997 4.125l2.34 1.039c.768.34.768 1.458 0 1.799l-2.415 1.072a7.74 7.74 0 0 0-3.941 3.991zM4.54 9.822c2.285 1.015 4.144 2.683 5.202 4.978c1.059-2.295 2.917-3.963 5.203-4.978c-2.313-1.026-4.177-2.776-5.203-5.111c-1.025 2.335-2.89 4.085-5.202 5.111M19.4 22.69l.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 0m-1.026-3.643l.562-.559l.55.559l-.55.543z"/></svg>
React
import type { SVGProps } from "react";
export function RiBardLine(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.796a.946.946 0 0 1-1.744 0l-.877-2.01a7.74 7.74 0 0 0-3.94-3.992l-2.416-1.072c-.768-.341-.768-1.458 0-1.8l2.34-1.038a7.75 7.75 0 0 0 3.997-4.125l.89-2.142a.946.946 0 0 1 1.757 0l.89 2.142a7.75 7.75 0 0 0 3.997 4.125l2.34 1.039c.768.34.768 1.458 0 1.799l-2.415 1.072a7.74 7.74 0 0 0-3.941 3.991zM4.54 9.822c2.285 1.015 4.144 2.683 5.202 4.978c1.059-2.295 2.917-3.963 5.203-4.978c-2.313-1.026-4.177-2.776-5.203-5.111c-1.025 2.335-2.89 4.085-5.202 5.111M19.4 22.69l.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 0m-1.026-3.643l.562-.559l.55.559l-.55.543z"/></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.796a.946.946 0 0 1-1.744 0l-.877-2.01a7.74 7.74 0 0 0-3.94-3.992l-2.416-1.072c-.768-.341-.768-1.458 0-1.8l2.34-1.038a7.75 7.75 0 0 0 3.997-4.125l.89-2.142a.946.946 0 0 1 1.757 0l.89 2.142a7.75 7.75 0 0 0 3.997 4.125l2.34 1.039c.768.34.768 1.458 0 1.799l-2.415 1.072a7.74 7.74 0 0 0-3.941 3.991zM4.54 9.822c2.285 1.015 4.144 2.683 5.202 4.978c1.059-2.295 2.917-3.963 5.203-4.978c-2.313-1.026-4.177-2.776-5.203-5.111c-1.025 2.335-2.89 4.085-5.202 5.111M19.4 22.69l.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 0m-1.026-3.643l.562-.559l.55.559l-.55.543z"/></svg> </template>
CSS
.icon-bard-line {
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.796a.946.946%200%200%201-1.744%200l-.877-2.01a7.74%207.74%200%200%200-3.94-3.992l-2.416-1.072c-.768-.341-.768-1.458%200-1.8l2.34-1.038a7.75%207.75%200%200%200%203.997-4.125l.89-2.142a.946.946%200%200%201%201.757%200l.89%202.142a7.75%207.75%200%200%200%203.997%204.125l2.34%201.039c.768.34.768%201.458%200%201.799l-2.415%201.072a7.74%207.74%200%200%200-3.941%203.991zM4.54%209.822c2.285%201.015%204.144%202.683%205.202%204.978c1.059-2.295%202.917-3.963%205.203-4.978c-2.313-1.026-4.177-2.776-5.203-5.111c-1.025%202.335-2.89%204.085-5.202%205.111M19.4%2022.69l.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%200m-1.026-3.643l.562-.559l.55.559l-.55.543z%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.796a.946.946%200%200%201-1.744%200l-.877-2.01a7.74%207.74%200%200%200-3.94-3.992l-2.416-1.072c-.768-.341-.768-1.458%200-1.8l2.34-1.038a7.75%207.75%200%200%200%203.997-4.125l.89-2.142a.946.946%200%200%201%201.757%200l.89%202.142a7.75%207.75%200%200%200%203.997%204.125l2.34%201.039c.768.34.768%201.458%200%201.799l-2.415%201.072a7.74%207.74%200%200%200-3.941%203.991zM4.54%209.822c2.285%201.015%204.144%202.683%205.202%204.978c1.059-2.295%202.917-3.963%205.203-4.978c-2.313-1.026-4.177-2.776-5.203-5.111c-1.025%202.335-2.89%204.085-5.202%205.111M19.4%2022.69l.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%200m-1.026-3.643l.562-.559l.55.559l-.55.543z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/bard-line.svg?color=%231a73e8&size=48
