Ícone Ups
selfhst:ups
O ícone Ups (selfhst:ups) é um ícone SVG gratuito da coleção selfh.st/icons de selfh.st. Ele é desenhado em uma grade de 512 × 512. selfh.st/icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- selfh.st/icons
- Autor
- selfh.st
- Licença
- CC-BY-4.0
- Tamanho
- 512 × 512
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#301506" fill-rule="evenodd" d="M52.1 152.7L54 364.1l47.5 58.6l142.4 75.4l175-85.6l36.2-86.6l-3.8-280.3L319 41.8L181.3 64.2L55.8 136.9z"/><path fill="#fab80a" d="M256 .1c-83 0-155.4 16-215.1 47.8V301c0 53.2 20 97.9 57.9 128.9c35.1 28.9 143.9 76.4 157.2 82.1c12.6-5.5 122.6-53.8 157.3-82.1c37.9-31 57.9-75.6 57.9-128.9V47.7C411.3 16.1 339 .1 256 .1m122.8 49c24.7.4 49 1.9 72.5 4V301c0 47.6-17.2 86.1-50.6 113.6c-29.7 24.5-119.6 64.7-144.7 75.8c-25.4-11.2-115.5-52-144.8-75.9c-33.1-27-50.6-66.4-50.6-113.6V156.1c95.4-87.3 211-108.4 318.2-107M261.6 164.4c-20.4 0-36.9 4.6-50.5 13.4v243.9h37.5v-78.8c3.8 1.1 9.1 2.1 16.9 2.1c41.5 0 65.4-37.4 65.4-92.1c-.1-54.6-24.7-88.5-69.3-88.5m128 0c-24.6.8-50.4 18.5-50.3 48.8c.1 19.9 5.6 34.7 36.5 52.9c16.5 9.6 23.1 16 23.4 27.8c.4 13-8.8 20.9-22.4 20.9c-12-.1-26.2-6.8-35.8-15.2v34.5c11.8 7 26.4 11.6 41.1 11.6c37 0 53.5-26.1 54.2-50.1c.8-21.9-5.4-38.4-36.6-56.7c-14-8.1-25-13.6-24.6-27.2c.4-13.3 11.4-18 22-17.9c13.1.1 25.8 7.4 33.5 15.4v-32.5c-6.6-5.1-20.5-12.9-41-12.3m-309.9 3.9v117.6c0 39.6 18.8 59.8 55.7 59.8c22.9 0 42.1-5.3 56.4-15V168.3h-37.4v141c-4.1 2.8-10.1 4.6-17.7 4.6c-17.1 0-19.8-15.8-19.8-26.4V168.3zm182.1 26.3c21.8 0 30.8 17.4 30.8 59.2c0 40.9-10.3 60.6-31.9 60.6c-5.1 0-9.5-1.2-12.1-2.2v-115c3-1.4 8.1-2.6 13.2-2.6"/></svg>
Como usar o ícone Ups
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:ups" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:ups" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:ups" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--ups]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:ups"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:ups"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/selfhst/ups.svg" alt="Ícone Ups" width="24" height="24">
Ícones relacionados em selfh.st/icons
O ícone Ups em outras coleções
Perguntas frequentes sobre Ícone Ups
O ícone Ups é grátis para uso comercial?
Sim. selfh.st/icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Ups no React?
Instale @iconify/react e renderize <Icon icon="selfhst:ups" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Ups a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/selfhst/ups.svg" alt="Ícone Ups">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os selfh.st/icons →
ICONYZ
