bitcoin icon
bitcoin-sharp-fill from Keyline Icons by Keyline Icons · Sharp Fill · MIT Free for personal and commercial use.
- Name
- bitcoin-sharp-fill
- Set
- Keyline Icons
- Style
- Sharp Fill
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
bitcoin-fillAkar IconsbitcoinBoxIcons v2bitcoinCoreUI BrandsbitcoinFramework7 IconsbitcoinFont Awesome 6 BrandsbitcoinFont Awesome Brandsbitcoin-solidFlowbite IconsbitcoinHuge IconsbitcoinIconParkbitcoinIconPark OutlinebitcoinIconPark SolidbitcoinIconPark TwoTonebitcoinLine AwesomebitcoinSVG LogosbitcoinLucidebitcoinMaterial Design IconsbitcoinMyna UI IconsbitcoinPixelarticonsbitcoinPrime IconsbitcoinSimple Iconsbitcoin-outlineTeenyiconsbitcoinWeb3 IconsbitcoinWeb3 Icons BrandedbitcoinUnicons
Use the bitcoin icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M5 20L5 19L5 5L15.5 5C17.433 5 19 6.567 19 8.5C19 10.433 17.433 12 15.5 12L5 12L4 12M4 12L5 12L15.5 12C17.433 12 19 13.567 19 15.5C19 17.433 17.433 19 15.5 19L5 19L4 19M10 1L10 2L10 5L10 6M15.5 1L15.5 2L15.5 5L15.5 6M10 18L10 19L10 22L10 23M15.5 18L15.5 19L15.5 22L15.5 23"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsBitcoinSharpFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2" d="M5 20L5 19L5 5L15.5 5C17.433 5 19 6.567 19 8.5C19 10.433 17.433 12 15.5 12L5 12L4 12M4 12L5 12L15.5 12C17.433 12 19 13.567 19 15.5C19 17.433 17.433 19 15.5 19L5 19L4 19M10 1L10 2L10 5L10 6M15.5 1L15.5 2L15.5 5L15.5 6M10 18L10 19L10 22L10 23M15.5 18L15.5 19L15.5 22L15.5 23"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M5 20L5 19L5 5L15.5 5C17.433 5 19 6.567 19 8.5C19 10.433 17.433 12 15.5 12L5 12L4 12M4 12L5 12L15.5 12C17.433 12 19 13.567 19 15.5C19 17.433 17.433 19 15.5 19L5 19L4 19M10 1L10 2L10 5L10 6M15.5 1L15.5 2L15.5 5L15.5 6M10 18L10 19L10 22L10 23M15.5 18L15.5 19L15.5 22L15.5 23"/></svg> </template>
CSS
.icon-bitcoin-sharp-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%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M5%2020L5%2019L5%205L15.5%205C17.433%205%2019%206.567%2019%208.5C19%2010.433%2017.433%2012%2015.5%2012L5%2012L4%2012M4%2012L5%2012L15.5%2012C17.433%2012%2019%2013.567%2019%2015.5C19%2017.433%2017.433%2019%2015.5%2019L5%2019L4%2019M10%201L10%202L10%205L10%206M15.5%201L15.5%202L15.5%205L15.5%206M10%2018L10%2019L10%2022L10%2023M15.5%2018L15.5%2019L15.5%2022L15.5%2023%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M5%2020L5%2019L5%205L15.5%205C17.433%205%2019%206.567%2019%208.5C19%2010.433%2017.433%2012%2015.5%2012L5%2012L4%2012M4%2012L5%2012L15.5%2012C17.433%2012%2019%2013.567%2019%2015.5C19%2017.433%2017.433%2019%2015.5%2019L5%2019L4%2019M10%201L10%202L10%205L10%206M15.5%201L15.5%202L15.5%205L15.5%206M10%2018L10%2019L10%2022L10%2023M15.5%2018L15.5%2019L15.5%2022L15.5%2023%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/bitcoin-sharp-fill.svg?color=%231a73e8&size=48
