ICONYZ
Türkçe
Font Awesome 4 setinden Life Bouy ikonu

Life Bouy ikonu

fa:life-bouy

Life Bouy ikonu (fa:life-bouy), Font Awesome 4 setinden ücretsiz bir SVG ikondur (yapımcı: Dave Gandy). 1792 × 1792 ızgara üzerinde çizilmiştir. Font Awesome 4 icons, Open Font License ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti
Font Awesome 4
Yazar
Dave Gandy
Lisans
OFL-1.1
Boyut
1792 × 1792
Etiketler
lifebouy, life ring, life buoy, support, life saver
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="1792" height="1792" viewBox="0 0 1792 1792"><path fill="currentColor" d="M896 0q182 0 348 71t286 191t191 286t71 348t-71 348t-191 286t-286 191t-348 71t-348-71t-286-191t-191-286T0 896t71-348t191-286T548 71T896 0m0 128q-190 0-361 90l194 194q82-28 167-28t167 28l194-194q-171-90-361-90M218 1257l194-194q-28-82-28-167t28-167L218 535q-90 171-90 361t90 361m678 407q190 0 361-90l-194-194q-82 28-167 28t-167-28l-194 194q171 90 361 90m0-384q159 0 271.5-112.5T1280 896t-112.5-271.5T896 512T624.5 624.5T512 896t112.5 271.5T896 1280m484-217l194 194q90-171 90-361t-90-361l-194 194q28 82 28 167t-28 167"/></svg>

Life Bouy ikonu nasıl kullanılır

React

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

<Icon icon="fa:life-bouy" width="24" />

Vue

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

<template>
  <Icon icon="fa:life-bouy" width="24" />
</template>

Svelte

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

<Icon icon="fa:life-bouy" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa--life-bouy]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa -->
<div class="i-fa:life-bouy"></div>

Web bileşeni

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

<iconify-icon icon="fa:life-bouy"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/fa/life-bouy.svg" alt="Life Bouy ikonu" width="24" height="24">

Life Bouy ikonu: sık sorulan sorular

Life Bouy ikonu ticari kullanım için ücretsiz mi?

Evet. Font Awesome 4 icons, Open Font License ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Life Bouy ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="fa:life-bouy" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Life Bouy ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/fa/life-bouy.svg" alt="Life Bouy ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Font Awesome 4 ikonları →