Bachelor Cap One icon
icon-park:bachelor-cap-one
The Bachelor Cap One icon (icon-park:bachelor-cap-one) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Clothes
- Tags
- bachelorcap, capone, bachelorcapone
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke-linecap="round" d="M5 16L24 6L43 16L24 26L5 16Z"/><path d="M11 20V34.464C11 35.9282 12.0551 37.1872 13.4711 37.5594C15.6758 38.139 19.0564 39.2194 22.3562 41.0292C23.3775 41.5893 24.6225 41.5893 25.6438 41.0292C28.9436 39.2194 32.3242 38.139 34.5289 37.5594C35.9449 37.1872 37 35.9282 37 34.464V20"/><path stroke-linecap="round" d="M43 16L43 32"/></g></svg>
How to use the Bachelor Cap One icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:bachelor-cap-one" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:bachelor-cap-one" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:bachelor-cap-one" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--bachelor-cap-one]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:bachelor-cap-one"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:bachelor-cap-one"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/bachelor-cap-one.svg" alt="Bachelor Cap One icon" width="24" height="24">
Related icons in IconPark
Bachelor Cap One icon in other icon sets
Bachelor Cap One icon FAQ
Is the Bachelor Cap One icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Bachelor Cap One icon in React?
Install @iconify/react and render <Icon icon="icon-park:bachelor-cap-one" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Bachelor Cap One icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/bachelor-cap-one.svg" alt="Bachelor Cap One icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
