Ícone Lifesaver

carbon:lifesaver

O ícone Lifesaver (carbon:lifesaver) é um ícone SVG gratuito da coleção Carbon de IBM. Ele é desenhado em uma grade de 32 × 32. Carbon 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: Carbon
Autor: IBM
Licença: Apache-2.0
Tamanho: 32 × 32
Categoria: Planejamento

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M28.226 22.812a13.97 13.97 0 0 0 0-13.624L28.414 9a2 2 0 0 0 0-2.828l-2.586-2.586a2.003 2.003 0 0 0-2.828 0l-.188.187a13.97 13.97 0 0 0-13.624 0L9 3.586a2 2 0 0 0-2.828 0L3.586 6.172a2 2 0 0 0 0 2.828l.188.188a13.97 13.97 0 0 0 0 13.625L3.586 23a2 2 0 0 0 0 2.828l2.586 2.586a2 2 0 0 0 2.828 0l.188-.188a13.97 13.97 0 0 0 13.624 0l.188.188a2 2 0 0 0 2.828 0l2.586-2.586a2 2 0 0 0 0-2.828ZM28 16a12 12 0 0 1-1.255 5.332l-3.894-3.896a7 7 0 0 0 0-2.873l3.894-3.895A12 12 0 0 1 28 16m-1-8.414l-4.935 4.934a7.04 7.04 0 0 0-2.585-2.585L24.414 5ZM16 21a5 5 0 1 1 5-5a5.006 5.006 0 0 1-5 5m5.315-15.73l-3.879 3.88a7 7 0 0 0-2.873 0l-3.878-3.88a12.25 12.25 0 0 1 10.63 0M7.585 5l4.935 4.935a7.05 7.05 0 0 0-2.585 2.585L5 7.587ZM4 16a12 12 0 0 1 1.255-5.331l3.894 3.895a7 7 0 0 0 0 2.873L5.255 21.33A12 12 0 0 1 4 16m3.586 11L5 24.414l4.935-4.934a7.04 7.04 0 0 0 2.585 2.586Zm3.099-.27l3.878-3.879a7 7 0 0 0 2.873 0l3.88 3.879a12.25 12.25 0 0 1-10.631 0m13.73.27l-4.935-4.935a7.05 7.05 0 0 0 2.585-2.585L27 24.414Z"/></svg>

Como usar o ícone Lifesaver

React

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

<Icon icon="carbon:lifesaver" width="24" />

Vue

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

<template>
  <Icon icon="carbon:lifesaver" width="24" />
</template>

Svelte

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

<Icon icon="carbon:lifesaver" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--lifesaver]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="carbon:lifesaver"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/carbon/lifesaver.svg" alt="Ícone Lifesaver" width="24" height="24">

O ícone Lifesaver em outras coleções

Perguntas frequentes sobre Ícone Lifesaver

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

Sim. Carbon icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Lifesaver no React?

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

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

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

Ver todos os Ícones Carbon →