Codesee icon
logos:codesee
The Codesee icon (logos:codesee) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 85 grid. SVG Logos icons are released under the CC0 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
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 512 × 85
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="85" viewBox="0 0 512 85"><path d="M492.811 84.797c6.485 0 12.573-2.514 17.47-5.293l-4.235-10.853c-3.44 1.985-7.676 3.573-12.573 3.573c-12.838 0-15.353-9.132-15.353-22.102s1.589-23.161 10.456-23.161c7.544 0 10.456 9.397 9.265 23.161l4.367-5.559h-28.19l-.265 9.265h37.984c1.853-25.94-6.088-38.381-23.69-38.381c-17.603 0-25.014 13.764-25.014 34.675s8.867 34.675 29.778 34.675m-55.19 0c6.486 0 12.574-2.514 17.47-5.293l-4.234-10.853c-3.441 1.985-7.677 3.573-12.574 3.573c-12.838 0-15.352-9.132-15.352-22.102s1.588-23.161 10.456-23.161c7.543 0 10.455 9.397 9.264 23.161l4.367-5.559h-28.19l-.264 9.265h37.983c1.854-25.94-6.088-38.381-23.69-38.381s-25.014 13.764-25.014 34.675s8.868 34.675 29.779 34.675m-59.027 0c13.632 0 23.823-6.882 23.823-22.764c0-11.514-7.015-19.322-17.867-26.072c-6.75-4.235-9-7.28-9-11.118c0-4.632 3.97-7.411 8.868-7.411c4.102 0 7.676.794 11.25 3.176l4.499-11.382c-4.5-3.176-9.264-4.5-15.617-4.632c-13.5-.265-24.22 7.809-24.22 21.44c0 9.927 5.426 14.956 15.882 22.235c7.015 4.897 11.117 8.338 11.117 13.764c0 6.088-4.367 9.53-11.117 9.53c-4.632 0-9.397-2.25-13.103-4.103l-4.632 12.308c4.632 2.647 12.441 5.03 20.117 5.03m-95.689-9.662l3.044-4.5c-2.117.794-4.632 1.588-7.809 1.588c-11.117 0-14.955-9.131-14.955-22.102s2.515-23.16 13.103-23.16c2.382 0 6.617-.398 10.323 4.102l-3.706-5.691zm-5.161 9.662c6.484 0 13.367-1.06 19.455-3.97V0l-14.294 2.647v17.035l7.015.265c-3.97-2.912-9.133-4.5-15.353-4.5c-17.602 0-26.47 13.764-26.47 34.675s8.735 34.676 29.647 34.676m56.248 0c6.485 0 12.573-2.515 17.47-5.294l-4.235-10.853c-3.441 1.985-7.677 3.573-12.574 3.573c-12.837 0-15.352-9.131-15.352-22.102s1.588-23.16 10.455-23.16c7.544 0 10.456 9.396 9.265 23.16l4.368-5.558h-28.191l-.264 9.264h37.984c1.852-25.94-6.088-38.381-23.69-38.381c-17.603 0-25.015 13.764-25.015 34.675s8.868 34.676 29.779 34.676M215.54 72.224c-8.868 0-11.382-9.131-11.382-22.102s2.514-23.16 11.382-23.16s11.382 10.19 11.382 23.16s-2.515 22.102-11.382 22.102m0 12.574c17.602 0 26.47-13.765 26.47-34.676c0-20.91-8.868-34.675-26.47-34.675c-17.603 0-26.47 13.764-26.47 34.675s8.867 34.676 26.47 34.676m-47.117 0a32.05 32.05 0 0 0 17.47-5.162l-4.5-12.044c-3.44 2.118-7.279 3.706-11.514 3.706c-11.91 0-17.47-11.646-17.47-27.132c0-16.675 6.75-25.94 18-25.94c3.573 0 7.279 1.456 10.19 3.044l4.765-11.779c-4.5-3.044-9.529-4.897-16.94-4.897c-19.324 0-32.161 15.485-32.161 40.234c0 28.19 15.485 39.97 32.16 39.97M45.982 15.545l5.477 13.982c-8.36 3.315-19.315 10.955-29.982 20.468C32.144 59.51 43.1 67.005 51.46 70.608l-5.333 13.694C32.721 78.536 16.288 65.85 0 49.852l.977-.957c15.962-15.543 31.868-27.7 45.005-33.35m27.964 0C87.35 21.31 103.639 33.85 119.928 49.85l-.977.956C102.983 66.355 86.939 78.651 73.8 84.302l-5.33-13.694c8.36-3.604 19.315-11.1 29.982-20.613l-.866-.767C87.194 40.072 76.603 32.753 68.47 29.527zM59.964 38.896c6.289 0 11.388 5.098 11.388 11.388c0 6.289-5.1 11.387-11.388 11.387c-6.29 0-11.387-5.098-11.387-11.387s5.098-11.388 11.387-11.388"/></svg>How to use the Codesee icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:codesee" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:codesee" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:codesee" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--codesee]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:codesee"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:codesee"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/codesee.svg" alt="Codesee icon" width="24" height="24">Related icons in SVG Logos
Codesee icon FAQ
Is the Codesee icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Codesee icon in React?
Install @iconify/react and render <Icon icon="logos:codesee" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Codesee icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/codesee.svg" alt="Codesee icon">, or paste the SVG code inline to style it with CSS.