Иконка Graduation Cap Duotone

stash:graduation-cap-duotone

Иконка Graduation Cap Duotone (stash:graduation-cap-duotone) — бесплатная SVG-иконка из набора Stash Icons от Pingback LLC. Она нарисована на сетке 24 × 24. Stash Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Stash Icons
Автор: Pingback LLC
Лицензия: MIT
Размер: 24 × 24
Теги: graduationcap, capduotone, graduationcapduotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M13.074 7.67a3.25 3.25 0 0 0-2.147 0L4.27 10l1.023.358c-.213.066-.39.131-.517.195c-.47.234-.77.561-.958.878l-.988-.346c-1.027-.359-1.027-1.811 0-2.17l7.6-2.66a4.75 4.75 0 0 1 3.138 0l7.6 2.66c1.027.359 1.027 1.811 0 2.17l-3.38 1.183l.402 3.215a1.5 1.5 0 0 1-.564 1.382A9.25 9.25 0 0 1 12 18.75c-2.447 0-4.384-1.035-5.563-1.866a1.52 1.52 0 0 1-.624-1.431l.398-3.185l-1.412-.494c.101-.12.238-.234.425-.327s.687-.238 1.405-.405q.182-.043.374-.085l3.924 1.373a3.25 3.25 0 0 0 2.147 0L19.73 10zm.495 6.075l2.772-.97l.362 2.894v.013A7.75 7.75 0 0 1 12 17.25c-2.019 0-3.653-.855-4.697-1.59a.04.04 0 0 1-.002-.021l.358-2.864l2.772.97a4.75 4.75 0 0 0 3.138 0" clip-rule="evenodd"/><path fill="currentColor" d="M12.493 9.418a.5.5 0 0 1-.41.575l-.068.011l-.19.033a145 145 0 0 0-2.856.516c-.81.156-1.646.327-2.34.489c-.719.167-1.219.312-1.405.405a1.27 1.27 0 0 0-.655.73a1 1 0 0 1 .013 1.636l.004.018l.875 3.939a.6.6 0 0 1-.586.73h-1.75a.6.6 0 0 1-.586-.73l.875-3.94l.004-.017a1 1 0 0 1 .133-1.707a2.27 2.27 0 0 1 1.226-1.554c.313-.156.938-.324 1.625-.484a65 65 0 0 1 2.379-.496a141 141 0 0 1 2.875-.52l.193-.034l.069-.011a.5.5 0 0 1 .575.41" opacity=".5"/></svg>

Как использовать иконку Graduation Cap Duotone

React

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

<Icon icon="stash:graduation-cap-duotone" width="24" />

Vue

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

<template>
  <Icon icon="stash:graduation-cap-duotone" width="24" />
</template>

Svelte

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

<Icon icon="stash:graduation-cap-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--graduation-cap-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:graduation-cap-duotone"></div>

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

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

<iconify-icon icon="stash:graduation-cap-duotone"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/stash/graduation-cap-duotone.svg" alt="Иконка Graduation Cap Duotone" width="24" height="24">

Иконка Graduation Cap Duotone в других наборах

Вопросы и ответы: Иконка Graduation Cap Duotone

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

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

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

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

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

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

Все Stash Icons →