Иконка Indesign

thesvg-color:indesign

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

Набор: theSVG Color
Автор: thesvg.org
Лицензия: MIT
Размер: 83 × 80

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="83" height="80" viewBox="0 0 83 80"><g fill="none"><g clip-path="url(#SVGRJNxRbwH)"><path fill="#49021f" d="M67.521 0H14.53C6.505 0 0 6.505 0 14.53v50.94C0 73.495 6.505 80 14.53 80h52.99c8.025 0 14.53-6.505 14.53-14.53V14.53C82.051 6.505 75.546 0 67.521 0"/><path fill="#f36" d="M29.798 20.929V55.99q0 .55-.496.55h-6.66q-.44 0-.44-.55V20.929q0-.44.495-.44h6.66a.39.39 0 0 1 .44.44m19.706 36.163a17.05 17.05 0 0 1-7.348-1.541a11.7 11.7 0 0 1-5.147-4.651q-1.871-3.11-1.871-7.789a14.4 14.4 0 0 1 1.871-7.21a13.74 13.74 0 0 1 5.45-5.285q3.577-1.98 8.641-1.981q.275 0 .716.027q.44.03 1.046.083V17.9q0-.384.33-.385h6.935a.29.29 0 0 1 .33.33v32.53q0 .938.083 2.037q.083 1.102.138 1.982a.57.57 0 0 1-.33.55c-1.79.746-3.653 1.3-5.56 1.651a30 30 0 0 1-5.284.496m3.358-6.825V35.24a5.5 5.5 0 0 0-.908-.165a11 11 0 0 0-1.129-.055a8.5 8.5 0 0 0-3.853.88a7.5 7.5 0 0 0-2.89 2.532q-1.128 1.651-1.128 4.349c-.027 1.2.17 2.394.578 3.522c.333.91.858 1.736 1.541 2.422a5.9 5.9 0 0 0 2.312 1.376a9 9 0 0 0 2.835.44q.77 0 1.43-.054c.41-.031.817-.105 1.212-.22"/></g><defs><clipPath id="SVGRJNxRbwH"><path fill="#fff" d="M0 0h82.051v80H0z"/></clipPath></defs></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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