Иконка Graduation Cap Light

stash:graduation-cap-light

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

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

Скачать 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="m5.005 11.581l1.479.518l-.423 3.385c-.057.452.127.92.52 1.196c1.157.815 3.043 1.82 5.42 1.82a9 9 0 0 0 5.473-1.834c.365-.28.522-.727.47-1.152l-.427-3.415l3.57-1.25c.803-.28.803-1.417 0-1.698l-7.6-2.66a4.5 4.5 0 0 0-2.973 0l-7.6 2.66c-.804.28-.804 1.417 0 1.699l1.05.367c-.138.18-.235.365-.303.535a2.4 2.4 0 0 0-.112.355a1 1 0 0 0-.13 1.707l-.005.017l-.875 3.939a.6.6 0 0 0 .586.73h1.75a.6.6 0 0 0 .586-.73l-.875-3.94l-.004-.017a1 1 0 0 0-.013-1.636a1.3 1.3 0 0 1 .436-.596m8.151-4.147a3.5 3.5 0 0 0-2.312 0l-7.06 2.472a.1.1 0 0 0 0 .188l1.131.397c.34-.139.89-.284 1.487-.423a65 65 0 0 1 2.379-.496a141 141 0 0 1 3.137-.565a.5.5 0 0 1 .164.986q-.474.08-.948.163c-.577.102-1.355.242-2.164.397s-1.647.327-2.34.489l-.084.02l4.298 1.504a3.5 3.5 0 0 0 2.312 0l7.061-2.472a.1.1 0 0 0 0-.188zm.33 6.075l3.065-1.072l.4 3.201a.25.25 0 0 1-.087.236A8 8 0 0 1 12 17.5c-2.091 0-3.777-.886-4.844-1.638a.27.27 0 0 1-.103-.254l.396-3.171l3.065 1.072a4.5 4.5 0 0 0 2.973 0M3.625 17.5L4 15.805l.377 1.695z" clip-rule="evenodd"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Stash Icons →