peace symbol emoji
peace-symbol from Emoji One (Colored) by Emoji One · Default · Symbols · CC-BY-4.0 Attribution required.
- Name
- peace-symbol
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Symbols
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More symbols icons from Emoji One (Colored)
Use the peace symbol emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#66b0dd" d="M9.7 12h8.5c3.2-2.2 7-3.7 11.1-4.2V12h5.6V7.8c4.1.5 7.8 2 11.1 4.2h8.5C48.8 5.9 40.9 2 32 2S15.2 5.9 9.7 12"/><path fill="#c7e755" d="M54.2 22h6.1c-1.3-3.7-3.4-7.1-5.9-10h-8.5c3.6 2.5 6.5 6 8.3 10M18.1 12H9.7c-2.6 2.9-4.7 6.3-6 10h6.1c1.8-4 4.7-7.5 8.3-10m11.1 0h5.6v10h-5.6z"/><path fill="#ffe75a" d="M29.2 30.6L27.8 32h8.4l-1.4-1.4V22h-5.6zM56.4 32H62c0-3.5-.6-6.9-1.7-10h-6.1c1.4 3.1 2.2 6.4 2.2 10M3.7 22C2.6 25.1 2 28.5 2 32h5.6c0-3.6.8-6.9 2.2-10z"/><path fill="#eda454" d="M56.4 32c0 3.6-.8 6.9-2.2 10h6.1c1.1-3.1 1.7-6.5 1.7-10zM17.8 42h7.9l3.5-3.4V42h5.6v-3.4l3.5 3.4h7.9l-10-10h-8.4zm-8 0c-1.4-3.1-2.2-6.4-2.2-10H2c0 3.5.6 6.9 1.7 10z"/><path fill="#ed5181" d="M29.2 42h5.6v10h-5.6zm17 0h-8l9 9c-.4.4-.9.7-1.3 1h8.4c2.6-2.9 4.6-6.3 5.9-10h-6.1c-.8 1.8-1.8 3.5-3 5zm-20.5 0h-8l-5 5c-1.2-1.5-2.2-3.2-3-5h-6c1.3 3.7 3.4 7.1 5.9 10H18c-.5-.3-.9-.7-1.3-1z"/><path fill="#a374b8" d="M54.3 52h-8.4c-3.2 2.2-7 3.7-11.1 4.2V52h-5.6v4.2c-4.1-.5-7.9-2-11.1-4.2H9.7c5.5 6.1 13.5 10 22.3 10c8.9 0 16.8-3.9 22.3-10"/></svg>
React
import type { SVGProps } from "react";
export function EmojionePeaceSymbol(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#66b0dd" d="M9.7 12h8.5c3.2-2.2 7-3.7 11.1-4.2V12h5.6V7.8c4.1.5 7.8 2 11.1 4.2h8.5C48.8 5.9 40.9 2 32 2S15.2 5.9 9.7 12"/><path fill="#c7e755" d="M54.2 22h6.1c-1.3-3.7-3.4-7.1-5.9-10h-8.5c3.6 2.5 6.5 6 8.3 10M18.1 12H9.7c-2.6 2.9-4.7 6.3-6 10h6.1c1.8-4 4.7-7.5 8.3-10m11.1 0h5.6v10h-5.6z"/><path fill="#ffe75a" d="M29.2 30.6L27.8 32h8.4l-1.4-1.4V22h-5.6zM56.4 32H62c0-3.5-.6-6.9-1.7-10h-6.1c1.4 3.1 2.2 6.4 2.2 10M3.7 22C2.6 25.1 2 28.5 2 32h5.6c0-3.6.8-6.9 2.2-10z"/><path fill="#eda454" d="M56.4 32c0 3.6-.8 6.9-2.2 10h6.1c1.1-3.1 1.7-6.5 1.7-10zM17.8 42h7.9l3.5-3.4V42h5.6v-3.4l3.5 3.4h7.9l-10-10h-8.4zm-8 0c-1.4-3.1-2.2-6.4-2.2-10H2c0 3.5.6 6.9 1.7 10z"/><path fill="#ed5181" d="M29.2 42h5.6v10h-5.6zm17 0h-8l9 9c-.4.4-.9.7-1.3 1h8.4c2.6-2.9 4.6-6.3 5.9-10h-6.1c-.8 1.8-1.8 3.5-3 5zm-20.5 0h-8l-5 5c-1.2-1.5-2.2-3.2-3-5h-6c1.3 3.7 3.4 7.1 5.9 10H18c-.5-.3-.9-.7-1.3-1z"/><path fill="#a374b8" d="M54.3 52h-8.4c-3.2 2.2-7 3.7-11.1 4.2V52h-5.6v4.2c-4.1-.5-7.9-2-11.1-4.2H9.7c5.5 6.1 13.5 10 22.3 10c8.9 0 16.8-3.9 22.3-10"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#66b0dd" d="M9.7 12h8.5c3.2-2.2 7-3.7 11.1-4.2V12h5.6V7.8c4.1.5 7.8 2 11.1 4.2h8.5C48.8 5.9 40.9 2 32 2S15.2 5.9 9.7 12"/><path fill="#c7e755" d="M54.2 22h6.1c-1.3-3.7-3.4-7.1-5.9-10h-8.5c3.6 2.5 6.5 6 8.3 10M18.1 12H9.7c-2.6 2.9-4.7 6.3-6 10h6.1c1.8-4 4.7-7.5 8.3-10m11.1 0h5.6v10h-5.6z"/><path fill="#ffe75a" d="M29.2 30.6L27.8 32h8.4l-1.4-1.4V22h-5.6zM56.4 32H62c0-3.5-.6-6.9-1.7-10h-6.1c1.4 3.1 2.2 6.4 2.2 10M3.7 22C2.6 25.1 2 28.5 2 32h5.6c0-3.6.8-6.9 2.2-10z"/><path fill="#eda454" d="M56.4 32c0 3.6-.8 6.9-2.2 10h6.1c1.1-3.1 1.7-6.5 1.7-10zM17.8 42h7.9l3.5-3.4V42h5.6v-3.4l3.5 3.4h7.9l-10-10h-8.4zm-8 0c-1.4-3.1-2.2-6.4-2.2-10H2c0 3.5.6 6.9 1.7 10z"/><path fill="#ed5181" d="M29.2 42h5.6v10h-5.6zm17 0h-8l9 9c-.4.4-.9.7-1.3 1h8.4c2.6-2.9 4.6-6.3 5.9-10h-6.1c-.8 1.8-1.8 3.5-3 5zm-20.5 0h-8l-5 5c-1.2-1.5-2.2-3.2-3-5h-6c1.3 3.7 3.4 7.1 5.9 10H18c-.5-.3-.9-.7-1.3-1z"/><path fill="#a374b8" d="M54.3 52h-8.4c-3.2 2.2-7 3.7-11.1 4.2V52h-5.6v4.2c-4.1-.5-7.9-2-11.1-4.2H9.7c5.5 6.1 13.5 10 22.3 10c8.9 0 16.8-3.9 22.3-10"/></svg> </template>
CSS
.icon-peace-symbol {
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%2064%2064%22%3E%3Cpath%20fill%3D%22%2366b0dd%22%20d%3D%22M9.7%2012h8.5c3.2-2.2%207-3.7%2011.1-4.2V12h5.6V7.8c4.1.5%207.8%202%2011.1%204.2h8.5C48.8%205.9%2040.9%202%2032%202S15.2%205.9%209.7%2012%22%2F%3E%3Cpath%20fill%3D%22%23c7e755%22%20d%3D%22M54.2%2022h6.1c-1.3-3.7-3.4-7.1-5.9-10h-8.5c3.6%202.5%206.5%206%208.3%2010M18.1%2012H9.7c-2.6%202.9-4.7%206.3-6%2010h6.1c1.8-4%204.7-7.5%208.3-10m11.1%200h5.6v10h-5.6z%22%2F%3E%3Cpath%20fill%3D%22%23ffe75a%22%20d%3D%22M29.2%2030.6L27.8%2032h8.4l-1.4-1.4V22h-5.6zM56.4%2032H62c0-3.5-.6-6.9-1.7-10h-6.1c1.4%203.1%202.2%206.4%202.2%2010M3.7%2022C2.6%2025.1%202%2028.5%202%2032h5.6c0-3.6.8-6.9%202.2-10z%22%2F%3E%3Cpath%20fill%3D%22%23eda454%22%20d%3D%22M56.4%2032c0%203.6-.8%206.9-2.2%2010h6.1c1.1-3.1%201.7-6.5%201.7-10zM17.8%2042h7.9l3.5-3.4V42h5.6v-3.4l3.5%203.4h7.9l-10-10h-8.4zm-8%200c-1.4-3.1-2.2-6.4-2.2-10H2c0%203.5.6%206.9%201.7%2010z%22%2F%3E%3Cpath%20fill%3D%22%23ed5181%22%20d%3D%22M29.2%2042h5.6v10h-5.6zm17%200h-8l9%209c-.4.4-.9.7-1.3%201h8.4c2.6-2.9%204.6-6.3%205.9-10h-6.1c-.8%201.8-1.8%203.5-3%205zm-20.5%200h-8l-5%205c-1.2-1.5-2.2-3.2-3-5h-6c1.3%203.7%203.4%207.1%205.9%2010H18c-.5-.3-.9-.7-1.3-1z%22%2F%3E%3Cpath%20fill%3D%22%23a374b8%22%20d%3D%22M54.3%2052h-8.4c-3.2%202.2-7%203.7-11.1%204.2V52h-5.6v4.2c-4.1-.5-7.9-2-11.1-4.2H9.7c5.5%206.1%2013.5%2010%2022.3%2010c8.9%200%2016.8-3.9%2022.3-10%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%2064%2064%22%3E%3Cpath%20fill%3D%22%2366b0dd%22%20d%3D%22M9.7%2012h8.5c3.2-2.2%207-3.7%2011.1-4.2V12h5.6V7.8c4.1.5%207.8%202%2011.1%204.2h8.5C48.8%205.9%2040.9%202%2032%202S15.2%205.9%209.7%2012%22%2F%3E%3Cpath%20fill%3D%22%23c7e755%22%20d%3D%22M54.2%2022h6.1c-1.3-3.7-3.4-7.1-5.9-10h-8.5c3.6%202.5%206.5%206%208.3%2010M18.1%2012H9.7c-2.6%202.9-4.7%206.3-6%2010h6.1c1.8-4%204.7-7.5%208.3-10m11.1%200h5.6v10h-5.6z%22%2F%3E%3Cpath%20fill%3D%22%23ffe75a%22%20d%3D%22M29.2%2030.6L27.8%2032h8.4l-1.4-1.4V22h-5.6zM56.4%2032H62c0-3.5-.6-6.9-1.7-10h-6.1c1.4%203.1%202.2%206.4%202.2%2010M3.7%2022C2.6%2025.1%202%2028.5%202%2032h5.6c0-3.6.8-6.9%202.2-10z%22%2F%3E%3Cpath%20fill%3D%22%23eda454%22%20d%3D%22M56.4%2032c0%203.6-.8%206.9-2.2%2010h6.1c1.1-3.1%201.7-6.5%201.7-10zM17.8%2042h7.9l3.5-3.4V42h5.6v-3.4l3.5%203.4h7.9l-10-10h-8.4zm-8%200c-1.4-3.1-2.2-6.4-2.2-10H2c0%203.5.6%206.9%201.7%2010z%22%2F%3E%3Cpath%20fill%3D%22%23ed5181%22%20d%3D%22M29.2%2042h5.6v10h-5.6zm17%200h-8l9%209c-.4.4-.9.7-1.3%201h8.4c2.6-2.9%204.6-6.3%205.9-10h-6.1c-.8%201.8-1.8%203.5-3%205zm-20.5%200h-8l-5%205c-1.2-1.5-2.2-3.2-3-5h-6c1.3%203.7%203.4%207.1%205.9%2010H18c-.5-.3-.9-.7-1.3-1z%22%2F%3E%3Cpath%20fill%3D%22%23a374b8%22%20d%3D%22M54.3%2052h-8.4c-3.2%202.2-7%203.7-11.1%204.2V52h-5.6v4.2c-4.1-.5-7.9-2-11.1-4.2H9.7c5.5%206.1%2013.5%2010%2022.3%2010c8.9%200%2016.8-3.9%2022.3-10%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/peace-symbol.svg?color=%231a73e8&size=48
