Иконка Graduationcap
fxemoji:graduationcap
Иконка Graduationcap (fxemoji:graduationcap) — бесплатная SVG-иконка из набора Firefox OS Emoji от Mozilla. Она нарисована на сетке 512 × 512. Firefox OS Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Firefox OS Emoji
- Автор
- Mozilla
- Лицензия
- Apache-2.0
- Размер
- 512 × 512
- Категория
- Предметы
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#132028" d="M414.531 341.538v.003c0 50.556-68.509 91.541-153.02 91.541c-73.06 0-134.142-30.634-149.357-71.599l-6.635-1.594v-11.492l-2.972-1.334c-6.771-3.038-6.771-8.01 0-11.048l2.972-1.334V232.763l92.177 25.56c19.424-5.34 41.036-8.322 63.815-8.322c24.188 0 47.059 3.362 67.395 9.34l85.625-20.578z"/><path fill="#FFB636" d="m122.592 389.093l5.153 56.089c.977 10.633-6.851 20.045-17.485 21.022s-20.045-6.851-21.022-17.485a20.6 20.6 0 0 1 0-3.538l5.153-56.089c.715-7.788 7.608-13.521 15.396-12.805c6.908.635 12.198 6.137 12.805 12.806"/><path fill="#464A4C" d="M236.306 345.585L10.521 220.269c-10.831-6.012-10.831-15.849 0-21.861L236.306 73.093c10.831-6.012 28.556-6.012 39.387 0l225.785 125.316c10.831 6.012 10.831 15.849 0 21.861L275.694 345.585c-10.832 6.012-28.556 6.012-39.388 0"/><path fill="#FFD592" d="M108.492 395.822c-16.022 0-29.011-12.989-29.011-29.012v-7.503c0-16.022 12.989-29.012 29.011-29.012s29.011 12.989 29.011 29.012v7.503c0 16.023-12.989 29.012-29.011 29.012"/><path fill="#FFB636" d="M108.492 368.861c-8.332 0-15.086-6.754-15.086-15.086v-68.631c0-5.361 2.846-10.32 7.475-13.025l147.508-86.194c7.194-4.203 16.433-1.779 20.637 5.415c4.203 7.193 1.779 16.433-5.414 20.636l-140.034 81.826v59.974c0 8.331-6.755 15.085-15.086 15.085"/><path fill="#132028" d="M290.332 198.95c0 13.307-15.371 24.094-34.332 24.094s-34.332-10.787-34.332-24.094s15.371-24.094 34.332-24.094s34.332 10.787 34.332 24.094"/></svg>Как использовать иконку Graduationcap
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:graduationcap" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:graduationcap" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:graduationcap" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--graduationcap]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:graduationcap"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:graduationcap"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/graduationcap.svg" alt="Иконка Graduationcap" width="24" height="24">Вопросы и ответы: Иконка Graduationcap
Можно ли бесплатно использовать иконку Graduationcap в коммерческих проектах?
Да. Firefox OS Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Graduationcap в React?
Установите @iconify/react и выведите <Icon icon="fxemoji:graduationcap" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Graduationcap на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fxemoji/graduationcap.svg" alt="Иконка Graduationcap">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.