Consul icon
logos:consul
The Consul icon (logos:consul) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 259 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 × 259
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="259" viewBox="0 0 256 259"><path fill="#e03875" d="m216.745 34.167l-30.553 32.058c-33.98-30.638-86.127-28.84-117.917 4.065s-31.79 85.082 0 117.987s83.937 34.703 117.917 4.065l30.553 31.936a128.8 128.8 0 0 1-87.468 34.133c-57.829.027-108.633-38.375-124.382-94.018S12.289 49.42 61.554 19.135S174.208-5.01 216.745 34.167m16.517 138.444c5.842 0 10.578 4.736 10.578 10.577s-4.736 10.578-10.578 10.578s-10.577-4.736-10.577-10.578s4.736-10.577 10.577-10.577m12.16-36.167c5.842 0 10.578 4.736 10.578 10.577c-.022 5.833-4.745 10.556-10.578 10.578c-5.841 0-10.577-4.736-10.577-10.578s4.736-10.577 10.577-10.577M128.46 101.212c15.459 0 27.99 12.532 27.99 27.99c0 15.459-12.531 27.99-27.99 27.99s-27.99-12.531-27.99-27.99s12.532-27.99 27.99-27.99m85.479 34.011c5.842 0 10.578 4.736 10.578 10.578s-4.736 10.577-10.578 10.577s-10.578-4.735-10.578-10.577s4.736-10.578 10.578-10.578m0-33.156c5.842 0 10.578 4.735 10.578 10.577s-4.736 10.578-10.578 10.578s-10.578-4.736-10.578-10.578s4.736-10.577 10.578-10.577m31.484-1.22c5.842 0 10.578 4.735 10.578 10.577c-.022 5.832-4.745 10.555-10.578 10.577c-5.841 0-10.577-4.735-10.577-10.577s4.736-10.578 10.577-10.578M233.87 65.248c5.841 0 10.577 4.736 10.577 10.577s-4.736 10.578-10.577 10.578s-10.578-4.736-10.578-10.578s4.736-10.577 10.578-10.577"/></svg>How to use the Consul icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:consul" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:consul" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:consul" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--consul]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:consul"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:consul"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/consul.svg" alt="Consul icon" width="24" height="24">Consul icon in other icon sets
Consul icon FAQ
Is the Consul 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 Consul icon in React?
Install @iconify/react and render <Icon icon="logos:consul" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Consul icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/consul.svg" alt="Consul icon">, or paste the SVG code inline to style it with CSS.