Los colores originales del icono se mantienen hasta que elijas un color nuevo.
Icono SVG de pastilla
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. pastilla - Gratis para uso comercial y personal. Sin Registro | 100% en tu Navegador
<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="Pill icon"><title>Pill - Fluent UI Emoji icon</title><desc>Free Pill vector icon from the Fluent UI Emoji open-source icon library; 3d style, MIT licence, viewBox 0 0 32 32, 5305 bytes.</desc> <g filter="url(#nx38230_filter0_i_18_25287)"> <path d="M16.837 4.39047C19.8118 1.41574 24.6348 1.41574 27.6095 4.39047C30.5842 7.36519 30.5842 12.1882 27.6095 15.1629L15.1628 27.6096C12.1881 30.5843 7.36507 30.5843 4.39035 27.6096C1.41562 24.6349 1.41562 19.8119 4.39035 16.8372L16.837 4.39047Z" fill="url(#nx38230_paint0_linear_18_25287)"/> <path d="M16.837 4.39047C19.8118 1.41574 24.6348 1.41574 27.6095 4.39047C30.5842 7.36519 30.5842 12.1882 27.6095 15.1629L15.1628 27.6096C12.1881 30.5843 7.36507 30.5843 4.39035 27.6096C1.41562 24.6349 1.41562 19.8119 4.39035 16.8372L16.837 4.39047Z" fill="url(#nx38230_paint1_radial_18_25287)"/> <path d="M16.837 4.39047C19.8118 1.41574 24.6348 1.41574 27.6095 4.39047C30.5842 7.36519 30.5842 12.1882 27.6095 15.1629L15.1628 27.6096C12.1881 30.5843 7.36507 30.5843 4.39035 27.6096C1.41562 24.6349 1.41562 19.8119 4.39035 16.8372L16.837 4.39047Z" fill="url(#nx38230_paint2_radial_18_25287)"/> </g> <path d="M16.837 4.39047C19.8118 1.41574 24.6348 1.41574 27.6095 4.39047C30.5842 7.36519 30.5842 12.1882 27.6095 15.1629L15.1628 27.6096C12.1881 30.5843 7.36507 30.5843 4.39035 27.6096C1.41562 24.6349 1.41562 19.8119 4.39035 16.8372L16.837 4.39047Z" fill="url(#nx38230_paint3_radial_18_25287)"/> <path d="M21.3713 21.401L10.5989 10.6286L16.837 4.39047C19.8118 1.41574 24.6348 1.41574 27.6095 4.39047C30.5842 7.3652 30.5842 12.1882 27.6095 15.1629L21.3713 21.401Z" fill="url(#nx38230_paint4_linear_18_25287)"/> <path d="M21.3713 21.401L10.5989 10.6286L16.837 4.39047C19.8118 1.41574 24.6348 1.41574 27.6095 4.39047C30.5842 7.3652 30.5842 12.1882 27.6095 15.1629L21.3713 21.401Z" fill="url(#nx38230_paint5_linear_18_25287)"/> <path d="M21.3713 21.401L10.5989 10.6286L16.837 4.39047C19.8118 1.41574 24.6348 1.41574 27.6095 4.39047C30.5842 7.3652 30.5842 12.1882 27.6095 15.1629L21.3713 21.401Z" fill="url(#nx38230_paint6_radial_18_25287)"/> <path d="M21.3713 21.401L10.5989 10.6286L16.837 4.39047C19.8118 1.41574 24.6348 1.41574 27.6095 4.39047C30.5842 7.3652 30.5842 12.1882 27.6095 15.1629L21.3713 21.401Z" fill="url(#nx38230_paint7_linear_18_25287)"/> <ellipse cx="25.8274" cy="9.51343" rx="1.875" ry="2.3125" fill="url(#nx38230_paint8_linear_18_25287)"/> <defs> <filter id="nx38230_filter0_i_18_25287" x="2.1593" y="2.15942" width="29.1812" height="29.1813" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dx="1.5" dy="1.5"/> <feGaussianBlur stdDeviation="2"/> <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/> <feColorMatrix type="matrix" values="0 0 0 0 0.733333 0 0 0 0 0.490196 0 0 0 0 0.266667 0 0 0 1 0"/> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_25287"/> </filter> <linearGradient id="nx38230_paint0_linear_18_25287" x1="8.26489" y1="15.404" x2="17.6399" y2="25.4665" gradientUnits="userSpaceOnUse"> <stop stop-color="#FAA74C"/> <stop offset="1" stop-color="#FF9E70"/> </linearGradient> <radialGradient id="nx38230_paint1_radial_18_25287" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(14.0774 13.404) rotate(115.907) scale(17.0232 19.8936)"> <stop offset="0.62776" stop-color="#FF7A5B" stop-opacity="0"/> <stop offset="1" stop-color="#FF7A5B"/> </radialGradient> <radialGradient id="nx38230_paint2_radial_18_25287" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(17.697 16) rotate(132.752) scale(11.0363 6.52592)"> <stop stop-color="#FFB266"/> <stop offset="1" stop-color="#FFB266" stop-opacity="0"/> </radialGradient> <radialGradient id="nx38230_paint3_radial_18_25287" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(10.8863 15.5226) rotate(90.7708) scale(15.1891 15.9156)"> <stop offset="0.743355" stop-color="#FF78A3" stop-opacity="0"/> <stop offset="0.967771" stop-color="#FF78A3"/> </radialGradient> <linearGradient id="nx38230_paint4_linear_18_25287" x1="26.9524" y1="16.404" x2="16.1399" y2="5.59152" gradientUnits="userSpaceOnUse"> <stop stop-color="#FD227A"/> <stop offset="1" stop-color="#D91E4F"/> </linearGradient> <linearGradient id="nx38230_paint5_linear_18_25287" x1="10.5989" y1="8.43953" x2="15.4495" y2="13.4113" gradientUnits="userSpaceOnUse"> <stop stop-color="#AC3F4D"/> <stop offset="1" stop-color="#AC3F4D" stop-opacity="0"/> </linearGradient> <radialGradient id="nx38230_paint6_radial_18_25287" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(29.1388 7.62226) rotate(158.839) scale(6.79188 7.26372)"> <stop stop-color="#FF588F"/> <stop offset="1" stop-color="#FF588F" stop-opacity="0"/> </radialGradient> <linearGradient id="nx38230_paint7_linear_18_25287" x1="25.7335" y1="18.6555" x2="22.0558" y2="14.8415" gradientUnits="userSpaceOnUse"> <stop offset="0.0948448" stop-color="#E43A89"/> <stop offset="1" stop-color="#E43A89" stop-opacity="0"/> </linearGradient> <linearGradient id="nx38230_paint8_linear_18_25287" x1="25.8274" y1="7.20093" x2="25.8274" y2="12.2791" gradientUnits="userSpaceOnUse"> <stop offset="0.0769231" stop-color="#FFFBFF"/> <stop offset="1" stop-color="#FFFBFF" stop-opacity="0"/> </linearGradient> </defs> </svg>
Quieres mejorar o cambiar el estilo de este icono? pastilla
Genera un prompt de ingenieria preciso o mejora el icono en el lienzo ahora mismo. pastilla
Library: Fluent UI Emoji | Author: Microsoft Corporation | License: MIT | Source: https://github.com/microsoft/fluentui-emoji | Sin Registro | 100% en tu Navegador
pastilla - Especificaciones tecnicas del vector
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. pastilla
| Identificador canonico del archivo | fluentui-emoji/fluentui-emoji-pill |
|---|---|
| Paquete de biblioteca de origen | Fluent UI Emoji |
| Cuadrícula de coordenadas y viewBox | viewBox="0 0 32 32" |
| Peso sin comprimir | 5.679 bytes (~3.123 bytes gzipped) |
| Licencia SPDX y uso comercial | MIT - Gratis para uso comercial |
| Upstream Source | https://github.com/microsoft/fluentui-emoji |
| Formatos de exportación admitidos | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Garantia de seguridad y privacidad | Sin Registro | 100% en tu Navegador |
Como usar y personalizar este icono: pastilla
- Personaliza visualmente: Color, Automático (trazo y relleno), Grosor del trazo (
0.5px-4px), Ajustes de animación vectorial en vivo - Descarga el vector o la imagen: Descargar SVG, PNG (transparente), WebP (optimizado) (
2048x2048 px) - Copia el código del framework: Copia código listo para React, Next.js, Vue 3, Svelte, Angular, HTML y mascaras CSS.
- Edición vectorial profunda: Editar en el editor SVG (77.087)
fluentui-emoji-pill.svg aria-hidden="true" focusable="false"
Coincidencias en otras bibliotecas ("pastilla")
Compara este icono con otras bibliotecas vectoriales de código abierto.
Mas en Iconos vectoriales 3D
Explorarpastilla
SVG Icons Collection|interfacepastilla
3D Vector Icons|3d-iconspastilla
IconPark|interfaceBrand Solidity
3D Vector Icons|brandsBlockchain Cube
Domain Icons|3d-iconsBlockchain Cube
Domain Icons|3d-iconsCube Transparent
Phosphor Icons|3d-iconsCube 3D Sphere
Tabler Icons|3d-iconsCube Unfolded
Tabler Icons|3d-iconsAction 3D Rotation
Material Icons|3d-icons3D Click Ring
Mouse|3d-icons3D Keycap Click
Mouse|3d-iconsCube Transparent
Heroicons|3d-iconsBrand Squarespace
3D Vector Icons|brandsCursor 3D Arrow
Mouse|3d-iconsJoystick
Fluent UI Emoji|3d-iconsJudge
Fluent UI Emoji|3d-iconsteclado
Fluent UI Emoji|3d-iconsKeycap
Fluent UI Emoji|3d-iconsescalera
Fluent UI Emoji|3d-iconsLast Quarter Moon Face
Fluent UI Emoji|3d-iconsLeafy Green
Fluent UI Emoji|3d-iconsLeg
Fluent UI Emoji|3d-iconsLeopard
Fluent UI Emoji|3d-iconsExplorar más
pastilla - Preguntas frecuentes
¿Qué licencia cubre pastilla? +
pastilla proviene de Fluent UI Emoji y está cubierto por MIT. Atribución: Crédito obligatorio.
¿En qué formatos puedo descargar pastilla? +
pastilla es un vector de estilo 3d (viewBox 0 0 32 32). Descarga SVG, PNG, WebP o ICO, o copia código React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask o Base64 desde esta página.
¿De dónde procede el icono pastilla? +
pastilla forma parte de la biblioteca Fluent UI Emoji de Microsoft Corporation, en la categoría Iconos vectoriales 3D. El texto completo de la licencia está en el archivo de aviso de la biblioteca enlazado en esta página.
Editor SVG
Edita rutas, capas, colores y animaciones en tu navegador y exporta SVG limpio, PNG o código para frameworks.