Ícone Medium

simple-icons:medium

O ícone Medium (simple-icons:medium) é um ícone SVG gratuito da coleção Simple Icons de Simple Icons Collaborators. Ele é desenhado em uma grade de 24 × 24. Simple Icons são publicados sob a licença CC0 1.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Simple Icons
Autor: Simple Icons Collaborators
Licença: CC0-1.0
Tamanho: 24 × 24

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.21 0A4.2 4.2 0 0 0 0 4.21v15.58A4.2 4.2 0 0 0 4.21 24h15.58A4.2 4.2 0 0 0 24 19.79v-1.093a5 5 0 0 1-.422.02c-2.577 0-4.027-2.146-4.09-4.832a8 8 0 0 1 .022-.708c.093-1.186.475-2.241 1.105-3.022a3.9 3.9 0 0 1 1.395-1.1c.468-.237 1.127-.367 1.664-.367h.023q.151 0 .303.01V4.211A4.2 4.2 0 0 0 19.79 0Zm.198 5.583h4.165l3.588 8.435l3.59-8.435h3.864v.146l-.019.004c-.705.16-1.063.397-1.063 1.254h-.003l.003 10.274c.06.676.424.885 1.063 1.03l.02.004v.145h-4.923v-.145l.019-.005c.639-.144.994-.353 1.054-1.03V7.267l-4.745 11.15h-.261L6.15 7.569v9.445c0 .857.358 1.094 1.063 1.253l.02.004v.147H4.405v-.147l.019-.004c.705-.16 1.065-.397 1.065-1.253V6.987c0-.857-.358-1.094-1.064-1.254l-.018-.004zm19.25 3.668c-1.086.023-1.733 1.323-1.813 3.124H24V9.298a1.4 1.4 0 0 0-.342-.047m-1.862 3.632c-.1 1.756.86 3.239 2.204 3.634v-3.634z"/></svg>

Como usar o ícone Medium

React

import { Icon } from "@iconify/react";

<Icon icon="simple-icons:medium" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="simple-icons:medium" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="simple-icons:medium" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--medium]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:medium"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="simple-icons:medium"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/simple-icons/medium.svg" alt="Ícone Medium" width="24" height="24">

O ícone Medium em outras coleções

Perguntas frequentes sobre Ícone Medium

O ícone Medium é grátis para uso comercial?

Sim. Simple Icons são publicados sob a licença CC0 1.0, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Medium no React?

Instale @iconify/react e renderize <Icon icon="simple-icons:medium" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Medium a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/simple-icons/medium.svg" alt="Ícone Medium">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Simple Icons →