Ícone Cursor Bold Duotone
solar:cursor-bold-duotone
O ícone Cursor Bold Duotone (solar:cursor-bold-duotone) é um ícone SVG gratuito da coleção Solar de 480 Design. Ele é desenhado em uma grade de 24 × 24. Solar 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
- Solar
- Autor
- 480 Design
- Licença
- CC-BY-4.0
- Tamanho
- 24 × 24
- Categoria
- Interface
- Tags
- cursorbold, boldduotone, cursorboldduotone
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M11.4334 16.4643L12.6361 15.2616L15.2616 12.6361L16.4643 11.4334C17.6955 10.2022 18.3111 9.58656 18.1658 8.92489C18.0204 8.26322 17.2035 7.96225 15.5696 7.3603L10.1205 5.35271C6.86106 4.15187 5.23136 3.55146 4.39141 4.39141C3.55146 5.23136 4.15187 6.86106 5.3527 10.1205L7.3603 15.5696C7.96225 17.2035 8.26322 18.0204 8.92489 18.1658C9.58656 18.3111 10.2022 17.6955 11.4334 16.4643Z" clip-rule="evenodd"/><path d="M12.6357 15.2618L16.574 19.2001C16.9818 19.6079 17.1857 19.8117 17.4132 19.906C17.7164 20.0316 18.0572 20.0316 18.3605 19.906C18.5879 19.8117 18.7918 19.6078 19.1996 19.2001C19.6074 18.7923 19.8113 18.5884 19.9055 18.3609C20.0311 18.0577 20.0311 17.7169 19.9055 17.4137C19.8113 17.1862 19.6074 16.9823 19.1996 16.5745L15.2613 12.6362L12.6357 15.2618Z" opacity=".5"/></g></svg>
Como usar o ícone Cursor Bold Duotone
React
import { Icon } from "@iconify/react";
<Icon icon="solar:cursor-bold-duotone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:cursor-bold-duotone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:cursor-bold-duotone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--cursor-bold-duotone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:cursor-bold-duotone"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:cursor-bold-duotone"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/solar/cursor-bold-duotone.svg" alt="Ícone Cursor Bold Duotone" width="24" height="24">
Ícones relacionados em Solar
Perguntas frequentes sobre Ícone Cursor Bold Duotone
O ícone Cursor Bold Duotone é grátis para uso comercial?
Sim. Solar 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 Cursor Bold Duotone no React?
Instale @iconify/react e renderize <Icon icon="solar:cursor-bold-duotone" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Cursor Bold Duotone a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/solar/cursor-bold-duotone.svg" alt="Ícone Cursor Bold Duotone">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Solar →
ICONYZ
