diamond icon
diamond-filled from Tabler Icons by Paweł Kuna · Filled · MIT Free for personal and commercial use.
- Name
- diamond-filled
- Set
- Tabler Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- MIT
1 other variant in Tabler Icons
The same icon in other sets
diamondAkar IconsdiamondBootstrap IconsdiamondBoxIcons v2diamondBoxIcons v2 SoliddiamondFont Awesome 6 SoliddiamondFont Awesome Soliddiamond-12-filledFluent UI System IconsdiamondHuge IconsdiamondIconParkdiamondIconPark OutlinediamondIonIconsdiamondLucidediamondMaterial SymbolsdiamondMaterial Symbols LightdiamondMaterial Design Iconsdiamond-fillMingCute IcondiamondMyna UI Iconsdiamond-16OcticonsdiamondPhosphordiamond-fillRemix Icondiamond-outlineTeenyiconsdiamondUnicons
Related icons in Tabler Icons
Use the diamond icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18 4a1 1 0 0 1 .783.378l.074.108l3 5a1 1 0 0 1-.032 1.078l-.08.103l-8.53 9.533a1.7 1.7 0 0 1-1.215.51c-.4 0-.785-.14-1.11-.417l-.135-.126l-8.5-9.5A1 1 0 0 1 2.083 9.6l.06-.115l3.013-5.022l.064-.09a1 1 0 0 1 .155-.154l.089-.064l.088-.05l.05-.023l.06-.025l.109-.032l.112-.02L6 4zM9.114 7.943a1 1 0 0 0-1.371.343l-.6 1l-.06.116a1 1 0 0 0 .177 1.07l2 2.2l.09.088a1 1 0 0 0 1.323-.02l.087-.09a1 1 0 0 0-.02-1.323l-1.501-1.65l.218-.363l.055-.103a1 1 0 0 0-.398-1.268"/></svg>
React
import type { SVGProps } from "react";
export function TablerDiamondFilled(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="M18 4a1 1 0 0 1 .783.378l.074.108l3 5a1 1 0 0 1-.032 1.078l-.08.103l-8.53 9.533a1.7 1.7 0 0 1-1.215.51c-.4 0-.785-.14-1.11-.417l-.135-.126l-8.5-9.5A1 1 0 0 1 2.083 9.6l.06-.115l3.013-5.022l.064-.09a1 1 0 0 1 .155-.154l.089-.064l.088-.05l.05-.023l.06-.025l.109-.032l.112-.02L6 4zM9.114 7.943a1 1 0 0 0-1.371.343l-.6 1l-.06.116a1 1 0 0 0 .177 1.07l2 2.2l.09.088a1 1 0 0 0 1.323-.02l.087-.09a1 1 0 0 0-.02-1.323l-1.501-1.65l.218-.363l.055-.103a1 1 0 0 0-.398-1.268"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18 4a1 1 0 0 1 .783.378l.074.108l3 5a1 1 0 0 1-.032 1.078l-.08.103l-8.53 9.533a1.7 1.7 0 0 1-1.215.51c-.4 0-.785-.14-1.11-.417l-.135-.126l-8.5-9.5A1 1 0 0 1 2.083 9.6l.06-.115l3.013-5.022l.064-.09a1 1 0 0 1 .155-.154l.089-.064l.088-.05l.05-.023l.06-.025l.109-.032l.112-.02L6 4zM9.114 7.943a1 1 0 0 0-1.371.343l-.6 1l-.06.116a1 1 0 0 0 .177 1.07l2 2.2l.09.088a1 1 0 0 0 1.323-.02l.087-.09a1 1 0 0 0-.02-1.323l-1.501-1.65l.218-.363l.055-.103a1 1 0 0 0-.398-1.268"/></svg> </template>
CSS
.icon-diamond-filled {
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%22M18%204a1%201%200%200%201%20.783.378l.074.108l3%205a1%201%200%200%201-.032%201.078l-.08.103l-8.53%209.533a1.7%201.7%200%200%201-1.215.51c-.4%200-.785-.14-1.11-.417l-.135-.126l-8.5-9.5A1%201%200%200%201%202.083%209.6l.06-.115l3.013-5.022l.064-.09a1%201%200%200%201%20.155-.154l.089-.064l.088-.05l.05-.023l.06-.025l.109-.032l.112-.02L6%204zM9.114%207.943a1%201%200%200%200-1.371.343l-.6%201l-.06.116a1%201%200%200%200%20.177%201.07l2%202.2l.09.088a1%201%200%200%200%201.323-.02l.087-.09a1%201%200%200%200-.02-1.323l-1.501-1.65l.218-.363l.055-.103a1%201%200%200%200-.398-1.268%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%22M18%204a1%201%200%200%201%20.783.378l.074.108l3%205a1%201%200%200%201-.032%201.078l-.08.103l-8.53%209.533a1.7%201.7%200%200%201-1.215.51c-.4%200-.785-.14-1.11-.417l-.135-.126l-8.5-9.5A1%201%200%200%201%202.083%209.6l.06-.115l3.013-5.022l.064-.09a1%201%200%200%201%20.155-.154l.089-.064l.088-.05l.05-.023l.06-.025l.109-.032l.112-.02L6%204zM9.114%207.943a1%201%200%200%200-1.371.343l-.6%201l-.06.116a1%201%200%200%200%20.177%201.07l2%202.2l.09.088a1%201%200%200%200%201.323-.02l.087-.09a1%201%200%200%200-.02-1.323l-1.501-1.65l.218-.363l.055-.103a1%201%200%200%200-.398-1.268%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tabler/diamond-filled.svg?color=%231a73e8&size=48
