Sword Shield icon

pepicons-print:sword-shield

The Sword Shield icon (pepicons-print:sword-shield) is a free SVG icon from the Pepicons Print set by CyCraft. It is drawn on a 20 × 20 grid. Pepicons Print 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: Pepicons Print
Author: CyCraft
License: CC-BY-4.0
Size: 20 × 20
Tags: swordshield

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><g fill="currentColor"><g opacity=".2"><path fill-rule="evenodd" d="M10.945 6.362a1 1 0 0 0-.484.286l-5.254 5.62a1 1 0 0 0 .09 1.451L6.75 14.93a1 1 0 0 0 1.379-.093l5.174-5.662a1 1 0 0 0 .255-.56l.182-1.564a1 1 0 0 0-1.24-1.084z" clip-rule="evenodd"/><path d="M3.61 12.523a1.345 1.345 0 0 1 1.897-.127l3.123 2.732a1.345 1.345 0 1 1-1.771 2.025l-3.123-2.732a1.345 1.345 0 0 1-.127-1.898"/><path fill-rule="evenodd" d="M5.507 12.396a1.345 1.345 0 0 0-1.77 2.025l3.122 2.732a1.345 1.345 0 1 0 1.771-2.025z" clip-rule="evenodd"/><path d="m4.385 18.21l2.27-2.408a1 1 0 0 0-.128-1.486l-.36-.27a1 1 0 0 0-1.355.143l-2.149 2.467a1 1 0 0 0 .096 1.41l.24.21a1 1 0 0 0 1.386-.067"/><path fill-rule="evenodd" d="m6.655 15.802l-2.27 2.407a1 1 0 0 1-1.386.067l-.24-.21a1 1 0 0 1-.096-1.41l2.15-2.467a1 1 0 0 1 1.353-.143l.361.27a1 1 0 0 1 .128 1.486" clip-rule="evenodd"/><path d="M18.25 13.368c.724-1.536.907-3.785.93-5.455c.018-1.391-.821-2.62-2.064-3.245l-3.137-1.577a4 4 0 0 0-3.594 0L7.248 4.668c-1.243.626-2.082 1.854-2.064 3.245c.014 1.024.088 2.265.31 3.426c.044.232.137.45.264.648l2.78 4.34q.144.223.341.4c.446.395.894.757 1.31 1.075a3.26 3.26 0 0 0 3.986 0c1.444-1.105 3.278-2.743 4.075-4.434"/><path fill-rule="evenodd" d="M7.248 4.669c-1.243.625-2.082 1.853-2.064 3.244c.014 1.024.088 2.265.31 3.426c.044.232.137.45.264.648l2.78 4.34q.144.223.341.4c.446.395.894.757 1.31 1.075a3.26 3.26 0 0 0 3.986 0c1.444-1.105 3.278-2.743 4.075-4.434c.724-1.536.907-3.785.93-5.455c.018-1.391-.821-2.62-2.064-3.245l-3.137-1.577a4 4 0 0 0-3.594 0zm9.193 7.846c.524-1.111.717-2.973.739-4.628c.007-.535-.318-1.107-.963-1.432L13.08 4.878a2 2 0 0 0-1.797 0L8.147 6.455c-.646.325-.97.897-.963 1.432c.013.95.08 2.045.266 3.035l2.769 4.32c.4.353.805.68 1.185.972a1.26 1.26 0 0 0 1.555 0c1.431-1.095 2.91-2.483 3.482-3.699" clip-rule="evenodd"/></g><path fill-rule="evenodd" d="M12.503 6.2a.5.5 0 0 0-.62-.543l-1.537.39a.5.5 0 0 0-.253.156l-4.325 4.945a.5.5 0 0 0 .047.706l1.354 1.185a.5.5 0 0 0 .706-.048L12.2 8.046a.5.5 0 0 0 .12-.271zm-.866-1.512a1.5 1.5 0 0 1 1.86 1.626l-.183 1.576a1.5 1.5 0 0 1-.361.815L8.628 13.65a1.5 1.5 0 0 1-2.117.141l-1.354-1.185a1.5 1.5 0 0 1-.142-2.116L9.34 5.545a1.5 1.5 0 0 1 .76-.466z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M2.327 11.254a1.845 1.845 0 0 1 2.604-.174l3.123 2.732a1.845 1.845 0 1 1-2.43 2.778l-3.123-2.732a1.845 1.845 0 0 1-.174-2.604m1.945.579a.845.845 0 0 0-1.113 1.272l3.124 2.732a.845.845 0 1 0 1.112-1.272z" clip-rule="evenodd"/><path fill-rule="evenodd" d="m4.209 14.138l-1.843 2.108a.5.5 0 0 0 .047.705l.21.184a.5.5 0 0 0 .706-.047l1.843-2.107l.753.658l-1.843 2.108a1.5 1.5 0 0 1-2.117.141l-.21-.184a1.5 1.5 0 0 1-.142-2.117l1.843-2.107zm8.609-11.54a3.5 3.5 0 0 0-3.145 0L6.536 4.175c-1.094.55-1.804 1.614-1.788 2.792c.014 1.11.101 2.461.369 3.67l.115.498l-.974.226l-.117-.505c-.289-1.305-.378-2.734-.393-3.876c-.022-1.606.946-2.998 2.339-3.698l3.137-1.577a4.5 4.5 0 0 1 4.043 0l3.137 1.577c1.393.7 2.36 2.092 2.339 3.698c-.022 1.674-.203 4.019-.977 5.661c-.853 1.81-2.776 3.51-4.224 4.618a3.76 3.76 0 0 1-4.593 0a24 24 0 0 1-1.54-1.279l.672-.74c.498.453 1.007.867 1.475 1.225a2.76 2.76 0 0 0 3.378 0c1.441-1.102 3.186-2.678 3.927-4.25c.674-1.43.86-3.582.882-5.248c.015-1.178-.695-2.242-1.789-2.792z" clip-rule="evenodd"/></g></svg>

How to use the Sword Shield icon

React

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

<Icon icon="pepicons-print:sword-shield" width="24" />

Vue

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

<template>
  <Icon icon="pepicons-print:sword-shield" width="24" />
</template>

Svelte

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

<Icon icon="pepicons-print:sword-shield" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[pepicons-print--sword-shield]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/pepicons-print -->
<div class="i-pepicons-print:sword-shield"></div>

Web component

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

<iconify-icon icon="pepicons-print:sword-shield"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/pepicons-print/sword-shield.svg" alt="Sword Shield icon" width="24" height="24">

Related icons in Pepicons Print

Sword Shield icon in other icon sets

Sword Shield icon FAQ

Is the Sword Shield icon free for commercial use?

Yes. Pepicons Print 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 Sword Shield icon in React?

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

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

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

Browse all Pepicons Print icons →