Ícone Lifebuoy
icon-park:lifebuoy
O ícone Lifebuoy (icon-park:lifebuoy) é um ícone SVG gratuito da coleção IconPark de ByteDance. Ele é desenhado em uma grade de 48 × 48. IconPark icons são publicados sob a licença Apache 2.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
- IconPark
- Autor
- ByteDance
- Licença
- Apache-2.0
- Tamanho
- 48 × 48
- Categoria
- Energia
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M38.1421 38.1421C45.9526 30.3316 45.9526 17.6684 38.1421 9.85786C30.3316 2.04738 17.6684 2.04738 9.85786 9.85786C2.04738 17.6684 2.04738 30.3316 9.85786 38.1421C17.6684 45.9526 30.3316 45.9526 38.1421 38.1421ZM32.4853 15.5147C37.1716 20.201 37.1716 27.799 32.4853 32.4853C27.799 37.1716 20.201 37.1716 15.5147 32.4853C10.8284 27.799 10.8284 20.201 15.5147 15.5147C20.201 10.8284 27.799 10.8284 32.4853 15.5147Z" clip-rule="evenodd"/><path d="M38.142 38.1421L32.4851 32.4852"/><path d="M9.85791 38.1421L15.5148 32.4852"/><path d="M9.85791 9.85791L15.5148 15.5148"/><path d="M38.142 9.85791L32.4851 15.5148"/><path d="M32.4853 32.4853C37.1716 27.799 37.1716 20.201 32.4853 15.5147C27.799 10.8284 20.201 10.8284 15.5147 15.5147C10.8284 20.201 10.8284 27.799 15.5147 32.4853C20.201 37.1716 27.799 37.1716 32.4853 32.4853Z"/></g></svg>
Como usar o ícone Lifebuoy
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:lifebuoy" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:lifebuoy" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:lifebuoy" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--lifebuoy]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:lifebuoy"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:lifebuoy"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/icon-park/lifebuoy.svg" alt="Ícone Lifebuoy" width="24" height="24">
O ícone Lifebuoy em outras coleções
Perguntas frequentes sobre Ícone Lifebuoy
O ícone Lifebuoy é grátis para uso comercial?
Sim. IconPark icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Lifebuoy no React?
Instale @iconify/react e renderize <Icon icon="icon-park:lifebuoy" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Lifebuoy a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/icon-park/lifebuoy.svg" alt="Ícone Lifebuoy">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones IconPark →
ICONYZ
