Иконка Capital One

thesvg-color:capital-one

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="418" height="150" viewBox="0 0 418 150"><path fill="#cc2427" d="M283.7 108.5h-.1c-17.8 12.6-38.8 25.8-61.5 39.7l-.9.5a.7.7 0 1 0 .8 1.1l.7-.4c19.3-10 41.4-21.9 63.6-34.2l.4-.2a24.7 24.7 0 0 1-3-6.5m116.8-94.6c-28-30.9-208.6-3.1-285.3 13.7l-1.8.4a.8.8 0 0 0-.6.8a.6.6 0 0 0 .8.5l1.8-.3C179 17.7 311.3 2 339.7 30.2c8.7 8.6 6.7 19.7-3.4 32.8a25.7 25.7 0 0 1 11 15.8c39.3-26.1 65.7-51.1 53.2-64.9"/><path fill="#013d5b" d="M133 84.3a10.4 10.4 0 0 0-6.1 2a9.4 9.4 0 0 0-3.3 6c-.6 3.1-.3 5.2.9 6.6a7.1 7.1 0 0 0 5.3 2a10.2 10.2 0 0 0 4.4-.9a8.1 8.1 0 0 0 3.3-2.8a12.5 12.5 0 0 0 1.9-4.6c.5-2.8.1-4.8-1.2-6.2a6.7 6.7 0 0 0-5.2-2.1m-31.1 38.8l8.3-46.8h15l-1.2 6a14.2 14.2 0 0 1 6.3-4.5a27 27 0 0 1 9.7-2c3.9 0 6.3.2 9.2 1.7a12.4 12.4 0 0 1 6 6.6a16.8 16.8 0 0 1 .8 9.5a20.7 20.7 0 0 1-8.4 13.7c-4.6 3.3-8.7 4.2-14.6 4.2a20.4 20.4 0 0 1-5.3-.6a12.1 12.1 0 0 1-3.4-1.3a15.5 15.5 0 0 1-2.8-2.6l-2.8 16.1zM275 111h-17.4l8.8-48.6l16.9.4zm-86.8-35.1l1.2-7.1l17.8-3.8l-1.9 10.9h8.8l-1.7 7.1h-8.5l-5.1 28h-17.3l5.2-28h-6.5l1.3-7h6.7zM49.6 98.5a62.3 62.3 0 0 1-14.2 1.5c-8.1 0-14.6-4-14.2-11.5c.2-4.9 6.1-15.3 20.9-15.3a24.3 24.3 0 0 1 13.3 3.6l2.1-12.1a40.3 40.3 0 0 0-16.8-2.8c-19.5.2-38.2 9-40.5 27s20 22.9 29.9 22.9c5.7 0 11.7-.3 17.2-.8zM239.3 95l-2.9.8l-6.7 1.2a10.8 10.8 0 0 0-4.5 1.4a3 3 0 0 0-1.5 2.2a2.2 2.2 0 0 0 .9 2.4c.9.6 2.3.8 4.3.8a16 16 0 0 0 4.4-.6a10.2 10.2 0 0 0 3.6-1.9a5.1 5.1 0 0 0 1.5-2.3a22.4 22.4 0 0 0 .9-4m18.4-11.5c-.1 1.7-.4 3.3-.8 5.8l-3.1 17.5a3.2 3.2 0 0 0 1.7 3.6v.6h-17.9v-4.5a36 36 0 0 1-8.6 3.7a32.2 32.2 0 0 1-8.6 1c-5.7 0-9-.6-11.3-2.6s-3.4-3.4-3.3-6.2a9.5 9.5 0 0 1 2.2-5.2a13.3 13.3 0 0 1 4.7-3.3a25.4 25.4 0 0 1 7.1-2c3.2-.5 7.6-1 13.5-1.5a24 24 0 0 0 5.8-1.3c1.2-.5 1.7-1 1.9-2s-.2-2.8-2.6-3.3c-6.4-1.3-18.4.8-24.6 2.3l3.3-9a162 162 0 0 1 23.9-2c12.7.1 16.8 3.8 16.7 8.4M155.5 111l6.2-34.9h17.1l-6.2 34.9zm7.2-42.9c.5-2.9 5-5.2 10.1-5.2s8.7 2.3 8.2 5.2s-5 5.2-10.1 5.2s-8.7-2.4-8.2-5.2M85.5 94.9a13 13 0 0 1-2.9.8L76 96.9a10.8 10.8 0 0 0-4.6 1.4a3.2 3.2 0 0 0-1.5 2.3a2.1 2.1 0 0 0 1 2.3a7.3 7.3 0 0 0 4.2.9a16.2 16.2 0 0 0 4.4-.7a10.2 10.2 0 0 0 3.6-1.9a5.1 5.1 0 0 0 1.5-2.3a14.7 14.7 0 0 0 .9-4m18.4-11.4c-.1 1.7-.4 3.2-.8 5.8l-3.1 17.4a3.2 3.2 0 0 0 1.7 3.6v.7H83.8v-4.4a40.2 40.2 0 0 1-8.6 3.6a31.8 31.8 0 0 1-8.5 1.1c-5.8 0-9.1-.6-11.3-2.6s-3.5-3.4-3.4-6.3a9.6 9.6 0 0 1 2.2-5.1a13.5 13.5 0 0 1 4.7-3.4a29 29 0 0 1 7.2-2c3.1-.5 7.5-1 13.4-1.5a15.7 15.7 0 0 0 5.8-1.3c1.3-.5 1.7-1 1.9-2s-.2-2.8-2.6-3.3c-6.4-1.2-18.4.8-24.6 2.4l3.3-9.1a163 163 0 0 1 23.9-2c12.7 0 16.8 3.7 16.7 8.4m240.7 4.7l3.9-.4c1.3 0 2.4.3 2.5 1.5s-1.3 6-1.6 7.3l-2.7 11.7c-1 4.8-2.2 9.8-3.2 13.8h6.8l3.8-18.6c11.8-12.2 16.3-16.2 19-16.2a2 2 0 0 1 2.2 2.2c.1 2.1-1.3 7-1.7 8.4l-4 13.5c-.8 3.1-1.5 5.8-1.4 7.8s1.9 4.3 4.5 4.3c5 0 8.7-5.2 11.8-10.3l-.9-1.7c-1.3 2-4.2 6.5-6.6 6.5c-.7 0-1.4-.5-1.4-1.7a20.5 20.5 0 0 1 1-5.5l4.4-15.9c1.1-4.4 1.7-7.2 1.7-8.7s-1.9-4.3-4.5-4.3c-4.5 0-10.5 3.3-23.1 17.8h-.2l1.6-7.1c.9-3.9 1.7-7.9 2.5-10.7a114.5 114.5 0 0 1-14.5 4.1zm66.9.4c-.1-2.8-1.5-4.7-4.4-4.7c-7 0-14.4 13.7-15.7 19.2c11.4 0 20.4-6.8 20.1-14.5m1.5 21.5l1.3.9c-3.4 6.9-10.3 12.5-18.5 12.5c-6.7 0-12.1-4.4-12.4-12.7c-.6-15 13.5-28.9 24.9-28.9c4.9 0 9.5 2.2 9.7 7.5c.4 11.9-16.3 15.5-27.3 15.7a14.3 14.3 0 0 0-.4 4.4c.2 5 3.2 9.1 9.3 9.1s10.7-4.3 13.4-8.5m-117.9-9.7c.3 10.9 7.2 19.8 16.2 19.8c17.4 0 24.8-21.4 24.3-35.7c-.4-10.9-7.4-19.8-16.4-19.8c-15 0-24.7 21.3-24.1 35.7m-9.2-.6c-.7-18.6 13.9-37.6 35-37.6c14.2 0 23.4 9.5 23.9 23.9c.7 19.6-12.9 37.6-35 37.6c-14.2 0-23.4-9.4-23.9-23.9"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="thesvg-color:capital-one"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

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