Иконка Makemytrip
thesvg-color:makemytrip
Иконка Makemytrip (thesvg-color:makemytrip) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 1558 × 496. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 1558 × 496
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1558" height="496" viewBox="0 0 1558 496"><path fill="#e31e25" d="M1023.5 495.8c30-.4 58.4-12.1 79-33.1c21-21 32.7-49.4 32.7-79V113.1c0-30-11.7-58.4-32.3-79.8c-21-21-49.4-33.1-79.4-33.1H751.6c-30 .4-58.4 12.1-79 33.1c-21 21.4-32.7 49.8-32.7 79.8v271c.4 61.5 50.2 111.3 111.7 111.7"/><path fill="#fff" d="M946.5 263.4c-10.5 35 6.6 70.1 42.8 56c-10.5 25.3-28 63.1-28 102.4c0 0 0 26.5 19.4 33.1c0 0 27.2 6.6 21.4-17.5c-4.3-15.2-5.4-30.7-3.5-46.3c6.6-32.3 16.7-63.9 30-94.2c0 0 41.6-86.9 65.7-127.3c0 0 10.1-20.7-10.5-20.7c-6.2 0-12.1 3.1-15.9 8.2l-58.8 104.7c-8.9 16.4-17.5 21.4-24.1 21.4c-14.8 0-11.7-23.7-9.3-32.3c6.6-29.2 17.1-57.2 31.1-84.1c10.5-22.9-10.5-24.9-10.5-24.9c-13.3-3.5-23.4 18.3-23.4 18.3l-23.3 47.5c-15.2 26.5-31.9 51.8-49.8 76.3c0 0-3.1 3.9-5.5 2.4c-2.3-2-1.1-5.9-1.1-5.9c3.9-32.3 10.5-64.2 19.4-95.8c.4-1.9.8-3.5.8-5.4c.4-4.3-.8-8.6-3.5-11.7c-2.7-3.5-6.6-5.4-10.9-5.4c-10.5-1.2-15.5 3.8-24.9 15.1c-20.6 25.3-44.7 63.5-56.4 80.6c-1.2 2-3.5 1.6-3.5-1.1c0-7.8 27.2-91.9 27.2-91.9s3.2-11.7-6.2-15.6c0 0-14.4-8.9-26 8.6l-56.1 76.3c-4.2 5.8-6.6 3.9-6.6 3.9V233l9-49.8c7-38.2-6.3-40.1-14.8-41.7c-6.2 0-12.9 2-18.3 5.5c-17.5 8.5-30.7 43.2-30.7 43.2s-3.9 12.4 4.6 17.5c2.8 1.6 5.9 2.7 9 2.3c12.4-.7 14.8-23.7 23.7-23.7c1.6 0 1.6 1.9 1.6 2.3l-28.8 121.1c-2 7 1.1 14.4 7 18.3c3.9 2.3 8.2 2.7 12.4 2c3.9-1.2 7.4-3.9 9.8-7.4l10.5-16.4c15.1-26.9 43.1-65.4 45.9-65.4c1.1 0 1.5 0 1.5 1.2l-10.5 71.2c-1.1 6.2 2.4 12.9 8.2 15.6c5.4 1.9 11.3 1.5 16.3-1.2c5.9-4.7 10.9-10.5 14.4-17.1c5.9-9.4 33.9-42.4 51-72.8c1.2-2 2.3 0 1.9 1.2c-3.5 15.9-6.2 58.4-6.6 68.9c-.8 20.6 15.2 22.9 15.6 22.9c10.5.8 20.6-3.9 26.4-12.4"/><path fill="#27447c" fill-rule="evenodd" d="M109.3 310.5H78.2v-69.7c.4-7.8-1.2-15.6-4.7-22.2c-3.5-5.1-9.7-8.2-16-7.4c-5.4 0-10.5 1.2-14.7 3.9c-4.7 3.1-8.6 7.4-11.3 12.1v83.3H.4V184h17.5l11.6 17.1c3.1-2.7 6.3-5.1 9.4-7.4c3.1-2 6.2-3.5 9.7-5.1q5.2-2.3 10.5-3.5c3.5-.8 7.4-1.1 11.3-1.1c4.3 0 8.5.3 12.4 1.5c3.1 1.2 6.3 2.3 9.4 4.3c2.3 1.9 4.6 4.3 6.6 6.6c2.3 3.1 3.9 5.9 5.4 9c2.4-2.4 5.1-5.1 8.2-7.4c3.1-2.4 6.6-4.7 10.5-6.6q5.3-3.6 11.7-5.9c4.6-1.2 9.3-1.9 14.4-1.9c6.2 0 12 1.5 17.5 4.2c5 3.2 9.3 7.1 12 11.7c3.1 5.9 5.5 11.7 6.6 18.3c1.6 7.4 2.4 14.8 2.4 22.6v70.1H156v-69.7c.7-7.8-.8-15.6-4.7-22.2c-3.5-5.1-9.3-8.2-15.6-7.4c-5 0-10.1 1.2-14.7 3.9c-4.7 3.1-9 7-11.7 12.1M289 296.5c-4.3 4.3-9.7 7.8-15.2 10.1c-7.3 2.7-15.1 4.3-22.9 3.9c-5.5.4-11.3-.8-16.3-2.7q-7.1-3-12.9-8.2q-5.2-5.9-8.2-12.9c-1.9-5-2.7-10.5-2.7-15.9c0-23.4 18.3-38.6 47.5-38.6h31.1v-7c0-4.6-2.7-8.5-6.6-10.5c-6.2-2.7-13.2-4.3-20.2-3.9c-7.8 0-15.6 1.2-23 2.7q-8.7 2.4-17.5 5.9l-3.5-26.1c1.9-1.2 4.7-1.9 8.2-3.1c3.1-1.2 7-2 10.5-3.1c3.5-.8 8.1-1.6 12.8-2.4c4.7-.7 9.7-.7 14.8-.7c14.4-1.2 29.2 3.5 40.1 12.8c9.7 10.1 14.4 23.8 13.6 37.4v76.3h-22.2zm0-43.6h-27.6c-5.8-.4-11.3 1.1-16.4 4.3c-3.1 3.1-5 7.4-5 12c0 4.3 1.5 8.2 4.7 11.3c3.5 2.7 8.1 4.3 12.8 3.9c3.5 0 7-.4 10.5-1.5c3.1-.8 6.2-2 8.9-3.5q4.1-3 7.1-5.9c2.3-2.3 3.8-4.7 5.4-7zm125.3-7.8l57.2 65h-38.9l-53-64.2v64.2h-30.7V136.9h30.7v109l47.1-63.8h37.8zm124.8 38.1c4.7 0 9.8-.4 14.4-1.6c4.3-.7 8.6-1.9 12.5-3.5c3.5-1.1 7-2.7 10.1-4.6c1.5-.8 3.1-2 4.7-3.1l5.8 27.6c-6.6 3.5-13.6 6.6-21 9c-8.6 2.3-17.5 3.5-26.5 3.5c-9.7 0-19.4-1.6-28.8-4.7c-7.4-2.7-14.7-7-20.6-12.9c-5.8-5.4-10.1-12.4-12.8-19.8c-3.5-7.8-5.1-16.4-5.5-25.3c0-8.2 1.2-16.4 3.9-24.2c2.8-7.7 6.6-14.4 12.1-20.6c5-5.8 11.7-10.5 19.1-13.6c16.7-6.6 35.7-6.6 52.5 0c7 2.7 12.8 7.4 17.9 12.8c4.6 5.5 8.1 11.7 10.5 18.3c1.9 7 3.1 14.4 3.1 21.8v6.6c-.4 2.4-.8 4.7-1.2 6.7h-86q.6 6.4 3.5 11.6c1.6 3.5 4.3 6.7 7.4 9c3.1 2.7 6.6 4.7 10.9 5.4q6.4 2.4 14 2.4zm-5.8-71.2c-3.9 0-7.8.3-11.3 1.5c-3.1.8-6.2 2.4-8.5 4.3c-2.8 1.6-4.7 3.9-6.3 6.6c-1.5 2.7-2.7 5.5-3.5 8.6h54.9c0-2.7-.4-5.5-1.6-8.2c-.8-2.3-2.7-4.7-4.6-6.6c-2.4-2-5.1-3.5-7.8-4.7c-3.9-1.2-7.8-1.9-11.3-1.5m632.2-10.2l41.2-49.8h9.3v31.5h35.4v27.3H1216V263c0 2.7.4 5.8 1.2 8.9q1.2 2.9 3.5 5.9c1.6 1.1 3.5 2.3 5.5 2.7c1.9.8 3.9 1.1 6.2 1.1c3.5 0 7-.3 10.1-1.5c3.1-.4 5.8-1.6 8.6-2.7V305q-4.7 2.3-10.6 3.5c-10.8 2.3-22.1 2-32.6-1.2c-5.1-1.5-9.4-4.2-13.3-7.7c-3.1-3.5-5.8-7.8-7.3-12.5c-1.6-5.1-2.8-10.9-2.4-16.4v-59.1h-20.2zm138.9 8.1c4.6-7.7 10.5-14.4 17.9-19.4c6.2-4.7 14-7 22.2-6.6q3.5-.6 7 0l4.2.7s-.7 7-5.4 28.8c-2.3-.3-4.7-.7-7-.3c-5.5-.4-10.5.7-15.6 2.7c-4.6 1.9-8.5 5-11.6 8.9c-3.2 3.9-5.9 8.6-7.4 13.7q-2.4 9.3-2.4 18.7v53.3h-31.1V183.9h19.5zm199.5-26.1c8.6-.4 16.8 1.5 24.1 5c6.7 3.5 12.1 8.2 16.8 14.4c4.3 6.3 7.8 13.3 9.7 20.7c1.9 7.8 3.1 15.9 3.1 23.7c0 8.2-1.2 16.4-3.5 24.2c-1.9 7.4-5.4 14-10.1 19.8c-4.7 5.9-10.1 10.5-16.7 13.6c-7 3.6-15.2 5.1-23 5.1s-15.2-1.2-22.2-3.9c-5.8-2.7-11.2-6.2-15.5-11.3v65.8h-31.1V183.8h18.2l12.1 15.2c4.7-4.7 10.5-8.6 17.1-11.7c6.6-2.4 13.6-3.9 20.6-3.5zm-8.5 27.6c-3.5-.4-7 .4-10.1 1.6c-3.1 1.1-5.9 2.7-8.6 4.6c-2.3 1.6-4.3 3.9-6.2 6.3c-1.6 2.3-3.1 4.6-3.9 7.4v35.8c1.2 2.3 2.7 4.3 4.7 6.2c1.9 2 3.9 3.5 6.2 5.1q4.1 2.3 8.2 3.5c7.7 1.9 15.9 1.5 23.3-1.2c3.5-1.9 7-4.3 9.3-7.4c2.8-3.1 4.7-7 5.9-10.9c1.1-4.7 1.9-9.7 2.3-14.8c0-4.6-.8-9.7-2.3-14.8q-1.8-6.4-5.9-11.7c-2.7-3.1-5.8-5.8-9.7-7.4c-3.9-1.9-7.8-2.7-12.1-2.7zm-107.7-79.8c4.3 0 8.5 2 11.3 5.1c3.1 3.1 5 7 4.6 11.3c0 8.9-7 16.3-15.9 16.3c-9 0-16-7.4-16-16.3c0-9 7-16 16-16zm-16 52.2h31.2v126.5h-31.2z"/></svg>Как использовать иконку Makemytrip
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:makemytrip" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:makemytrip" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:makemytrip" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--makemytrip]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:makemytrip"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:makemytrip"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/makemytrip.svg" alt="Иконка Makemytrip" width="24" height="24">Иконка Makemytrip в других наборах
Вопросы и ответы: Иконка Makemytrip
Можно ли бесплатно использовать иконку Makemytrip в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Makemytrip в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:makemytrip" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Makemytrip на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/makemytrip.svg" alt="Иконка Makemytrip">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.