Icono Mention
logos:mention
El icono Mention (logos:mention) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 512 × 100. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- SVG Logos
- Autor
- Gil Barbara
- Licencia
- CC0-1.0
- Tamaño
- 512 × 100
Código SVG
<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>Cómo usar el icono Mention
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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/logos/mention.svg" alt="Icono Mention" width="24" height="24">El icono Mention en otras colecciones
Preguntas frecuentes sobre Icono Mention
¿El icono Mention es gratis para uso comercial?
Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Mention en React?
Instala @iconify/react y renderiza <Icon icon="logos:mention" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Mention a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/mention.svg" alt="Icono Mention">, o pega el código SVG en línea para darle estilo con CSS.