Icono Take Two

thesvg-color:take-two

El icono Take Two (thesvg-color:take-two) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 1000 × 1008. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: theSVG Color
Autor: thesvg.org
Licencia: MIT
Tamaño: 1000 × 1008
Etiquetas: taketwo

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1008" viewBox="0 0 1000 1008"><g fill="#085aa4"><path d="M381.558 183.755v581.694H159.08V183.755H.487V.504H540.15v183.25z"/><path fill="#000" d="m999.49 582.116l-8.21 183.333H422.128v-171.84l126.965-89.203q27.91-19.155 104.253-82.363q76.343-63.21 99.602-97.14q23.258-33.928 23.259-71.143q0-35.572-20.25-57.189q-20.249-21.615-53.084-21.617q-82.09 0-91.94 129.154l-188.805-36.666q20.796-131.89 103.16-196.194Q607.65 6.946 719.837 6.945q121.492 0 198.383 65.124q76.89 65.125 76.89 173.482q0 72.24-41.866 137.362q-41.865 65.126-244.899 199.203z"/><path d="M194.973 853.312v52.78h-20.187v-52.78h-14.39v-16.627h48.966v16.627zm110.434 52.78l-3.915-13.678h-18.61l-4.17 13.678h-17.288l21.457-69.407h22.526l21.712 69.407zm-18.915-28.83h11.288l-5.644-20.136zm158.328 28.83h-23.339l-12-26.237l-7.17 10.22v16.017h-20.084v-69.407h20.085v28.678l19.17-28.678H440.6l-17.543 25.373zm106.844-16.576v16.576h-52.22v-69.407h52.22v16.017h-31.322v10.068h25.322v15.407h-25.322v11.339zm169.313-37.036v52.779H700.79v-52.78H686.4v-16.627h48.967v16.627zm157.707-16.628l-18.407 69.407h-17.898l-9.712-38.288l-9.153 38.288h-18.661l-18.458-69.407h20.034l9.712 40.017l9.458-40.017h16.78l10.27 40.017l9.713-40.017zm85.968 70.198q-14.643 0-23.873-9.713q-9.228-9.711-9.228-25.983q0-15.559 8.822-25.703t24.483-10.145q14.49 0 23.619 9.56q9.126 9.56 9.127 25.525q0 16.526-9.204 26.492q-9.202 9.966-23.746 9.966m-.101-15.764q5.39 0 7.754-4.703t2.364-17.212q0-18.102-9.712-18.102q-10.474 0-10.474 20.644q0 19.374 10.068 19.373m-783.257 53.358v62.744h-19.26v-62.744zm92.309 62.744h-15.675l-17.191-27.718q-3.31-5.331-6.665-12.962q1.515 6.067 1.516 10.296v30.384H219.96v-62.744h18.203l14.617 22.983q4.367 6.849 6.62 12.043a91.3 91.3 0 0 1-1.472-16.456v-18.57h15.675zm64.453-47.713v47.713h-18.249v-47.713H306.8v-15.031h44.266v15.03zm93.226 32.728v14.985h-47.208v-62.744h47.208v14.48h-28.315v9.1h22.891v13.929h-22.891v10.25zm91.206 14.985h-21.375l-9.147-23.994h-6.068v23.994h-19.26v-62.744h32.774q10.848 0 16.847 5.079q6 5.08 5.999 13.4q0 5.423-2.206 9.583t-8.918 7.332zm-36.59-37.417h8.228q3.631 0 5.838-1.517q2.206-1.516 2.206-4.458q0-6.022-7.4-6.022h-8.872zm106.919 37.417l-3.54-12.365h-16.824l-3.769 12.365h-15.629l19.398-62.744h20.364l19.628 62.744zm-17.1-26.063h10.205l-5.103-18.203zm98.239 2.115l17.605 1.057q-1.241 11.537-8.527 17.697t-17.904 6.16q-12.78 0-20.639-8.458q-7.86-8.459-7.86-23.351q0-14.755 7.446-23.811q7.447-9.056 20.777-9.056q12.458 0 19.145 6.895q6.69 6.895 7.562 18.295l-17.973.965q0-6.297-2.413-9.101q-2.414-2.804-5.677-2.804q-9.102 0-9.102 18.295q0 10.25 2.368 13.928q2.367 3.677 6.642 3.677q7.63 0 8.55-10.388m80.742-23.765v47.713H736.45v-47.713h-13.008v-15.031h44.266v15.03zm65.834-15.031v62.744h-19.26v-62.744zm92.675 0l-19.49 62.744h-19.628l-20.318-62.744h20.318l9.883 34.199a101 101 0 0 1 1.792 5.976l11.584-40.175zm79.983 47.759v14.985h-47.207v-62.744h47.208v14.48h-28.316v9.1h22.891v13.929h-22.891v10.25z"/></g></svg>

Cómo usar el icono Take Two

React

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

<Icon icon="thesvg-color:take-two" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:take-two" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:take-two" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--take-two]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:take-two"></div>

Web component

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

<iconify-icon icon="thesvg-color:take-two"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/take-two.svg" alt="Icono Take Two" width="24" height="24">

Iconos relacionados en theSVG Color

Preguntas frecuentes sobre Icono Take Two

¿El icono Take Two es gratis para uso comercial?

Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Take Two en React?

Instala @iconify/react y renderiza <Icon icon="thesvg-color:take-two" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Take Two a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/take-two.svg" alt="Icono Take Two">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos theSVG Color →