Shield 1 icon

glyphs-poly:shield-1

The Shield 1 icon (glyphs-poly:shield-1) is a free SVG icon from the Glyphs Poly set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs Poly icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Glyphs Poly
Author: Goran Spasojevic
License: MIT
Size: 80 × 80

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#219653" fill-rule="evenodd" d="M62.79 18.172A44.13 44.13 0 0 1 40 67.712A44.136 44.136 0 0 1 17.21 18.17a44.14 44.14 0 0 1 45.578 0" clip-rule="evenodd"/><path fill="#219653" d="m62.79 18.172l1.944-.465a2 2 0 0 0-.912-1.248zm.54 17.93l1.969.348zM48.233 62.248l1.285 1.532zM40 67.713l-.913 1.78a2 2 0 0 0 1.825 0zm-8.234-5.465l1.285-1.532zM16.67 36.102l-1.97.348zm.54-17.93l-1.033-1.714a2 2 0 0 0-.912 1.248zm7.693-3.677l-.684-1.88zm30.19 0l.685-1.88zm5.75 4.142a42.1 42.1 0 0 1 .515 17.118l3.94.695a46.1 46.1 0 0 0-.565-18.743zm.515 17.118a42.14 42.14 0 0 1-14.41 24.96l2.57 3.065A46.14 46.14 0 0 0 65.3 36.45zm-14.41 24.96a42 42 0 0 1-7.862 5.218l1.825 3.56a46 46 0 0 0 8.608-5.713zm-6.037 5.218a42 42 0 0 1-7.86-5.217L30.48 63.78a46 46 0 0 0 8.607 5.713zm-7.86-5.217A42.14 42.14 0 0 1 18.64 35.755l-3.939.695a46.14 46.14 0 0 0 15.78 27.33zM18.64 35.755a42.1 42.1 0 0 1 .516-17.119l-3.89-.93A46.1 46.1 0 0 0 14.7 36.45zm-.396-15.871a42 42 0 0 1 7.344-3.51l-1.368-3.759a46 46 0 0 0-8.042 3.843zm7.344-3.51a42.14 42.14 0 0 1 28.822 0l1.369-3.759a46.14 46.14 0 0 0-31.559 0zm28.822 0a42 42 0 0 1 7.346 3.51l2.066-3.425a46 46 0 0 0-8.043-3.844z"/><path fill="#6fcf97" fill-rule="evenodd" d="M54.647 26.015a28.2 28.2 0 0 1 .349 11.496A28.27 28.27 0 0 1 40 57.75a28.27 28.27 0 0 1-14.996-20.238a28.2 28.2 0 0 1 .349-11.497a28.3 28.3 0 0 1 4.93-2.35a28.57 28.57 0 0 1 19.434 0a28.3 28.3 0 0 1 4.93 2.35" clip-rule="evenodd"/><path fill="#6fcf97" d="m54.647 26.015l1.945-.466a2 2 0 0 0-.915-1.248zm.349 11.496l1.97.349zm-9.7 16.74l-1.284-1.534zM40 57.75l-.91 1.781a2 2 0 0 0 1.819 0zm-5.295-3.498l1.282-1.535zm-9.701-16.74l1.97-.35zm.349-11.497l-1.03-1.714a2 2 0 0 0-.915 1.247zm4.93-2.35l.681 1.881zm19.434 0l-.682 1.881zm2.985 2.817c.834 3.476.956 7.112.324 10.68l3.94.698a30.2 30.2 0 0 0-.374-12.311zm.324 10.68a26.27 26.27 0 0 1-9.014 15.555l2.566 3.069A30.27 30.27 0 0 0 56.965 37.86zm-9.014 15.555a26.3 26.3 0 0 1-4.921 3.251l1.818 3.563a30.3 30.3 0 0 0 5.67-3.745zm-3.103 3.251a26.3 26.3 0 0 1-4.922-3.25l-2.565 3.068a30.3 30.3 0 0 0 5.669 3.745zm-4.922-3.25a26.27 26.27 0 0 1-9.014-15.555l-3.939.697a30.27 30.27 0 0 0 10.388 17.926zm-9.014-15.555a26.2 26.2 0 0 1 .325-10.681l-3.89-.934a30.2 30.2 0 0 0-.374 12.312zm-.59-9.434a26.3 26.3 0 0 1 4.581-2.183l-1.364-3.76a30.3 30.3 0 0 0-5.277 2.515zm4.581-2.183a26.57 26.57 0 0 1 18.07 0l1.365-3.76a30.57 30.57 0 0 0-20.799 0zm18.07 0a26.3 26.3 0 0 1 4.583 2.184l2.06-3.429a30.3 30.3 0 0 0-5.278-2.515z"/></g></svg>

How to use the Shield 1 icon

React

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

<Icon icon="glyphs-poly:shield-1" width="24" />

Vue

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

<template>
  <Icon icon="glyphs-poly:shield-1" width="24" />
</template>

Svelte

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

<Icon icon="glyphs-poly:shield-1" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--shield-1]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:shield-1"></div>

Web component

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

<iconify-icon icon="glyphs-poly:shield-1"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/glyphs-poly/shield-1.svg" alt="Shield 1 icon" width="24" height="24">

Related icons in Glyphs Poly

Shield 1 icon in other icon sets

Shield 1 icon FAQ

Is the Shield 1 icon free for commercial use?

Yes. Glyphs Poly icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Shield 1 icon in React?

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

How do I add the Shield 1 icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs-poly/shield-1.svg" alt="Shield 1 icon">, or paste the SVG code inline to style it with CSS.

Browse all Glyphs Poly icons →