Peace Symbol icon
emojione-monotone:peace-symbol
The Peace Symbol icon (emojione-monotone:peace-symbol) is a free SVG icon from the Emoji One (Monotone) set by Emoji One. It is drawn on a 64 × 64 grid. Emoji One (Monotone) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Emoji One (Monotone)
- Author
- Emoji One
- License
- CC-BY-4.0
- Size
- 64 × 64
- Category
- Symbols
- Tags
- peacesymbol
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M60.279 22a30 30 0 0 0-5.943-10C48.84 5.867 40.863 2 32 2C23.136 2 15.16 5.867 9.664 12a30 30 0 0 0-5.943 10C2.61 25.129 2 28.494 2 32s.609 6.871 1.72 10a30 30 0 0 0 5.942 10C15.159 58.133 23.135 62 32 62s16.84-3.867 22.338-10a30.1 30.1 0 0 0 5.943-10C61.391 38.871 62 35.506 62 32s-.609-6.871-1.721-10M7.625 32c0-3.566.792-6.945 2.175-10a24.5 24.5 0 0 1 8.329-10c3.215-2.236 6.979-3.736 11.059-4.207v22.805L12.797 46.986A24.5 24.5 0 0 1 9.78 42a24.2 24.2 0 0 1-2.155-10m21.563 24.209a24.25 24.25 0 0 1-12.444-5.217l12.443-12.441v17.658zm5.625 0V38.551l12.441 12.441a24.25 24.25 0 0 1-12.441 5.217m16.39-9.223l-16.39-16.388V7.793c4.08.471 7.842 1.971 11.057 4.207a24.5 24.5 0 0 1 8.331 10a24.18 24.18 0 0 1 .018 20a24.5 24.5 0 0 1-3.016 4.986"/></svg>
How to use the Peace Symbol icon
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-monotone:peace-symbol" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-monotone:peace-symbol" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-monotone:peace-symbol" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--peace-symbol]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:peace-symbol"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-monotone:peace-symbol"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/emojione-monotone/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. Emoji One (Monotone) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Peace Symbol icon in React?
Install @iconify/react and render <Icon icon="emojione-monotone: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/emojione-monotone/peace-symbol.svg" alt="Peace Symbol icon">, or paste the SVG code inline to style it with CSS.
Browse all Emoji One (Monotone) icons →
ICONYZ
