Home/Libraries/Glyphs Poly (Iconify)/peace

Glyphs Poly (Iconify)

Peace

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 80 80"><mask id="SVG2OSZvb3a" width="58" height="58" x="11" y="11" mask-type="alpha" maskUnits="userSpaceOnUse"><path fill="#333" fill-rule="evenodd" d="M30.146 12.926a28.81 28.81 0 0 1 34.805 12.668a28.81 28.81 0 0 1-6.431 36.477a28.93 28.93 0 0 1-18.516 6.74H40a28.812 28.812 0 0 1-9.854-55.885m7.365 3.393a23.81 23.81 0 0 0-19.229 33.444L37.511 38.61zm5 .002v22.285L61.746 49.7a23.81 23.81 0 0 0-19.235-33.38m16.73 37.706l-16.732-9.65l-.008 19.298a23.9 23.9 0 0 0 12.805-5.434a23.8 23.8 0 0 0 3.935-4.214m-21.74 9.653l.008-19.289l-16.71 9.692a23.8 23.8 0 0 0 16.702 9.597" clip-rule="evenodd"/></mask><g fill="none" mask="url(#SVG2OSZvb3a)"><path fill="#818cf8" d="M40 72a32 32 0 0 1-20.57-7.487L40 40z"/><path fill="#818cf8" d="M19.43 64.513A32 32 0 0 1 8.487 45.557L40 40z"/><path fill="#818cf8" d="M8.486 45.557A32 32 0 0 1 12.287 24L40 40z"/><path fill="#818cf8" d="M12.287 24A32 32 0 0 1 29.055 9.93L40 40z"/><path fill="#818cf8" d="M29.055 9.93a32 32 0 0 1 21.89 0L40 40z"/><path fill="#818cf8" d="M50.945 9.93A32 32 0 0 1 67.713 24L40 40z"/><path fill="#818cf8" d="M67.713 24a32 32 0 0 1 3.8 21.557L40 40z"/><path fill="#818cf8" d="M71.514 45.557a32 32 0 0 1-10.945 18.956L40 40z"/><path fill="#818cf8" d="M60.57 64.513A32 32 0 0 1 40 72V40z"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. PeaceIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Glyphs Poly (Iconify)

Browse all Glyphs Poly (Iconify) icons →