Ícone Difference
gis:difference
O ícone Difference (gis:difference) é um ícone SVG gratuito da coleção Font-GIS de Jean-Marc Viglino. Ele é desenhado em uma grade de 100 × 100. Font-GIS 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
- Font-GIS
- Autor
- Jean-Marc Viglino
- Licença
- CC-BY-4.0
- Tamanho
- 100 × 100
- Categoria
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="m65.453 10.826l-.053 5c3.073.034 6.144.549 9.059 1.52l1.58-4.744a34.8 34.8 0 0 0-10.586-1.776m-5.365.352a35.1 35.1 0 0 0-10.26 3.119l2.17 4.506a30.2 30.2 0 0 1 8.799-2.674zm20.908 3.51l-2.283 4.447a30.1 30.1 0 0 1 7.447 5.394l3.522-3.549a35.1 35.1 0 0 0-8.686-6.292M35 19.125c-19.3 0-35 15.7-35 35s15.7 35 35 35c8.934 0 17.087-3.374 23.275-8.904q.008 0 .014.002l.191-.18l.125-.115a35 35 0 0 0 2.461-2.496q.126-.137.248-.276q.6-.682 1.165-1.394q-.723-.06-1.436-.155c-.318-.041-.632-.094-.947-.146c-.158-.026-.316-.046-.473-.074a30 30 0 0 1-1.383-.283a30 30 0 0 1-1.183-.301l-.194-.051C44.234 71.216 35 59.651 35 45.875a29.88 29.88 0 0 1 9.557-21.955q.242-.227.49-.45q.375-.33.76-.65c.158-.131.313-.266.474-.394q.622-.5 1.27-.965a35 35 0 0 0-2.867-.965l-.03-.008c-.287-.082-.577-.155-.867-.23c-.215-.056-.43-.118-.646-.17c-.349-.084-.701-.155-1.053-.229c-.126-.026-.25-.057-.377-.082l-.002.002A35 35 0 0 0 35 19.125m58.2 5.928l-4.028 2.967a30 30 0 0 1 4.252 8.15l4.736-1.606a35 35 0 0 0-4.96-9.511m6.294 14.717l-4.924.87c.536 3.029.603 6.145.194 9.19l4.955.666c.48-3.562.4-7.19-.225-10.726M93.8 54.338a30.2 30.2 0 0 1-3.936 8.314l4.143 2.801a35.2 35.2 0 0 0 4.586-9.695zm-6.803 11.928a29.8 29.8 0 0 1-7.213 5.687l2.451 4.358a34.8 34.8 0 0 0 8.428-6.647zm-11.394 7.638a30.2 30.2 0 0 1-9.002 1.887l.265 4.992a35.1 35.1 0 0 0 10.498-2.199z" color="currentColor"/></svg>Como usar o ícone Difference
React
import { Icon } from "@iconify/react";
<Icon icon="gis:difference" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="gis:difference" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="gis:difference" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[gis--difference]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/gis -->
<div class="i-gis:difference"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gis:difference"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/gis/difference.svg" alt="Ícone Difference" width="24" height="24">O ícone Difference em outras coleções
Perguntas frequentes sobre Ícone Difference
O ícone Difference é grátis para uso comercial?
Sim. Font-GIS 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 Difference no React?
Instale @iconify/react e renderize <Icon icon="gis:difference" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Difference a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/gis/difference.svg" alt="Ícone Difference">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.