Ícone Captivate
thesvg-color:captivate
O ícone Captivate (thesvg-color:captivate) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 32 × 32. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- theSVG Color
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 32 × 32
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g clip-path="url(#SVGmAhx2dHO)"><path fill="#002615" d="M1.051.941h30.008v29.313H1.05z"/><path fill="#00f58a" d="M1.47 1.333h29.066v28.398H1.469zM0 31.2h32V0H0z"/><path fill="#00f58a" d="M15.184 21.569v-1.8c0-.161-.068-.161-.146-.104c-.638.215-1.229.283-2.107.283c-1.935 0-4.293-1.229-4.293-5.386c0-3.362 1.72-5.318 4.293-5.318c.92 0 1.704.163 2.238.414c.068.026.162.026.162-.163V7.597c0-.13-.026-.198-.136-.24c-.413-.199-1.213-.309-2.28-.309c-4.094 0-6.771 3.038-6.771 7.561c0 5.281 3.038 7.52 6.468 7.52c.946 0 1.866-.095 2.442-.335c.094-.021.13-.09.13-.225m4.283-8.372a3.9 3.9 0 0 1 1.16-.172c1.668 0 2.641 1.171 2.641 3.362c0 2.682-1.558 3.749-3.054 3.749c-.24 0-.533-.026-.732-.094zm1.427-2.264c-1.558 0-2.891.466-3.775.748c-.042.026-.188.162-.188.188c.041.309.13.826.13 1.067v12.397c0 .105.095.136.215.136l2.091-.198c.105-.027.094-.12.094-.2v-2.917c.2.026.455 0 .628 0c2.829 0 5.6-1.96 5.6-5.934c.016-3.023-1.673-5.287-4.795-5.287"/></g><defs><clipPath id="SVGmAhx2dHO"><path fill="#fff" d="M0 0h32v31.2H0z"/></clipPath></defs></g></svg>Como usar o ícone Captivate
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:captivate" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:captivate" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:captivate" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--captivate]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:captivate"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:captivate"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/captivate.svg" alt="Ícone Captivate" width="24" height="24">Ícones relacionados em theSVG Color
Perguntas frequentes sobre Ícone Captivate
O ícone Captivate é grátis para uso comercial?
Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Captivate no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:captivate" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Captivate a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/captivate.svg" alt="Ícone Captivate">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.