obsidian logo
obsidian from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.
- Name
- obsidian
- Set
- Font Awesome Brands
- Style
- Brand
- Viewbox
- 640×640
- License
- CC BY 4.0
The same logo in other sets
Use the obsidian logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M270.3 384.3c36.1-8.2 70.3-11 101.3.7c31.8 11.9 61.7 39.6 86.7 96c-8.1 17.7-12.4 36.9-14.7 53.8c-3.1 22.9-25.4 40.7-47.7 34.6c-31.7-8.7-68.3-22.3-101.3-24.9c-4.4-.3-50.6-3.8-50.6-3.8c-1.7-.1-3.4-.4-5.1-.8c31.5-64.2 38.2-115.1 31.3-155.4zM183 283.5c22.3 14.8 49.5 37.8 64.1 73.6c16.1 39.4 17.8 95.7-21.6 176.1c-1-.8-2.1-1.7-3-2.7l-87.1-89.7c-9.5-9.8-12.1-24.4-6.5-36.9c.6-1.3 44.6-98.3 54.1-120.4m264.3-91.3c4.9 6.2 7.4 14 7.4 21.9c.1 20.8 1.8 63.6 13.3 91.2c11.2 26.8 31.8 55.8 42.5 70c4.1 5.5 4.8 12.9 1.3 18.7c-7.6 12.8-22.6 37.5-43.8 69.2c-.3.4-.6.9-.8 1.3c-25.2-52.2-55.9-80.7-90.4-93.6c-9.6-3.6-19.5-6-29.4-7.3c-17.8-45.8-23.2-79.7-22-106.4c1.2-27.4 9.2-47.8 18.2-66.3c8.9-18.1 19.8-35.9 24.9-55.7c3.2-12.5 4.2-25.8 1.7-40.9l77.1 98zM312.2 78.1c10.3-9.2 24.6-10.8 36.3-5.5c9.6 24.6 9.7 42.8 5.6 58.8c-4.6 17.8-14.1 33-23.9 52.8c-9.6 19.5-18.4 42-19.7 72.3c-1.2 27.9 4.1 61.9 20.4 105.8c-21-.6-42.5 2.6-63.7 7.4c-1.7-6.4-3.8-12.4-6.1-18.2c-17.3-42.2-49.9-67.9-74.1-83.3c3.1-18.7 8.2-55.4 11.6-77.5c1.2-7.6 4.9-14.6 10.7-19.8z"/></svg>
React
import type { SVGProps } from "react";
export function Fa7BrandsObsidian(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="M270.3 384.3c36.1-8.2 70.3-11 101.3.7c31.8 11.9 61.7 39.6 86.7 96c-8.1 17.7-12.4 36.9-14.7 53.8c-3.1 22.9-25.4 40.7-47.7 34.6c-31.7-8.7-68.3-22.3-101.3-24.9c-4.4-.3-50.6-3.8-50.6-3.8c-1.7-.1-3.4-.4-5.1-.8c31.5-64.2 38.2-115.1 31.3-155.4zM183 283.5c22.3 14.8 49.5 37.8 64.1 73.6c16.1 39.4 17.8 95.7-21.6 176.1c-1-.8-2.1-1.7-3-2.7l-87.1-89.7c-9.5-9.8-12.1-24.4-6.5-36.9c.6-1.3 44.6-98.3 54.1-120.4m264.3-91.3c4.9 6.2 7.4 14 7.4 21.9c.1 20.8 1.8 63.6 13.3 91.2c11.2 26.8 31.8 55.8 42.5 70c4.1 5.5 4.8 12.9 1.3 18.7c-7.6 12.8-22.6 37.5-43.8 69.2c-.3.4-.6.9-.8 1.3c-25.2-52.2-55.9-80.7-90.4-93.6c-9.6-3.6-19.5-6-29.4-7.3c-17.8-45.8-23.2-79.7-22-106.4c1.2-27.4 9.2-47.8 18.2-66.3c8.9-18.1 19.8-35.9 24.9-55.7c3.2-12.5 4.2-25.8 1.7-40.9l77.1 98zM312.2 78.1c10.3-9.2 24.6-10.8 36.3-5.5c9.6 24.6 9.7 42.8 5.6 58.8c-4.6 17.8-14.1 33-23.9 52.8c-9.6 19.5-18.4 42-19.7 72.3c-1.2 27.9 4.1 61.9 20.4 105.8c-21-.6-42.5 2.6-63.7 7.4c-1.7-6.4-3.8-12.4-6.1-18.2c-17.3-42.2-49.9-67.9-74.1-83.3c3.1-18.7 8.2-55.4 11.6-77.5c1.2-7.6 4.9-14.6 10.7-19.8z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M270.3 384.3c36.1-8.2 70.3-11 101.3.7c31.8 11.9 61.7 39.6 86.7 96c-8.1 17.7-12.4 36.9-14.7 53.8c-3.1 22.9-25.4 40.7-47.7 34.6c-31.7-8.7-68.3-22.3-101.3-24.9c-4.4-.3-50.6-3.8-50.6-3.8c-1.7-.1-3.4-.4-5.1-.8c31.5-64.2 38.2-115.1 31.3-155.4zM183 283.5c22.3 14.8 49.5 37.8 64.1 73.6c16.1 39.4 17.8 95.7-21.6 176.1c-1-.8-2.1-1.7-3-2.7l-87.1-89.7c-9.5-9.8-12.1-24.4-6.5-36.9c.6-1.3 44.6-98.3 54.1-120.4m264.3-91.3c4.9 6.2 7.4 14 7.4 21.9c.1 20.8 1.8 63.6 13.3 91.2c11.2 26.8 31.8 55.8 42.5 70c4.1 5.5 4.8 12.9 1.3 18.7c-7.6 12.8-22.6 37.5-43.8 69.2c-.3.4-.6.9-.8 1.3c-25.2-52.2-55.9-80.7-90.4-93.6c-9.6-3.6-19.5-6-29.4-7.3c-17.8-45.8-23.2-79.7-22-106.4c1.2-27.4 9.2-47.8 18.2-66.3c8.9-18.1 19.8-35.9 24.9-55.7c3.2-12.5 4.2-25.8 1.7-40.9l77.1 98zM312.2 78.1c10.3-9.2 24.6-10.8 36.3-5.5c9.6 24.6 9.7 42.8 5.6 58.8c-4.6 17.8-14.1 33-23.9 52.8c-9.6 19.5-18.4 42-19.7 72.3c-1.2 27.9 4.1 61.9 20.4 105.8c-21-.6-42.5 2.6-63.7 7.4c-1.7-6.4-3.8-12.4-6.1-18.2c-17.3-42.2-49.9-67.9-74.1-83.3c3.1-18.7 8.2-55.4 11.6-77.5c1.2-7.6 4.9-14.6 10.7-19.8z"/></svg> </template>
CSS
.icon-obsidian {
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%22M270.3%20384.3c36.1-8.2%2070.3-11%20101.3.7c31.8%2011.9%2061.7%2039.6%2086.7%2096c-8.1%2017.7-12.4%2036.9-14.7%2053.8c-3.1%2022.9-25.4%2040.7-47.7%2034.6c-31.7-8.7-68.3-22.3-101.3-24.9c-4.4-.3-50.6-3.8-50.6-3.8c-1.7-.1-3.4-.4-5.1-.8c31.5-64.2%2038.2-115.1%2031.3-155.4zM183%20283.5c22.3%2014.8%2049.5%2037.8%2064.1%2073.6c16.1%2039.4%2017.8%2095.7-21.6%20176.1c-1-.8-2.1-1.7-3-2.7l-87.1-89.7c-9.5-9.8-12.1-24.4-6.5-36.9c.6-1.3%2044.6-98.3%2054.1-120.4m264.3-91.3c4.9%206.2%207.4%2014%207.4%2021.9c.1%2020.8%201.8%2063.6%2013.3%2091.2c11.2%2026.8%2031.8%2055.8%2042.5%2070c4.1%205.5%204.8%2012.9%201.3%2018.7c-7.6%2012.8-22.6%2037.5-43.8%2069.2c-.3.4-.6.9-.8%201.3c-25.2-52.2-55.9-80.7-90.4-93.6c-9.6-3.6-19.5-6-29.4-7.3c-17.8-45.8-23.2-79.7-22-106.4c1.2-27.4%209.2-47.8%2018.2-66.3c8.9-18.1%2019.8-35.9%2024.9-55.7c3.2-12.5%204.2-25.8%201.7-40.9l77.1%2098zM312.2%2078.1c10.3-9.2%2024.6-10.8%2036.3-5.5c9.6%2024.6%209.7%2042.8%205.6%2058.8c-4.6%2017.8-14.1%2033-23.9%2052.8c-9.6%2019.5-18.4%2042-19.7%2072.3c-1.2%2027.9%204.1%2061.9%2020.4%20105.8c-21-.6-42.5%202.6-63.7%207.4c-1.7-6.4-3.8-12.4-6.1-18.2c-17.3-42.2-49.9-67.9-74.1-83.3c3.1-18.7%208.2-55.4%2011.6-77.5c1.2-7.6%204.9-14.6%2010.7-19.8z%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%22M270.3%20384.3c36.1-8.2%2070.3-11%20101.3.7c31.8%2011.9%2061.7%2039.6%2086.7%2096c-8.1%2017.7-12.4%2036.9-14.7%2053.8c-3.1%2022.9-25.4%2040.7-47.7%2034.6c-31.7-8.7-68.3-22.3-101.3-24.9c-4.4-.3-50.6-3.8-50.6-3.8c-1.7-.1-3.4-.4-5.1-.8c31.5-64.2%2038.2-115.1%2031.3-155.4zM183%20283.5c22.3%2014.8%2049.5%2037.8%2064.1%2073.6c16.1%2039.4%2017.8%2095.7-21.6%20176.1c-1-.8-2.1-1.7-3-2.7l-87.1-89.7c-9.5-9.8-12.1-24.4-6.5-36.9c.6-1.3%2044.6-98.3%2054.1-120.4m264.3-91.3c4.9%206.2%207.4%2014%207.4%2021.9c.1%2020.8%201.8%2063.6%2013.3%2091.2c11.2%2026.8%2031.8%2055.8%2042.5%2070c4.1%205.5%204.8%2012.9%201.3%2018.7c-7.6%2012.8-22.6%2037.5-43.8%2069.2c-.3.4-.6.9-.8%201.3c-25.2-52.2-55.9-80.7-90.4-93.6c-9.6-3.6-19.5-6-29.4-7.3c-17.8-45.8-23.2-79.7-22-106.4c1.2-27.4%209.2-47.8%2018.2-66.3c8.9-18.1%2019.8-35.9%2024.9-55.7c3.2-12.5%204.2-25.8%201.7-40.9l77.1%2098zM312.2%2078.1c10.3-9.2%2024.6-10.8%2036.3-5.5c9.6%2024.6%209.7%2042.8%205.6%2058.8c-4.6%2017.8-14.1%2033-23.9%2052.8c-9.6%2019.5-18.4%2042-19.7%2072.3c-1.2%2027.9%204.1%2061.9%2020.4%20105.8c-21-.6-42.5%202.6-63.7%207.4c-1.7-6.4-3.8-12.4-6.1-18.2c-17.3-42.2-49.9-67.9-74.1-83.3c3.1-18.7%208.2-55.4%2011.6-77.5c1.2-7.6%204.9-14.6%2010.7-19.8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-brands/obsidian.svg?color=%231a73e8&size=48
