Ícone Crossed Swords

emojione:crossed-swords

O ícone Crossed Swords (emojione:crossed-swords) é um ícone SVG gratuito da coleção Emoji One (Colored) de Emoji One. Ele é desenhado em uma grade de 64 × 64. Emoji One (Colored) icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Emoji One (Colored)
Autor: Emoji One
Licença: CC-BY-4.0
Tamanho: 64 × 64
Categoria: Objetos
Tags: crossedswords, sword

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#96a7a8" d="M48 24c7.5-6.2 9.7-12.9 10.3-17C60.6 5.4 62 4 62 4s1.3 10.9-10.5 20.7C36.2 37.5 21 45.5 21 45.5l-1.3-1.9C24.4 40.9 36.2 33.8 48 24"/><path fill="#b8c2c4" d="m19.6 43.6l-1.2-1.8C42.8 21.4 43.3 12 43.3 12c6.3.1 11.6-2.7 15-5.1c-.6 4-2.8 10.7-10.3 17c-11.8 9.9-23.6 17-28.4 19.7"/><path fill="#c19a61" d="M12.4 45.9c-.9.8-.8 2.3.3 3.3s2.7 1.1 3.6.3s.8-2.3-.3-3.3c-1-1-2.7-1.1-3.6-.3"/><path fill="#dbb471" d="M12.9 46c-.8.7-.7 2 .3 2.8c.9.9 2.3 1 3.1.2c.8-.7.7-2-.3-2.8c-.9-.8-2.3-1-3.1-.2"/><path fill="#c19a61" d="M10.2 47.8c-.9.8-.8 2.3.3 3.3s2.7 1.1 3.6.3s.8-2.3-.3-3.3s-2.7-1.1-3.6-.3"/><path fill="#dbb471" d="M10.7 47.8c-.8.7-.7 2 .3 2.8c.9.9 2.3 1 3.1.2c.8-.7.7-2-.3-2.8c-.9-.8-2.3-.9-3.1-.2"/><path fill="#c19a61" d="M8 49.7c-1 .8-.8 2.3.3 3.3s2.7 1.1 3.6.3s.8-2.3-.3-3.3s-2.7-1.2-3.6-.3"/><path fill="#dbb471" d="M8.4 49.7c-.8.7-.7 2 .3 2.8c.9.9 2.3 1 3.1.2c.8-.7.7-2-.3-2.8c-.9-.8-2.3-.9-3.1-.2"/><path fill="#c19a61" d="M5.7 51.5c-.9.9-.7 2.3.3 3.3c1.1 1 2.7 1.1 3.6.3s.8-2.3-.3-3.3c-1-1-2.6-1.1-3.6-.3"/><path fill="#dbb471" d="M6.2 51.6c-.8.7-.7 2 .3 2.8c.9.9 2.3 1 3.1.2c.8-.7.7-2-.3-2.8c-.9-.9-2.3-1-3.1-.2"/><path fill="#89664c" d="M3 53.8c3.1-2.7 1.7-.8 3.7 1.2c5.8 6 15.6-2.9 9-8.1c-3.8-3-1.1-6.9.8-8.6c1.2-1 .3.8 3.8 4.9c3.5 4.2 1.9 10.8-2.7 14.7c-4.8 4-10.6 1.5-12.8-1.2c-1.6-1.8-4.3-.9-1.8-2.9"/><path fill="#dbb471" d="M11 58.1c1.6 0 3.8-.5 5.6-2.2c2.1-2.1 2.9-4.7 2.3-7.3c1.4 2.9 1 6-1.3 8.2c-1.6 1.6-3.7 1.9-5.2 1.8c-1.3 0-2.6-.3-3.8-.8q1.2.45 2.4.3"/><path fill="#b0bfc1" d="M16 24C8.5 17.7 6.3 11 5.7 7C3.4 5.4 2 4 2 4S.8 14.9 12.5 24.7C27.8 37.5 43 45.5 43 45.5l1.3-1.9C39.6 40.9 27.8 33.8 16 24"/><path fill="#c9d1d3" d="m44.4 43.6l1.2-1.8C21.2 21.4 20.7 12 20.7 12c-6.3.1-11.6-2.7-15-5c.6 4 2.8 10.7 10.3 17c11.8 9.8 23.6 16.9 28.4 19.6"/><path fill="#c19a61" d="M51.6 45.9c.9.8.8 2.3-.3 3.3s-2.7 1.1-3.6.3s-.8-2.3.3-3.3c1-1 2.7-1.1 3.6-.3"/><path fill="#dbb471" d="M51.1 46c.8.7.7 2-.3 2.8c-.9.9-2.3 1-3.1.2c-.8-.7-.7-2 .3-2.8c.9-.8 2.3-1 3.1-.2"/><path fill="#c19a61" d="M53.8 47.8c.9.8.8 2.3-.3 3.3s-2.7 1.1-3.6.3s-.8-2.3.3-3.3s2.7-1.1 3.6-.3"/><path fill="#dbb471" d="M53.3 47.8c.8.7.7 2-.3 2.8c-.9.9-2.3 1-3.1.2c-.8-.7-.7-2 .3-2.8c.9-.8 2.3-.9 3.1-.2"/><path fill="#c19a61" d="M56 49.7c.9.8.8 2.3-.3 3.3s-2.7 1.1-3.6.3s-.8-2.3.3-3.3s2.7-1.2 3.6-.3"/><path fill="#dbb471" d="M55.6 49.7c.8.7.7 2-.3 2.8c-.9.9-2.3 1-3.1.2c-.8-.7-.7-2 .3-2.8c.9-.8 2.3-.9 3.1-.2"/><path fill="#c19a61" d="M58.3 51.5c.9.8.8 2.3-.3 3.3s-2.7 1.1-3.6.3s-.8-2.3.3-3.3c1-1 2.6-1.1 3.6-.3"/><path fill="#dbb471" d="M57.8 51.6c.8.7.7 2-.3 2.8c-.9.9-2.3 1-3.1.2c-.8-.7-.7-2 .3-2.8c.9-.9 2.3-1 3.1-.2"/><path fill="#89664c" d="M61 53.8c-3.2-2.6-1.7-.8-3.7 1.2c-5.8 6-15.6-2.9-9-8.1c3.8-3 1.1-6.9-.8-8.6c-1.2-1-.3.8-3.8 4.9c-3.5 4.2-1.9 10.8 2.7 14.7c4.8 4 10.6 1.5 12.8-1.2c1.6-1.8 4.3-.9 1.8-2.9"/><path fill="#dbb471" d="M53 58.1c-1.6 0-3.8-.5-5.6-2.2c-2.1-2.1-2.9-4.7-2.3-7.3c-1.4 2.9-1 6 1.3 8.2c1.6 1.6 3.7 1.9 5.2 1.8c1.3 0 2.6-.3 3.8-.8q-1.2.45-2.4.3"/></svg>

Como usar o ícone Crossed Swords

React

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

<Icon icon="emojione:crossed-swords" width="24" />

Vue

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

<template>
  <Icon icon="emojione:crossed-swords" width="24" />
</template>

Svelte

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

<Icon icon="emojione:crossed-swords" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--crossed-swords]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:crossed-swords"></div>

Web component

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

<iconify-icon icon="emojione:crossed-swords"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/emojione/crossed-swords.svg" alt="Ícone Crossed Swords" width="24" height="24">

Ícones relacionados em Emoji One (Colored)

O ícone Crossed Swords em outras coleções

Perguntas frequentes sobre Ícone Crossed Swords

O ícone Crossed Swords é grátis para uso comercial?

Sim. Emoji One (Colored) icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Crossed Swords no React?

Instale @iconify/react e renderize <Icon icon="emojione:crossed-swords" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Crossed Swords a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/emojione/crossed-swords.svg" alt="Ícone Crossed Swords">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Emoji One (Colored) →