peace icon

peace from Font Awesome 6 Solid by Dave Gandy · Regular · Religion · CC-BY-4.0 Attribution required.

Name: peace
Set: Font Awesome 6 Solid
Style: Regular
Category: Religion
Viewbox: 512×512
License: CC BY 4.0

The same icon in other sets

peaceBootstrap Icons peaceFont Awesome Solid peaceHealth Icons peaceLine Awesome peaceLucide Lab peaceMaterial Design Icons peacePhosphor peaceTabler Icons

More religion icons from Font Awesome 6 Solid

ankh bahai cross hamsa hanukiah jedi khanda menorah om star-and-crescent star-of-david yin-yang

Use the peace icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M224 445.3V323.5l-94.3 77.1c26.1 22.8 58.5 38.7 94.3 44.7M89.2 351.1L224 240.8V66.6C133.2 81.9 64 160.9 64 256c0 34.6 9.2 67.1 25.2 95.1m293.1 49.5L288 323.5v121.8c35.7-6 68.1-21.9 94.3-44.7m40.6-49.5c16-28 25.2-60.5 25.2-95.1c0-95.1-69.2-174.1-160-189.3v174.2l134.7 110.2zM0 256a256 256 0 1 1 512 0a256 256 0 1 1-512 0"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidPeace(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="M224 445.3V323.5l-94.3 77.1c26.1 22.8 58.5 38.7 94.3 44.7M89.2 351.1L224 240.8V66.6C133.2 81.9 64 160.9 64 256c0 34.6 9.2 67.1 25.2 95.1m293.1 49.5L288 323.5v121.8c35.7-6 68.1-21.9 94.3-44.7m40.6-49.5c16-28 25.2-60.5 25.2-95.1c0-95.1-69.2-174.1-160-189.3v174.2l134.7 110.2zM0 256a256 256 0 1 1 512 0a256 256 0 1 1-512 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M224 445.3V323.5l-94.3 77.1c26.1 22.8 58.5 38.7 94.3 44.7M89.2 351.1L224 240.8V66.6C133.2 81.9 64 160.9 64 256c0 34.6 9.2 67.1 25.2 95.1m293.1 49.5L288 323.5v121.8c35.7-6 68.1-21.9 94.3-44.7m40.6-49.5c16-28 25.2-60.5 25.2-95.1c0-95.1-69.2-174.1-160-189.3v174.2l134.7 110.2zM0 256a256 256 0 1 1 512 0a256 256 0 1 1-512 0"/></svg>
</template>

CSS

.icon-peace {
  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%22M224%20445.3V323.5l-94.3%2077.1c26.1%2022.8%2058.5%2038.7%2094.3%2044.7M89.2%20351.1L224%20240.8V66.6C133.2%2081.9%2064%20160.9%2064%20256c0%2034.6%209.2%2067.1%2025.2%2095.1m293.1%2049.5L288%20323.5v121.8c35.7-6%2068.1-21.9%2094.3-44.7m40.6-49.5c16-28%2025.2-60.5%2025.2-95.1c0-95.1-69.2-174.1-160-189.3v174.2l134.7%20110.2zM0%20256a256%20256%200%201%201%20512%200a256%20256%200%201%201-512%200%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%22M224%20445.3V323.5l-94.3%2077.1c26.1%2022.8%2058.5%2038.7%2094.3%2044.7M89.2%20351.1L224%20240.8V66.6C133.2%2081.9%2064%20160.9%2064%20256c0%2034.6%209.2%2067.1%2025.2%2095.1m293.1%2049.5L288%20323.5v121.8c35.7-6%2068.1-21.9%2094.3-44.7m40.6-49.5c16-28%2025.2-60.5%2025.2-95.1c0-95.1-69.2-174.1-160-189.3v174.2l134.7%20110.2zM0%20256a256%20256%200%201%201%20512%200a256%20256%200%201%201-512%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/peace.svg?color=%231a73e8&size=48