gem icon
gem from Font Awesome Solid by Dave Gandy · Solid · Objects · CC-BY-4.0 Attribution required.
- Name
- gem
- Set
- Font Awesome Solid
- Style
- Solid
- Category
- Objects
- Viewbox
- 640×640
- License
- CC BY 4.0
The same icon in other sets
More objects icons from Font Awesome Solid
Use the gem icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M180.7 97.8c4.5-6.1 11.7-9.8 19.3-9.8h240c7.6 0 14.8 3.6 19.3 9.8l112 152c6.8 9.2 6.1 21.9-1.5 30.4l-232 256c-4.5 5-11 7.9-17.8 7.9s-13.2-2.9-17.8-7.9l-232-256c-7.7-8.5-8.3-21.2-1.5-30.4zm38.5 39.8c-3.3 2.5-4.2 7-2.1 10.5l57.4 95.7L127.3 256c-4.1.3-7.3 3.8-7.3 8s3.2 7.6 7.3 8l192 16h1.3l192-16c4.1-.3 7.3-3.8 7.3-8s-3.2-7.6-7.3-8l-147.2-12.3l57.4-95.6c2.1-3.5 1.2-8.1-2.1-10.5s-7.9-2-10.7 1l-90 97.6l-90.1-97.6c-2.8-3-7.4-3.4-10.7-1"/></svg>
React
import type { SVGProps } from "react";
export function Fa7SolidGem(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M180.7 97.8c4.5-6.1 11.7-9.8 19.3-9.8h240c7.6 0 14.8 3.6 19.3 9.8l112 152c6.8 9.2 6.1 21.9-1.5 30.4l-232 256c-4.5 5-11 7.9-17.8 7.9s-13.2-2.9-17.8-7.9l-232-256c-7.7-8.5-8.3-21.2-1.5-30.4zm38.5 39.8c-3.3 2.5-4.2 7-2.1 10.5l57.4 95.7L127.3 256c-4.1.3-7.3 3.8-7.3 8s3.2 7.6 7.3 8l192 16h1.3l192-16c4.1-.3 7.3-3.8 7.3-8s-3.2-7.6-7.3-8l-147.2-12.3l57.4-95.6c2.1-3.5 1.2-8.1-2.1-10.5s-7.9-2-10.7 1l-90 97.6l-90.1-97.6c-2.8-3-7.4-3.4-10.7-1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M180.7 97.8c4.5-6.1 11.7-9.8 19.3-9.8h240c7.6 0 14.8 3.6 19.3 9.8l112 152c6.8 9.2 6.1 21.9-1.5 30.4l-232 256c-4.5 5-11 7.9-17.8 7.9s-13.2-2.9-17.8-7.9l-232-256c-7.7-8.5-8.3-21.2-1.5-30.4zm38.5 39.8c-3.3 2.5-4.2 7-2.1 10.5l57.4 95.7L127.3 256c-4.1.3-7.3 3.8-7.3 8s3.2 7.6 7.3 8l192 16h1.3l192-16c4.1-.3 7.3-3.8 7.3-8s-3.2-7.6-7.3-8l-147.2-12.3l57.4-95.6c2.1-3.5 1.2-8.1-2.1-10.5s-7.9-2-10.7 1l-90 97.6l-90.1-97.6c-2.8-3-7.4-3.4-10.7-1"/></svg> </template>
CSS
.icon-gem {
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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M180.7%2097.8c4.5-6.1%2011.7-9.8%2019.3-9.8h240c7.6%200%2014.8%203.6%2019.3%209.8l112%20152c6.8%209.2%206.1%2021.9-1.5%2030.4l-232%20256c-4.5%205-11%207.9-17.8%207.9s-13.2-2.9-17.8-7.9l-232-256c-7.7-8.5-8.3-21.2-1.5-30.4zm38.5%2039.8c-3.3%202.5-4.2%207-2.1%2010.5l57.4%2095.7L127.3%20256c-4.1.3-7.3%203.8-7.3%208s3.2%207.6%207.3%208l192%2016h1.3l192-16c4.1-.3%207.3-3.8%207.3-8s-3.2-7.6-7.3-8l-147.2-12.3l57.4-95.6c2.1-3.5%201.2-8.1-2.1-10.5s-7.9-2-10.7%201l-90%2097.6l-90.1-97.6c-2.8-3-7.4-3.4-10.7-1%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M180.7%2097.8c4.5-6.1%2011.7-9.8%2019.3-9.8h240c7.6%200%2014.8%203.6%2019.3%209.8l112%20152c6.8%209.2%206.1%2021.9-1.5%2030.4l-232%20256c-4.5%205-11%207.9-17.8%207.9s-13.2-2.9-17.8-7.9l-232-256c-7.7-8.5-8.3-21.2-1.5-30.4zm38.5%2039.8c-3.3%202.5-4.2%207-2.1%2010.5l57.4%2095.7L127.3%20256c-4.1.3-7.3%203.8-7.3%208s3.2%207.6%207.3%208l192%2016h1.3l192-16c4.1-.3%207.3-3.8%207.3-8s-3.2-7.6-7.3-8l-147.2-12.3l57.4-95.6c2.1-3.5%201.2-8.1-2.1-10.5s-7.9-2-10.7%201l-90%2097.6l-90.1-97.6c-2.8-3-7.4-3.4-10.7-1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/gem.svg?color=%231a73e8&size=48
