badge 8k icon
badge-8k-fill from Bootstrap Icons by The Bootstrap Authors · Fill · MIT Free for personal and commercial use.
- Name
- badge-8k-fill
- Set
- Bootstrap Icons
- Style
- Fill
- Viewbox
- 16×16
- License
- MIT
1 other variant in Bootstrap Icons
The same icon in other sets
Related icons in Bootstrap Icons
Use the badge 8k icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M3.9 6.605c0 .51.405.866.95.866s.945-.356.945-.866s-.4-.852-.945-.852s-.95.343-.95.852m-.192 2.668c0 .589.492.984 1.142.984c.646 0 1.143-.395 1.143-.984S5.496 8.28 4.85 8.28c-.65 0-1.142.404-1.142.993"/><path d="M2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zm5.17 7.348c0 1.041-.927 1.766-2.333 1.766s-2.312-.72-2.312-1.762c0-.954.712-1.384 1.257-1.494v-.053c-.51-.154-1.02-.558-1.02-1.331c0-.914.831-1.587 2.088-1.587c1.253 0 2.083.673 2.083 1.587c0 .782-.523 1.182-1.02 1.331v.053c.545.11 1.257.545 1.257 1.49M12.102 5h1.306l-2.14 2.584l2.232 3.415h-1.428l-1.679-2.624l-.615.699v1.925H8.59V5h1.187v2.685h.057z"/></g></svg>
React
import type { SVGProps } from "react";
export function BiBadge8kFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M3.9 6.605c0 .51.405.866.95.866s.945-.356.945-.866s-.4-.852-.945-.852s-.95.343-.95.852m-.192 2.668c0 .589.492.984 1.142.984c.646 0 1.143-.395 1.143-.984S5.496 8.28 4.85 8.28c-.65 0-1.142.404-1.142.993"/><path d="M2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zm5.17 7.348c0 1.041-.927 1.766-2.333 1.766s-2.312-.72-2.312-1.762c0-.954.712-1.384 1.257-1.494v-.053c-.51-.154-1.02-.558-1.02-1.331c0-.914.831-1.587 2.088-1.587c1.253 0 2.083.673 2.083 1.587c0 .782-.523 1.182-1.02 1.331v.053c.545.11 1.257.545 1.257 1.49M12.102 5h1.306l-2.14 2.584l2.232 3.415h-1.428l-1.679-2.624l-.615.699v1.925H8.59V5h1.187v2.685h.057z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M3.9 6.605c0 .51.405.866.95.866s.945-.356.945-.866s-.4-.852-.945-.852s-.95.343-.95.852m-.192 2.668c0 .589.492.984 1.142.984c.646 0 1.143-.395 1.143-.984S5.496 8.28 4.85 8.28c-.65 0-1.142.404-1.142.993"/><path d="M2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zm5.17 7.348c0 1.041-.927 1.766-2.333 1.766s-2.312-.72-2.312-1.762c0-.954.712-1.384 1.257-1.494v-.053c-.51-.154-1.02-.558-1.02-1.331c0-.914.831-1.587 2.088-1.587c1.253 0 2.083.673 2.083 1.587c0 .782-.523 1.182-1.02 1.331v.053c.545.11 1.257.545 1.257 1.49M12.102 5h1.306l-2.14 2.584l2.232 3.415h-1.428l-1.679-2.624l-.615.699v1.925H8.59V5h1.187v2.685h.057z"/></g></svg> </template>
CSS
.icon-badge-8k-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%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M3.9%206.605c0%20.51.405.866.95.866s.945-.356.945-.866s-.4-.852-.945-.852s-.95.343-.95.852m-.192%202.668c0%20.589.492.984%201.142.984c.646%200%201.143-.395%201.143-.984S5.496%208.28%204.85%208.28c-.65%200-1.142.404-1.142.993%22%2F%3E%3Cpath%20d%3D%22M2%202a2%202%200%200%200-2%202v8a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2zm5.17%207.348c0%201.041-.927%201.766-2.333%201.766s-2.312-.72-2.312-1.762c0-.954.712-1.384%201.257-1.494v-.053c-.51-.154-1.02-.558-1.02-1.331c0-.914.831-1.587%202.088-1.587c1.253%200%202.083.673%202.083%201.587c0%20.782-.523%201.182-1.02%201.331v.053c.545.11%201.257.545%201.257%201.49M12.102%205h1.306l-2.14%202.584l2.232%203.415h-1.428l-1.679-2.624l-.615.699v1.925H8.59V5h1.187v2.685h.057z%22%2F%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%22currentColor%22%3E%3Cpath%20d%3D%22M3.9%206.605c0%20.51.405.866.95.866s.945-.356.945-.866s-.4-.852-.945-.852s-.95.343-.95.852m-.192%202.668c0%20.589.492.984%201.142.984c.646%200%201.143-.395%201.143-.984S5.496%208.28%204.85%208.28c-.65%200-1.142.404-1.142.993%22%2F%3E%3Cpath%20d%3D%22M2%202a2%202%200%200%200-2%202v8a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2zm5.17%207.348c0%201.041-.927%201.766-2.333%201.766s-2.312-.72-2.312-1.762c0-.954.712-1.384%201.257-1.494v-.053c-.51-.154-1.02-.558-1.02-1.331c0-.914.831-1.587%202.088-1.587c1.253%200%202.083.673%202.083%201.587c0%20.782-.523%201.182-1.02%201.331v.053c.545.11%201.257.545%201.257%201.49M12.102%205h1.306l-2.14%202.584l2.232%203.415h-1.428l-1.679-2.624l-.615.699v1.925H8.59V5h1.187v2.685h.057z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/badge-8k-fill.svg?color=%231a73e8&size=48
