Ikon Mention
logos:mention
Ikon Mention (logos:mention) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 100. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 512 × 100
Kode 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>Cara memakai ikon 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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/mention.svg" alt="Ikon Mention" width="24" height="24">Ikon Mention di set ikon lain
FAQ Ikon Mention
Apakah ikon Mention gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Mention di React?
Pasang @iconify/react lalu render <Icon icon="logos:mention" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Mention ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/mention.svg" alt="Ikon Mention">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.