Mention icon
logos:mention
The Mention icon (logos:mention) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 100 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 × 100
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="100" viewBox="0 0 512 100"><path fill="#5a7281" d="M122.29 73.833h4.54c1.134 0 1.754-.315 1.754-2.738V41.521c0-2.526-.414-3.158-1.754-3.158h-4.54v-7.894h8.05c5.055 0 9.697-.526 11.97-1.053v10.105c3.095-6.736 8.048-10.42 15.683-10.42c8.05 0 13.21 3.788 14.963 11.682c2.683-7.578 8.049-11.682 16.511-11.682c10.938 0 16.614 6.209 16.614 19.997v21.996c0 2.423.618 2.738 1.753 2.738h4.54v7.894h-25.797v-7.894h3.818c1.137 0 1.754-.315 1.754-2.738V49.941c0-7.895-2.58-11.368-8.254-11.368c-6.399 0-9.597 5.158-9.597 14.946v17.576c0 2.423.62 2.738 1.754 2.738h4.334v7.894h-25.59v-7.894h3.817c1.136 0 1.755-.315 1.755-2.738V48.993c0-6.946-2.889-10.42-8.256-10.42c-6.399 0-9.596 5.158-9.596 14.946v17.576c0 2.423.62 2.738 1.754 2.738h4.024v7.894H122.29zm106.998-15.051c.309 9.576 4.953 15.893 14.342 15.893c7.12 0 11.247-3.684 13.622-9.893l7.843 3.577c-2.786 8.211-9.597 14.737-22.6 14.737c-18.264 0-27.447-11.263-27.447-27.05c0-15.999 10.627-26.944 26.107-26.944c15.891 0 24.66 10.104 24.66 27.05v2.63zm-.206-7.157h22.7c-.205-10.42-3.301-14.419-10.627-14.419c-7.328 0-11.456 4.315-12.073 14.42m60.257-11.998c3.198-7.053 8.976-10.525 17.026-10.525c10.63 0 16.304 6.314 16.304 19.155v22.84c0 2.422.62 2.737 1.754 2.737h4.54v7.894h-26.004v-7.894h4.024c1.136 0 1.755-.315 1.755-2.738V48.572c0-7.158-2.58-10.21-8.256-10.21c-6.913 0-10.938 5.262-10.938 16.735v15.998c0 2.423.618 2.738 1.753 2.738h4.025v7.894h-26.001v-7.894h4.539c1.135 0 1.756-.315 1.756-2.738V41.521c0-2.526-.414-3.158-1.756-3.158h-4.54v-7.894h8.048c5.057 0 9.699-.526 11.97-1.053zm47.46 27.47V38.362h-6.81v-7.051s4.233-.316 3.92-.316c3.51-.632 5.78-2 6.192-5.789l1.033-9.26h9.596V30.47h10.008v7.893H350.42v28.521c0 5.58 1.962 7.475 6.398 7.475c2.168 0 3.507-.423 4.748-.842v8.104c-1.961.631-5.366 1.369-8.978 1.369c-11.35-.002-15.788-4.423-15.788-15.895m28.27 6.736h4.643c1.135 0 1.652-.528 1.652-2.738v-28.52c0-3.264-.517-4.212-2.272-4.212h-4.023V30.47h8.255c5.056 0 9.7-.526 12.073-1.054v41.68c0 2.208.516 2.737 1.652 2.737h4.333v7.893H365.07v-7.893zm4.54-56.73c0-4.736 3.404-8.63 8.669-8.63c5.056 0 8.667 3.894 8.667 8.63s-3.611 8.632-8.667 8.632c-5.263-.001-8.67-3.896-8.67-8.632m25.587 38.941c0-15.997 10.835-26.943 27.034-26.943c15.79 0 26.418 10.841 26.418 26.943s-10.73 27.051-26.83 27.051c-15.992 0-26.622-10.84-26.622-27.05m39.521.738v-1.368c0-12.316-4.024-17.893-12.691-17.893c-8.772 0-12.796 5.577-12.796 17.893v1.368c0 12.316 3.921 17.892 12.692 17.892s12.795-5.682 12.795-17.892m37.556-17.155c3.199-7.053 8.976-10.525 17.027-10.525c10.628 0 16.304 6.314 16.304 19.155v22.84c0 2.422.619 2.737 1.753 2.737h4.54v7.894h-26.004v-7.894h4.025c1.134 0 1.754-.315 1.754-2.738V48.572c0-7.158-2.581-10.21-8.256-10.21c-6.913 0-10.938 5.262-10.938 16.735v15.998c0 2.423.618 2.738 1.753 2.738h4.026v7.894H452.25v-7.894h4.541c1.135 0 1.756-.315 1.756-2.738V41.521c0-2.526-.415-3.158-1.756-3.158h-4.54v-7.894h8.049c5.057 0 9.699-.526 11.97-1.053v10.21z"/><path fill="#00a0de" d="M48.964 0C21.92 0 0 22.357 0 49.941c0 27.58 21.92 49.941 48.964 49.941s48.963-22.36 48.963-49.94C97.927 22.356 76.007 0 48.964 0m21.962 82.345L48.964 66.148L27.002 82.345L35.374 56.2L13.279 39.56h27.36l8.325-26.236l8.324 26.236h27.359L62.553 56.2z"/></svg>How to use the Mention icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:mention" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:mention" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:mention" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--mention]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:mention"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:mention"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/mention.svg" alt="Mention icon" width="24" height="24">Mention icon in other icon sets
Mention icon FAQ
Is the Mention 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 Mention icon in React?
Install @iconify/react and render <Icon icon="logos:mention" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mention icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/mention.svg" alt="Mention icon">, or paste the SVG code inline to style it with CSS.