Иконка Cvs

thesvg-color:cvs

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="181" height="24" viewBox="0 0 181 24"><path d="M152.144 22.254c.402 0 1.03-.085 1.344-.2v-1.945a5 5 0 0 1-1.057.114c-1.03 0-1.517-.543-1.517-2.145V.6h-4.405v1.946h2.003v15.645c0 2.662 1.059 4.063 3.632 4.063m5.95-4.033v-9.04h3.003V7.236h-3.003V3.461h-2.402v3.775h-2.289v1.945h2.289v9.154c0 2.631 1.172 3.919 3.947 3.919c.43 0 1.115-.085 1.458-.2v-1.945a6.6 6.6 0 0 1-1.229.114c-1.202 0-1.774-.43-1.774-2.002m-38.73-9.41c3.147 0 4.777 2.23 5.034 4.72h-10.325c.286-2.718 2.116-4.72 5.291-4.72m11.642 5.834c0-3.375 2.146-5.806 5.177-5.806c3.061 0 5.149 2.487 5.149 5.806s-2.088 5.808-5.149 5.808c-3.031 0-5.177-2.433-5.177-5.808m37.843 5.464h-2.002v-6.636c0-3.09 1.574-4.634 4.347-4.634c2.49 0 4.092 1.545 4.092 4.634v6.636h-2.003v1.945h6.408v-1.945h-2.003v-6.636c0-3.69-2.202-6.665-6.207-6.665c-2.088 0-3.633.8-4.634 2.088V.6h-4.405v1.946h2.002V20.11h-2.002v1.945h6.407zM95.223 9.554V2.603h2.145V.6H90.59v2.003h2.145V20.05H90.59v2.003h6.78V20.05h-2.146V11.5h10.755v8.552h-2.145v2.003h6.779V20.05h-2.145V2.603h2.145V.6h-6.779v2.003h2.145v6.95zm31.235 8.524h-2.402c-.859 1.487-2.403 2.402-4.605 2.402c-3.348 0-5.149-2.031-5.378-5.034h12.729v-1.058c0-4.52-2.889-7.58-7.438-7.58c-4.576 0-7.75 3.232-7.75 7.837c0 4.634 3.174 7.838 7.75 7.838c3.347 0 5.922-1.688 7.094-4.405m14.789 3.976h4.405v-1.945h-2.003V9.18h2.003V7.236h-4.405V9.44c-1.259-1.63-3.148-2.631-5.379-2.631c-4.204 0-7.321 3.375-7.321 7.837c0 4.463 3.117 7.838 7.321 7.838c2.231 0 4.12-1.002 5.379-2.632z"/><path fill="#c00" d="M7.665.029A3.16 3.16 0 0 0 5.42.96L.928 5.454a3.18 3.18 0 0 0 .005 4.492L13.61 22.625L26.29 9.946a3.176 3.176 0 0 0-.002-4.492L21.799.964a3.17 3.17 0 0 0-4.496.004L13.612 4.66L9.914.962A3.16 3.16 0 0 0 7.666.03m41.79.57h7.01l3.603 13.845L63.931.6h6.75l-7.208 21.425h-6.836zm1.46 13.101c-.372 5.635-4.09 8.924-10.24 8.924c-6.837 0-11.013-4.347-11.013-11.297C29.663 4.318 33.868 0 40.533 0c6.206 0 9.868 3.146 10.269 8.695H44.25c-.2-2.174-1.43-3.317-3.633-3.317c-2.689 0-4.032 1.973-4.032 5.95c0 3.89 1.458 5.92 4.232 5.92c2.089 0 3.404-1.26 3.605-3.547zm25.257 1.63c.344 1.603 1.259 2.175 3.146 2.175c1.659 0 2.575-.601 2.575-1.546c0-1.344-1.23-1.457-3.776-2.116c-2.975-.771-4.891-1.43-5.777-2.06c-1.66-1.172-2.46-2.832-2.46-4.948C69.88 2.69 73.14 0 78.833 0c5.521 0 8.781 2.431 9.154 6.751h-6.494c-.229-1.287-1.115-1.889-2.774-1.889c-1.458 0-2.175.487-2.175 1.46c0 1.144 1.117 1.344 3.177 1.887c2.66.687 4.776 1.116 6.12 2.031c1.888 1.259 2.746 2.804 2.746 5.006c0 4.661-3.346 7.379-9.554 7.379c-5.749 0-9.125-2.717-9.554-7.294z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

Иконка Cvs в других наборах

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

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

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

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

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

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

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

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