Иконка Tech Mahindra

thesvg-color:tech-mahindra

Иконка Tech Mahindra (thesvg-color:tech-mahindra) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 618 × 175. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: theSVG Color
Автор: thesvg.org
Лицензия: MIT
Размер: 618 × 175
Теги: techmahindra

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="618" height="175" viewBox="0 0 618 175"><defs><clipPath id="SVGznrs0bni"><path d="M0 288h576V0H0z"/></clipPath></defs><path fill="#656262" fill-rule="evenodd" d="M77.493 2.918L3.027 2.913v17.449l27.141.006v57.254h20.144l-.007-57.26l27.188.004z"/><g fill-rule="evenodd" clip-path="url(#SVGznrs0bni)" transform="matrix(1.25 0 0 -1.25 -50 271.668)"><path fill="#e51635" d="M264.028 113.707c0 5.228-4.257 9.43-9.486 9.43h-20.964c-1.832 0-2.748-.917-3.719-2.372c-.054-.052-6.251-9-6.251-9h20.209a4.455 4.455 0 0 0 4.258-4.472V79.321h15.953zm-56.372 25.382h15.952V79.321h-15.952zm138.612-15.952h-45.323V79.322h16.059v32.443h18.215c2.481 0 4.53-1.993 4.53-4.472V79.322h16.006v34.385c0 5.228-4.259 9.43-9.487 9.43m-227.212 15.952H42.421V79.321h15.898v45.81h17.03c1.617 0 2.911-1.348 2.911-2.965V79.321h15.952v42.845a2.955 2.955 0 0 0 2.964 2.965h12.557c2.425 0 4.419-1.94 4.419-4.366V79.321h15.899v48.775a10.97 10.97 0 0 1-10.995 10.993m155.482-30.179V79.322h15.953v43.329s-7.385-4.58-12.612-7.867c-1.995-1.292-3.341-3.449-3.341-5.874m0 30.232h15.953v-11.046l-15.953-10.562zm166.529-16.005c-3.99 0-6.576-3.072-6.576-6.36V79.322h16.059v27.918c0 2.478 1.779 4.581 4.313 4.581h11.91c1.723.105 3.181 1.13 4.096 2.478c.053.054 6.25 8.838 6.25 8.838zm-33.09 15.952V90.261h-23.121c-1.616 0-2.749 1.403-2.749 2.588v14.444h.055a4.46 4.46 0 0 0 4.473 4.472h11.693c1.725 0 3.504 1.024 4.258 2.209l5.391 9.163h-32.442c-5.177 0-9.433-4.202-9.433-9.43V87.19c0-5.066 4.041-7.869 7.759-7.869h50.122v59.768zm115.976-15.952h-36.864c-1.832 0-3.5-.861-4.525-2.265l-6.198-9.107h37.132c2.317-.107 4.203-2.102 4.203-4.472l-.055-17.407h-27.807v5.012c0 .968.807 1.779 1.778 1.779h19.457v6.465c0 1.563-.971 2.427-2.319 2.427h-26.948c-3.34 0-5.98-2.64-5.98-5.929V83.741c0-.107 0-.163.054-.271c.377-2.368 2.426-4.148 4.904-4.148h52.6v34.385a9.406 9.406 0 0 1-9.432 9.43m-335.645 0h-36.863c-1.778 0-3.502-.861-4.472-2.265l-6.253-9.107h37.133c2.318-.107 4.204-2.102 4.204-4.472V89.886h-27.863v5.012c0 .968.808 1.779 1.778 1.779h19.455v6.465c0 1.563-.969 2.427-2.317 2.427h-26.947c-3.341 0-5.98-2.64-5.98-5.929V83.741c0-.107 0-.163.053-.271a4.94 4.94 0 0 1 4.904-4.148h52.6v34.385a9.406 9.406 0 0 1-9.432 9.43"/><path fill="#656262" d="M290.49 188.874c0 5.227-4.259 9.431-9.486 9.431H259.49c-1.834 0-2.75-.916-3.72-2.37c-.053-.054-6.252-9.001-6.252-9.001h20.76a4.457 4.457 0 0 0 4.258-4.473V154.49h15.954zm-56.924 25.383h15.952V154.49h-15.952zm-44.273-43.923h.054a4.473 4.473 0 0 1 4.496-4.473l29.805.002V154.49h-40.964c-5.199 0-9.478 4.204-9.478 9.431v32.427v-6.727c0 5.227 4.279 9.432 9.478 9.432h40.868l-2.515-6.251c-.532-1.318-.808-2.438-2.018-3.289c-.864-.609-1.595-1.033-2.707-1.033h-22.469a4.474 4.474 0 0 1-4.496-4.474h-.054zm-71.579-15.295h34.129c1.778 0 3.502.863 4.473 2.263l6.252 9.109h-34.399c-2.316.107-4.204 2.102-4.204 4.473v17.407h25.129v-5.012c0-.97-.808-1.778-1.779-1.778h-16.719v-6.468c0-1.562.97-2.424 2.317-2.424h24.211c3.341 0 5.982 2.639 5.982 5.927v15.9c0 .107 0 .16-.054.268a4.935 4.935 0 0 1-4.903 4.15h-49.866v-34.383a9.41 9.41 0 0 1 9.431-9.432"/></g></svg>

Как использовать иконку Tech Mahindra

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

<iconify-icon icon="thesvg-color:tech-mahindra"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/tech-mahindra.svg" alt="Иконка Tech Mahindra" width="24" height="24">

Вопросы и ответы: Иконка Tech Mahindra

Можно ли бесплатно использовать иконку Tech Mahindra в коммерческих проектах?

Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Tech Mahindra в React?

Установите @iconify/react и выведите <Icon icon="thesvg-color:tech-mahindra" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Tech Mahindra на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/tech-mahindra.svg" alt="Иконка Tech Mahindra">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки theSVG Color →