Take Two icon

thesvg-color:take-two

The Take Two icon (thesvg-color:take-two) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 1000 × 1008 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: theSVG Color
Author: thesvg.org
License: MIT
Size: 1000 × 1008
Tags: taketwo

Download SVG

SVG code

<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>

How to use the Take Two icon

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>

HTML image

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

Related icons in theSVG Color

Take Two icon FAQ

Is the Take Two icon free for commercial use?

Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Take Two icon in React?

Install @iconify/react and render <Icon icon="thesvg-color:take-two" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Take Two icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/take-two.svg" alt="Take Two icon">, or paste the SVG code inline to style it with CSS.

Browse all theSVG Color icons →