Иконка Card Account Details Outline

mdi:card-account-details-outline

Иконка Card Account Details Outline (mdi:card-account-details-outline) — бесплатная SVG-иконка из набора Material Design Icons от Pictogrammers. Она нарисована на сетке 24 × 24. Material Design Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Material Design Icons
Автор: Pictogrammers
Лицензия: Apache-2.0
Размер: 24 × 24
Категория: Аккаунт и пользователь
Теги: identification card outline, user card details outline, id card outline, person card details outline, drivers license outline, business card outline, account, user, cardaccount, accountdetails, detailsoutline, cardaccountdetailsoutline, detail, account card details outline

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M22 3H2c-1.09.04-1.96.91-2 2v14c.04 1.09.91 1.96 2 2h20c1.09-.04 1.96-.91 2-2V5a2.074 2.074 0 0 0-2-2m0 16H2V5h20zm-8-2v-1.25c0-1.66-3.34-2.5-5-2.5s-5 .84-5 2.5V17zM9 7a2.5 2.5 0 0 0-2.5 2.5A2.5 2.5 0 0 0 9 12a2.5 2.5 0 0 0 2.5-2.5A2.5 2.5 0 0 0 9 7m5 0v1h6V7zm0 2v1h6V9zm0 2v1h4v-1z"/></svg>

Как использовать иконку Card Account Details Outline

React

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

<Icon icon="mdi:card-account-details-outline" width="24" />

Vue

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

<template>
  <Icon icon="mdi:card-account-details-outline" width="24" />
</template>

Svelte

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

<Icon icon="mdi:card-account-details-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi--card-account-details-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:card-account-details-outline"></div>

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

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

<iconify-icon icon="mdi:card-account-details-outline"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/mdi/card-account-details-outline.svg" alt="Иконка Card Account Details Outline" width="24" height="24">

Вопросы и ответы: Иконка Card Account Details Outline

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

Да. Material Design Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Card Account Details Outline в React?

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

Как добавить иконку Card Account Details Outline на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/mdi/card-account-details-outline.svg" alt="Иконка Card Account Details Outline">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Material Design Icons →