diamond icon
diamond from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- diamond
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
diamondAkar IconsdiamondBootstrap IconsdiamondBoxIcons v2diamondBoxIcons v2 SoliddiamondFont Awesome 6 SoliddiamondFont Awesome Soliddiamond-12-filledFluent UI System IconsdiamondHuge IconsdiamondIconParkdiamondIconPark OutlinediamondLucidediamondMaterial SymbolsdiamondMaterial Symbols LightdiamondMaterial Design Iconsdiamond-fillMingCute IcondiamondMyna UI Iconsdiamond-16OcticonsdiamondPhosphordiamond-fillRemix IcondiamondTabler Iconsdiamond-outlineTeenyiconsdiamondUnicons
Use the diamond icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M121.72 32a4 4 0 0 0-3.72 5.56l2.3 5.43l40.7 94.9a4 4 0 0 0 6.88.82L243 38.4a4 4 0 0 0-3.2-6.4Zm298.21 26.06l-41.28 96.37a4 4 0 0 0 3.68 5.57h101a4 4 0 0 0 3.4-6.11L427 57.53a4 4 0 0 0-7.07.53M85 57.57l-59.71 96.32a4 4 0 0 0 3.4 6.11h101a4 4 0 0 0 3.67-5.58L92 58.1a4 4 0 0 0-7-.53M393.27 32H267.82a1.94 1.94 0 0 0-1.56 3.11l79.92 106.46a1.94 1.94 0 0 0 3.34-.4L391.6 43l3.4-8.34a1.92 1.92 0 0 0-1.7-2.66ZM239 448l-89.43-253.49A3.78 3.78 0 0 0 146 192H25.7a3.72 3.72 0 0 0-2.95 6l216 279.81a5.06 5.06 0 0 0 6.39 1.37a5 5 0 0 0 2.39-6.08Zm247.3-256H366a3.75 3.75 0 0 0-3.54 2.51l-98.2 278.16a5.21 5.21 0 0 0 2.42 6.31a5.22 5.22 0 0 0 6.61-1.39L489.25 198a3.72 3.72 0 0 0-2.95-6M259.2 78.93l56 74.67a4 4 0 0 1-3.2 6.4H200a4 4 0 0 1-3.2-6.4l56-74.67a4 4 0 0 1 6.4 0m-7 310.31l-67.7-191.91a4 4 0 0 1 3.77-5.33h135.46a4 4 0 0 1 3.77 5.33l-67.73 191.91a4 4 0 0 1-7.54 0Z"/></svg>
React
import type { SVGProps } from "react";
export function IonDiamond(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M121.72 32a4 4 0 0 0-3.72 5.56l2.3 5.43l40.7 94.9a4 4 0 0 0 6.88.82L243 38.4a4 4 0 0 0-3.2-6.4Zm298.21 26.06l-41.28 96.37a4 4 0 0 0 3.68 5.57h101a4 4 0 0 0 3.4-6.11L427 57.53a4 4 0 0 0-7.07.53M85 57.57l-59.71 96.32a4 4 0 0 0 3.4 6.11h101a4 4 0 0 0 3.67-5.58L92 58.1a4 4 0 0 0-7-.53M393.27 32H267.82a1.94 1.94 0 0 0-1.56 3.11l79.92 106.46a1.94 1.94 0 0 0 3.34-.4L391.6 43l3.4-8.34a1.92 1.92 0 0 0-1.7-2.66ZM239 448l-89.43-253.49A3.78 3.78 0 0 0 146 192H25.7a3.72 3.72 0 0 0-2.95 6l216 279.81a5.06 5.06 0 0 0 6.39 1.37a5 5 0 0 0 2.39-6.08Zm247.3-256H366a3.75 3.75 0 0 0-3.54 2.51l-98.2 278.16a5.21 5.21 0 0 0 2.42 6.31a5.22 5.22 0 0 0 6.61-1.39L489.25 198a3.72 3.72 0 0 0-2.95-6M259.2 78.93l56 74.67a4 4 0 0 1-3.2 6.4H200a4 4 0 0 1-3.2-6.4l56-74.67a4 4 0 0 1 6.4 0m-7 310.31l-67.7-191.91a4 4 0 0 1 3.77-5.33h135.46a4 4 0 0 1 3.77 5.33l-67.73 191.91a4 4 0 0 1-7.54 0Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M121.72 32a4 4 0 0 0-3.72 5.56l2.3 5.43l40.7 94.9a4 4 0 0 0 6.88.82L243 38.4a4 4 0 0 0-3.2-6.4Zm298.21 26.06l-41.28 96.37a4 4 0 0 0 3.68 5.57h101a4 4 0 0 0 3.4-6.11L427 57.53a4 4 0 0 0-7.07.53M85 57.57l-59.71 96.32a4 4 0 0 0 3.4 6.11h101a4 4 0 0 0 3.67-5.58L92 58.1a4 4 0 0 0-7-.53M393.27 32H267.82a1.94 1.94 0 0 0-1.56 3.11l79.92 106.46a1.94 1.94 0 0 0 3.34-.4L391.6 43l3.4-8.34a1.92 1.92 0 0 0-1.7-2.66ZM239 448l-89.43-253.49A3.78 3.78 0 0 0 146 192H25.7a3.72 3.72 0 0 0-2.95 6l216 279.81a5.06 5.06 0 0 0 6.39 1.37a5 5 0 0 0 2.39-6.08Zm247.3-256H366a3.75 3.75 0 0 0-3.54 2.51l-98.2 278.16a5.21 5.21 0 0 0 2.42 6.31a5.22 5.22 0 0 0 6.61-1.39L489.25 198a3.72 3.72 0 0 0-2.95-6M259.2 78.93l56 74.67a4 4 0 0 1-3.2 6.4H200a4 4 0 0 1-3.2-6.4l56-74.67a4 4 0 0 1 6.4 0m-7 310.31l-67.7-191.91a4 4 0 0 1 3.77-5.33h135.46a4 4 0 0 1 3.77 5.33l-67.73 191.91a4 4 0 0 1-7.54 0Z"/></svg> </template>
CSS
.icon-diamond {
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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M121.72%2032a4%204%200%200%200-3.72%205.56l2.3%205.43l40.7%2094.9a4%204%200%200%200%206.88.82L243%2038.4a4%204%200%200%200-3.2-6.4Zm298.21%2026.06l-41.28%2096.37a4%204%200%200%200%203.68%205.57h101a4%204%200%200%200%203.4-6.11L427%2057.53a4%204%200%200%200-7.07.53M85%2057.57l-59.71%2096.32a4%204%200%200%200%203.4%206.11h101a4%204%200%200%200%203.67-5.58L92%2058.1a4%204%200%200%200-7-.53M393.27%2032H267.82a1.94%201.94%200%200%200-1.56%203.11l79.92%20106.46a1.94%201.94%200%200%200%203.34-.4L391.6%2043l3.4-8.34a1.92%201.92%200%200%200-1.7-2.66ZM239%20448l-89.43-253.49A3.78%203.78%200%200%200%20146%20192H25.7a3.72%203.72%200%200%200-2.95%206l216%20279.81a5.06%205.06%200%200%200%206.39%201.37a5%205%200%200%200%202.39-6.08Zm247.3-256H366a3.75%203.75%200%200%200-3.54%202.51l-98.2%20278.16a5.21%205.21%200%200%200%202.42%206.31a5.22%205.22%200%200%200%206.61-1.39L489.25%20198a3.72%203.72%200%200%200-2.95-6M259.2%2078.93l56%2074.67a4%204%200%200%201-3.2%206.4H200a4%204%200%200%201-3.2-6.4l56-74.67a4%204%200%200%201%206.4%200m-7%20310.31l-67.7-191.91a4%204%200%200%201%203.77-5.33h135.46a4%204%200%200%201%203.77%205.33l-67.73%20191.91a4%204%200%200%201-7.54%200Z%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M121.72%2032a4%204%200%200%200-3.72%205.56l2.3%205.43l40.7%2094.9a4%204%200%200%200%206.88.82L243%2038.4a4%204%200%200%200-3.2-6.4Zm298.21%2026.06l-41.28%2096.37a4%204%200%200%200%203.68%205.57h101a4%204%200%200%200%203.4-6.11L427%2057.53a4%204%200%200%200-7.07.53M85%2057.57l-59.71%2096.32a4%204%200%200%200%203.4%206.11h101a4%204%200%200%200%203.67-5.58L92%2058.1a4%204%200%200%200-7-.53M393.27%2032H267.82a1.94%201.94%200%200%200-1.56%203.11l79.92%20106.46a1.94%201.94%200%200%200%203.34-.4L391.6%2043l3.4-8.34a1.92%201.92%200%200%200-1.7-2.66ZM239%20448l-89.43-253.49A3.78%203.78%200%200%200%20146%20192H25.7a3.72%203.72%200%200%200-2.95%206l216%20279.81a5.06%205.06%200%200%200%206.39%201.37a5%205%200%200%200%202.39-6.08Zm247.3-256H366a3.75%203.75%200%200%200-3.54%202.51l-98.2%20278.16a5.21%205.21%200%200%200%202.42%206.31a5.22%205.22%200%200%200%206.61-1.39L489.25%20198a3.72%203.72%200%200%200-2.95-6M259.2%2078.93l56%2074.67a4%204%200%200%201-3.2%206.4H200a4%204%200%200%201-3.2-6.4l56-74.67a4%204%200%200%201%206.4%200m-7%20310.31l-67.7-191.91a4%204%200%200%201%203.77-5.33h135.46a4%204%200%200%201%203.77%205.33l-67.73%20191.91a4%204%200%200%201-7.54%200Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/diamond.svg?color=%231a73e8&size=48
