Kallithea icon
logos:kallithea
The Kallithea icon (logos:kallithea) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 709 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
- 256 × 709
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="709" viewBox="0 0 256 709"><path fill="#587635" d="M256 315.32c0-17.175-13.972-31.147-31.148-31.147s-31.147 13.972-31.147 31.148c0 13.748 8.96 25.422 21.344 29.543v37.214s-.032 1.797-.997 3.993c-.97 2.196-1.333 2.665-1.333 2.665l-83.101 85.597l1.167-185.351s-.789-10.188 1.994-14.655c2.783-4.462 6.829-7.159 6.829-7.159l46.463-47.796s7.953-7.17 9.66-12.16c1.705-4.984.83-22.314.83-22.314l-1.758-100.405c18.103-5.096 31.425-21.718 31.425-41.426C226.228 19.32 206.908 0 183.16 0c-23.743 0-43.062 19.319-43.062 43.067c0 19.75 13.375 36.394 31.537 41.453l1.28 100.714s.954 8.028 0 11.322c-.95 3.3-4.66 7.33-4.66 7.33l-48.632 49.96s-10.033 10.944-11.653 14.49c-1.626 3.54-.837 20.981-.837 20.981v77.27l-44.795-41.799s-1.834-1.737-3.166-4.995c-1.333-3.262-.832-8.993-.832-8.993L56.9 182.334c21.996-4.27 38.66-23.653 38.66-46.879c0-26.35-21.436-47.78-47.78-47.78c-26.35 0-47.78 21.43-47.78 47.78c0 23.37 16.877 42.844 39.08 46.948l1.44 133.062s-.433 7.026 1.503 10.987c1.93 3.966 6.327 9.328 6.327 9.328l54.289 52.455s1.716 2.01 4.494 7.495l-.166 135.061s1.434 13.913-10.656 15.155H55.008v.198h-.16V662.37h33.307v-.187h.16V579.45h98.907v-.197h.182v-33.307h-45.461c-8.69-1.434-11.979-6.914-12.66-15.155l.17-26.814c4.238-8.854 12.82-17.149 12.82-17.149l86.263-89.264s3.198-2.719 4.499-7.66c1.354-5.128 1.498-9.329 1.498-9.329l-.15-35.61C246.912 340.925 256 329.17 256 315.321M149.64 43.068c0-18.487 15.033-33.525 33.52-33.525s33.526 15.038 33.526 33.525c0 18.488-15.039 33.526-33.526 33.526s-33.52-15.038-33.52-33.526M9.542 135.455c0-21.083 17.155-38.238 38.238-38.238s38.237 17.155 38.237 38.238s-17.154 38.238-38.237 38.238s-38.238-17.155-38.238-38.238m215.31 201.472c-11.914 0-21.605-9.697-21.605-21.606c0-11.914 9.691-21.606 21.605-21.606s21.606 9.692 21.606 21.606c0 11.909-9.691 21.606-21.606 21.606M154.45 675.59h-99.6v33.307h132.906V592.505H154.45z"/></svg>How to use the Kallithea icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:kallithea" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:kallithea" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:kallithea" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--kallithea]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:kallithea"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:kallithea"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/kallithea.svg" alt="Kallithea icon" width="24" height="24">Kallithea icon FAQ
Is the Kallithea 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 Kallithea icon in React?
Install @iconify/react and render <Icon icon="logos:kallithea" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Kallithea icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/kallithea.svg" alt="Kallithea icon">, or paste the SVG code inline to style it with CSS.