Иконка Document Certificate

streamline-plump-color:document-certificate

Иконка Document Certificate (streamline-plump-color:document-certificate) — бесплатная SVG-иконка из набора Plump color icons от Streamline. Она нарисована на сетке 48 × 48. Plump color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Plump color icons
Автор: Streamline
Лицензия: CC-BY-4.0
Размер: 48 × 48
Категория: Деньги и покупки
Теги: documentcertificate

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#8fbffa" d="M39.752 3.463c2.55.177 4.539 2.081 4.762 4.627C44.76 10.88 45 15.115 45 21s-.486 12.91-.486 12.91s0-4.41-.514-5.91a7.97 7.97 0 0 0-1.556-4.74a7.98 7.98 0 0 0-2.252-4.452a7.98 7.98 0 0 0-4.452-2.252A7.98 7.98 0 0 0 31 15a7.97 7.97 0 0 0-4.74 1.556a7.98 7.98 0 0 0-4.452 2.252a7.98 7.98 0 0 0-2.252 4.452A7.98 7.98 0 0 0 18 28c0 1.774.58 3.416 1.556 4.74a7.98 7.98 0 0 0 2.252 4.452q.56.559 1.197.986q.003.403.01.82c-6.848-.02-11.686-.246-14.767-.46c-2.55-.178-4.539-2.082-4.762-4.628C3.24 31.12 3 26.885 3 21s.24-10.121.486-12.91c.223-2.546 2.212-4.45 4.762-4.627C11.475 3.238 16.628 3 24 3s12.525.238 15.752.463"/><path fill="#fff" d="M22 28c0 1.257.58 2.379 1.487 3.112a4 4 0 0 0 1.15 3.252a3.98 3.98 0 0 0 2.374 1.146c-.03 2.262-.005 5.2.19 8.395c.05.84 1.057 1.224 1.665.642l1.615-1.55a.75.75 0 0 1 1.038 0l1.615 1.55c.608.582 1.615.198 1.666-.642c.194-3.196.22-6.133.19-8.395a3.98 3.98 0 0 0 2.374-1.146a4 4 0 0 0 1.15-3.252A4 4 0 0 0 40 28c0-1.257-.58-2.379-1.487-3.112a4 4 0 0 0-1.149-3.252a4 4 0 0 0-3.252-1.15A4 4 0 0 0 31 19c-1.257 0-2.379.58-3.112 1.487a4 4 0 0 0-3.252 1.149a4 4 0 0 0-1.15 3.252A4 4 0 0 0 22 28"/><path fill="#8fbffa" d="M28 28.047a3 3 0 1 0 6 0a3 3 0 1 0-6 0"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M22 38.994c-6.313-.038-10.825-.252-13.752-.457c-2.55-.177-4.539-2.081-4.762-4.627C3.24 31.12 3 26.885 3 21s.24-10.121.486-12.91c.223-2.546 2.212-4.45 4.762-4.627C11.475 3.238 16.628 3 24 3s12.525.238 15.752.463c2.55.177 4.539 2.081 4.762 4.627C44.76 10.88 45 15.115 45 21s-.24 10.121-.486 12.91c-.216 2.463-2.084 4.325-4.514 4.605"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M22 28c0 1.257.58 2.379 1.487 3.112a4 4 0 0 0 1.15 3.252a3.98 3.98 0 0 0 2.374 1.146c-.03 2.262-.005 5.2.19 8.395c.05.84 1.057 1.224 1.665.642l1.615-1.55a.75.75 0 0 1 1.038 0l1.615 1.55c.608.582 1.615.198 1.666-.642c.194-3.196.22-6.133.19-8.395a3.98 3.98 0 0 0 2.374-1.146a4 4 0 0 0 1.15-3.252A4 4 0 0 0 40 28c0-1.257-.58-2.379-1.487-3.112a4 4 0 0 0-1.149-3.252a4 4 0 0 0-3.252-1.15A4 4 0 0 0 31 19c-1.257 0-2.379.58-3.112 1.487a4 4 0 0 0-3.252 1.149a4 4 0 0 0-1.15 3.252A4 4 0 0 0 22 28"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M28 28.045a3 3 0 1 0 6 0a3 3 0 1 0-6 0M12 12h21m-21 7h6"/></g></svg>

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

React

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

<Icon icon="streamline-plump-color:document-certificate" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump-color:document-certificate" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump-color:document-certificate" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--document-certificate]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:document-certificate"></div>

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

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

<iconify-icon icon="streamline-plump-color:document-certificate"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/streamline-plump-color/document-certificate.svg" alt="Иконка Document Certificate" width="24" height="24">

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

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

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

Да. Plump color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

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

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

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

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

Все Plump color icons →