Peace Symbol icon

openmoji:peace-symbol

The Peace Symbol icon (openmoji:peace-symbol) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: OpenMoji
Author: OpenMoji
License: CC-BY-SA-4.0
Size: 72 × 72
Category: Symbols
Tags: peacesymbol

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#d22f27" d="M60.02 36.363a24.1 24.1 0 0 1-8.405 17.688c-4.08 3.496-9.343 5.676-15.105 5.823l14.24-14.241z"/><path fill="#ea5a47" d="M60.033 35.73c0 .206 0 .426-.012.633l-9.27 9.27l-14.241 14.24c-.207.013-.426.013-.634.013v.012c-3.46 0-6.748-.731-9.733-2.059l18.492-18.492l13.352-13.351a24 24 0 0 1 2.046 9.733"/><path fill="#f1b31c" d="M57.987 25.996L44.635 39.347L26.143 57.84a23.8 23.8 0 0 1-6.006-3.776a19 19 0 0 1-1.352-1.267l17.091-17.091l17.067-17.067a24.2 24.2 0 0 1 5.044 7.358"/><path fill="#fcea2b" d="M52.933 18.718L35.866 35.785l-17.19 16.891l-5.032-7.37l31.82-31.82a22.9 22.9 0 0 1 7.47 5.232"/><path fill="#92d3f5" d="m34.975 11.61l-23.23 23.23c.45-12.62 10.61-22.78 23.23-23.23"/><path fill="#b1cc33" d="m45.451 13.558l-9.575 9.575l-22.17 22.171a23.9 23.9 0 0 1-1.986-9.563c0-.292 0-.584.024-.877L35 11.61c.293-.024.585-.024.877-.024v-.012c3.4 0 6.64.706 9.575 1.985"/><path fill="#fff" d="M57.105 26.39a23.1 23.1 0 0 0-4.842-7.065a22.9 22.9 0 0 0-7.114-4.852c-.029-.01-.067-.02-.087-.03a22.3 22.3 0 0 0-6.282-1.72a18 18 0 0 0-1.933-.154a12 12 0 0 0-.822-.03c-.067.01-.145.01-.222.01c-.242 0-.483 0-.725.02c-.029.01-.058.01-.077.01c-.03 0-.058 0-.087.01a18 18 0 0 0-1.933.154c-11.115 1.382-19.862 10.738-20.268 22.113v.02c0 .02-.01.048-.01.068c-.019.309-.019.55-.019.802c0 3.18.638 6.272 1.904 9.172c.02.029.03.058.039.087c0 .01.01.02.01.039a21.3 21.3 0 0 0 1.749 3.237a20 20 0 0 0 1.112 1.585a20 20 0 0 0 1.246 1.48c.232.26.474.511.725.763c.213.222.426.425.628.628c.223.213.445.406.667.59a22.6 22.6 0 0 0 5.76 3.624a22.8 22.8 0 0 0 7.018 1.865c.725.078 1.45.116 2.184.116c.068-.01.135-.01.203-.01c.174 0 .357 0 .522-.009q.896-.03 1.778-.116a23.3 23.3 0 0 0 12.758-5.48c.213-.184.425-.377.628-.57c.484-.435.938-.9 1.373-1.382c.444-.484.86-.977 1.247-1.489a18 18 0 0 0 1.11-1.575a23.17 23.17 0 0 0 3.712-11.966c.01-.222.01-.415.01-.609a22.9 22.9 0 0 0-1.962-9.336M34.914 56.97a16 16 0 0 1-1.933-.174a20.7 20.7 0 0 1-5.683-1.614a21 21 0 0 1-5.287-3.334a6 6 0 0 1-.396-.348a19 19 0 0 1-.783-.754a18 18 0 0 1-.59-.619L21.74 48.9l11.24-9.182l1.354-1.092l.58-.483zm0-21.33l-1.933 1.584l-12.488 10.187l-1.498 1.237a20 20 0 0 1-1.111-1.594a21 21 0 0 1-1.46-2.765l-.058-.144a20.9 20.9 0 0 1-1.749-8.4c0-.241 0-.473.02-.637c0-.068.01-.145.01-.213c.386-10.332 8.263-18.837 18.334-20.21a21 21 0 0 1 1.933-.164zm15.193 15.87c-.125.115-.25.231-.377.338a21.47 21.47 0 0 1-10.95 4.939a19 19 0 0 1-1.933.174V38.18l.532.445l1.401 1.14l11.212 9.153l1.498 1.218c-.426.474-.89.938-1.383 1.372m7.017-15.32v.097a21.1 21.1 0 0 1-3.286 10.777c-.329.55-.705 1.082-1.092 1.594l-1.498-1.218L38.78 37.263l-1.933-1.575V14.502c.648.02 1.295.077 1.933.174c1.894.251 3.74.773 5.51 1.536l.144.058a21 21 0 0 1 6.456 4.417a21.1 21.1 0 0 1 4.446 6.486a21.1 21.1 0 0 1 1.798 8.553c0 .155 0 .32-.01.464"/><path d="M58.874 25.607a25.1 25.1 0 0 0-5.249-7.655a24.8 24.8 0 0 0-7.616-5.21a.5.5 0 0 0-.174-.067a24.4 24.4 0 0 0-7.18-1.914a24 24 0 0 0-2.775-.154c-.058 0-.106 0-.154.01c-.252 0-.493.01-.687.019c-.058 0-.116 0-.174.01a18 18 0 0 0-1.778.144C20.92 12.124 11.292 22.272 10.78 34.663a1 1 0 0 0-.01.28c-.019.271-.019.532-.019.803c0 3.421.686 6.736 2.03 9.858c.029.087.067.184.116.26a24.7 24.7 0 0 0 3.557 5.78c.106.146.212.281.338.407c.406.493.85.966 1.305 1.42a20 20 0 0 0 1.41 1.325a24.6 24.6 0 0 0 6.244 3.923a24.75 24.75 0 0 0 10.13 2.146c.048 0 .096-.01.145-.01c.183 0 .357-.01.512-.019a25.2 25.2 0 0 0 15.706-6.05a25 25 0 0 0 2.841-2.87c.01-.01.02-.01.02-.02c.028-.039.057-.068.087-.116c.01-.02.028-.039.038-.058c3.557-4.292 5.616-9.694 5.76-15.3c.01-.232.01-.464.01-.696c0-3.518-.715-6.93-2.126-10.119m-3.876 24.897l-.01-.01l.03-.028zm4.06-14.169a23.17 23.17 0 0 1-3.712 11.966a18 18 0 0 1-1.112 1.575a20 20 0 0 1-1.246 1.488c-.435.484-.89.948-1.373 1.383a18 18 0 0 1-.628.57a23.3 23.3 0 0 1-14.536 5.596c-.165.01-.348.01-.522.01c-.068 0-.136 0-.203.01c-.735 0-1.46-.04-2.185-.117a22.8 22.8 0 0 1-7.016-1.865a22.6 22.6 0 0 1-5.76-3.624a12 12 0 0 1-.668-.59c-.203-.203-.415-.406-.628-.628a18 18 0 0 1-.725-.764a20 20 0 0 1-1.247-1.479a20 20 0 0 1-1.111-1.585a21.3 21.3 0 0 1-1.75-3.238c0-.019-.01-.029-.01-.038q-.012-.044-.038-.087a22.8 22.8 0 0 1-1.904-9.172c0-.252 0-.493.02-.803c0-.019.01-.048.01-.067v-.02c.405-11.375 9.152-20.731 20.267-22.113a18 18 0 0 1 1.933-.155c.029-.01.058-.01.087-.01c.02 0 .048 0 .077-.01c.242-.019.483-.019.725-.019c.077 0 .155 0 .222-.01c.28 0 .551.01.822.03a18 18 0 0 1 1.933.154c2.165.261 4.272.841 6.282 1.72c.02.01.058.02.087.03a22.9 22.9 0 0 1 7.114 4.852a23.1 23.1 0 0 1 4.842 7.065a22.9 22.9 0 0 1 1.952 9.945"/><path d="m54.988 50.495l.01.01l.02-.04zM32.98 14.686c-10.07 1.372-17.947 9.877-18.334 20.21c0 .067-.01.144-.01.212c-.019.164-.019.396-.019.638c0 2.919.59 5.74 1.75 8.399l.058.145a20.8 20.8 0 0 0 2.57 4.359l1.499-1.237L32.98 37.225l1.933-1.585V14.52a21 21 0 0 0-1.933.164m0 20.045L19.402 45.817a19 19 0 0 1-1.188-2.262c-.03-.068-.049-.126-.078-.184a18.9 18.9 0 0 1-1.585-7.625c0-.184 0-.387.01-.484c.01-.106.01-.203.02-.309c.357-9.298 7.383-16.962 16.4-18.306zM16.792 52.05a.77.77 0 0 1-.338-.405c.106.145.212.28.338.406m38.399-.271l-.058.087l-.029.029c.03-.039.058-.068.087-.116"/><path d="m55.017 50.466l-.019.038l-.01-.01zm-20.683-11.84l-1.353 1.092L21.74 48.9l-1.499 1.227c.194.213.387.416.59.619c.27.28.532.522.783.754c.135.126.26.241.396.348a21 21 0 0 0 5.287 3.334a20.7 20.7 0 0 0 5.683 1.614a16 16 0 0 0 1.933.174V38.143zm-1.353 16.208a18.7 18.7 0 0 1-4.92-1.43c-1.7-.735-3.305-1.75-4.803-3.035c-.039-.039-.087-.068-.126-.116l9.849-8.041zm17.011-5.914L38.78 39.765l-1.401-1.14l-.532-.445v18.78a18 18 0 0 0 1.933-.175a21.47 21.47 0 0 0 10.95-4.938c.126-.107.252-.223.377-.339c.493-.435.957-.898 1.382-1.372zm-1.518 1.459a19.5 19.5 0 0 1-9.694 4.455V42.26l9.81 8.012c-.039.039-.077.068-.116.107m6.862-23.206a21.1 21.1 0 0 0-4.446-6.486a21 21 0 0 0-6.456-4.417l-.145-.058a20.8 20.8 0 0 0-5.509-1.536a16 16 0 0 0-1.933-.174v21.186l1.933 1.575L51.248 47.44l1.498 1.218c.387-.512.764-1.044 1.092-1.595a21.1 21.1 0 0 0 3.286-10.776v-.097c.01-.145.01-.31.01-.464c0-2.977-.61-5.857-1.798-8.553m-.135 8.91c-.01.05-.01.098-.01.156a19.3 19.3 0 0 1-2.851 9.597L38.78 34.77V16.628a18.6 18.6 0 0 1 4.746 1.363c.057.02.116.048.173.068c2.175.956 4.137 2.3 5.829 3.991a19.4 19.4 0 0 1 4.04 5.906a19.1 19.1 0 0 1 1.633 7.77z"/></svg>

How to use the Peace Symbol icon

React

import { Icon } from "@iconify/react";

<Icon icon="openmoji:peace-symbol" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="openmoji:peace-symbol" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="openmoji:peace-symbol" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--peace-symbol]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:peace-symbol"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="openmoji:peace-symbol"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/openmoji/peace-symbol.svg" alt="Peace Symbol icon" width="24" height="24">

Peace Symbol icon in other icon sets

Peace Symbol icon FAQ

Is the Peace Symbol icon free for commercial use?

Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.

How do I use the Peace Symbol icon in React?

Install @iconify/react and render <Icon icon="openmoji:peace-symbol" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Peace Symbol icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/peace-symbol.svg" alt="Peace Symbol icon">, or paste the SVG code inline to style it with CSS.

Browse all OpenMoji icons →