Иконка Technical Communication Suite
thesvg-color:technical-communication-suite
Иконка Technical Communication Suite (thesvg-color:technical-communication-suite) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 32 × 32. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 32 × 32
- Теги
- technicalcommunication, communicationsuite, technicalcommunicationsuite
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g clip-path="url(#SVGmAhx2dHO)"><path fill="url(#SVGsaxxcdVv)" d="M30.656 1.33H1.308v28.599h29.348z"/><path fill="#dcdcdc" fill-rule="evenodd" d="M0 0v31.2l31.973-.004L32 0zm1.308 1.33h29.348l-.016 28.599H1.307z" clip-rule="evenodd"/><path fill="#dcdcdc" fill-rule="evenodd" d="M17.435 21.338c-.079-.06-.119-.139-.119-.259v-1.907c0-.06.08-.12.159-.06c.894.617 1.94.895 2.933.895c1.45 0 2.047-.756 2.047-1.61c0-.755-.377-1.37-1.768-2.184l-.716-.377c-2.046-1.154-2.642-2.325-2.642-3.815c0-2.027 1.411-3.656 4.073-3.656c1.171 0 1.965.179 2.462.457c.099.04.119.1.119.22v1.787c0 .079-.08.139-.159.079c-.616-.397-1.45-.596-2.383-.596c-1.529 0-2.026.874-2.026 1.57c0 .755.377 1.311 1.748 2.066l.636.337c2.265 1.252 2.841 2.464 2.841 3.953c0 2.205-1.61 3.736-4.232 3.736c-1.172 0-2.237-.219-2.973-.636m-6.785-10.81H7.312c-.1 0-.135-.058-.115-.176l.24-1.686c.018-.098.058-.138.158-.138h8.344c.118 0 .158.04.178.158l.16 1.683c.02.119-.04.159-.14.159h-3.354v11.191c0 .099-.04.141-.159.141h-1.816c-.119 0-.159-.04-.159-.158z" clip-rule="evenodd"/></g><defs><radialGradient id="SVGsaxxcdVv" cx="0" cy="0" r="1" gradientTransform="translate(13.009 10.856)scale(19.1526)" gradientUnits="userSpaceOnUse"><stop stop-color="#111" stop-opacity=".85"/><stop offset=".767" stop-color="#0a0a0a"/></radialGradient><clipPath id="SVGmAhx2dHO"><path fill="#fff" d="M0 0h32v31.2H0z"/></clipPath></defs></g></svg>Как использовать иконку Technical Communication Suite
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:technical-communication-suite" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:technical-communication-suite" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:technical-communication-suite" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--technical-communication-suite]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:technical-communication-suite"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:technical-communication-suite"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/technical-communication-suite.svg" alt="Иконка Technical Communication Suite" width="24" height="24">Вопросы и ответы: Иконка Technical Communication Suite
Можно ли бесплатно использовать иконку Technical Communication Suite в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Technical Communication Suite в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:technical-communication-suite" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Technical Communication Suite на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/technical-communication-suite.svg" alt="Иконка Technical Communication Suite">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.