Taboola icon

thesvg-color:taboola

The Taboola icon (thesvg-color:taboola) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 1052 × 255 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: 1052 × 255

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1052" height="255" viewBox="0 0 1052 255"><g fill="#054164"><path d="M661.423-16.274v-56.118H470.988v56.118h61.479l.026 164.436h67.412l-.027-164.436z"/><path d="M717.435 90.884c-1.026 16.613-11.853 24.852-25.692 24.772c-11.067-.066-19.013-7.493-18.973-14.892c.053-10.76 7.146-14.093 20.72-17.107c8.292-1.8 16.626-3.906 24.025-7.56zm58.346 21.573l.36-65.545c.186-30.773.986-62.466-75.319-62.906c-37.865-.213-80.358 6.934-82.45 51.84l56.611.32c.333-6.76 4.093-16.267 22.866-16.174c9.84.054 19.96 4.12 19.893 14.906c-.053 10.147-8.373 12.56-16.693 14.067c-31.092 5.653-90.17 3.453-90.478 53.918c-.173 33.546 25.266 48.453 56.026 48.64c19.706.106 38.505-4.08 51.492-18.774h.626c-.346 4.294.547 10.773 2.054 15.093l62.158.36c-6.693-10.2-7.226-23.76-7.146-35.745m93.451-4.067c-21.84-.12-26.64-20.786-26.533-39.866c.107-18.76 5.146-39.345 26.986-39.212c21.853.107 26.653 20.773 26.546 39.532c-.107 19.08-5.147 39.653-27 39.546M889.658-14.9c-18.16-.094-34.52 7.813-43.812 21.293h-.614l.44-79.132h-60.918v220.901h57.478l.107-17.186h.613c7.64 10.213 16.8 21.64 46.652 21.826c45.213.254 67.319-44.239 67.559-84.224c.213-37.546-13.987-83.158-67.505-83.478m303.712 65.931c-23.093-.133-26.026-22.919-25.92-39.839c.094-16.92 3.307-39.372 26.373-39.239c23.067.12 26.013 22.613 25.92 39.533c-.093 16.933-3.32 39.679-26.373 39.545m-151.196.014c-23.08-.147-26.013-22.933-25.92-39.853c.107-16.906 3.307-39.359 26.4-39.225c23.08.12 26.013 22.6 25.92 39.532c-.107 16.92-3.334 39.666-26.4 39.546M1194.09-72.352c-37.986-.227-62.852 15.426-76.051 38.172c-13.08-22.44-37.626-37.959-75.132-38.172c-59.998-.36-87.29 38.852-87.558 83.171c-.266 44.306 26.586 84.158 86.585 84.505c37.999.213 62.852-15.56 76.065-38.413c13.066 22.533 37.625 38.2 75.118 38.426c59.998.333 87.318-39.199 87.571-83.505c.24-44.292-26.6-83.837-86.598-84.184m93.158 220.514h59.625v-220.5h-59.625zm170.582-57.838c-1.013 16.626-11.826 24.852-25.68 24.786c-11.066-.067-19.025-7.493-18.972-14.88c.067-10.76 7.133-14.106 20.72-17.12c8.293-1.786 16.626-3.906 24.026-7.533zm58.732 21.573V46.352c.187-30.773.973-62.466-75.331-62.892c-37.853-.24-80.358 6.906-82.465 51.825l56.652.307c.333-6.76 4.08-16.266 22.853-16.173c9.866.053 19.973 4.12 19.906 14.893c-.053 10.146-8.387 12.573-16.693 14.066c-31.12 5.667-90.158 3.453-90.464 53.919c-.2 33.546 25.252 48.452 56.025 48.652c19.706.107 38.479-4.093 51.479-18.786l.626.013c-.346 4.293.68 11.653 2.187 15.973h61.238c-6.746-10.173-6.066-24.253-6.013-36.252"/><path d="m978.189 95.35l-.32 53.226c47.572 22.44 85.038 33.119 137.023 33.425c47.706.28 95.584-11.533 139.73-33.425l.293-53.226c-49.332 18.787-88.29 28.493-139.663 28.186c-48.919-.28-93.81-8.866-137.063-28.186"/></g></svg>

How to use the Taboola icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="thesvg-color:taboola"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/thesvg-color/taboola.svg" alt="Taboola icon" width="24" height="24">

Taboola icon FAQ

Is the Taboola 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 Taboola icon in React?

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

How do I add the Taboola icon to a web page?

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

Browse all theSVG Color icons →