Loudly Crying Outline ikonu

healthicons:loudly-crying-outline

Loudly Crying Outline ikonu (healthicons:loudly-crying-outline), Health Icons setinden ücretsiz bir SVG ikondur (yapımcı: Resolve to Save Lives). 48 × 48 ızgara üzerinde çizilmiştir. Health Icons, MIT lisansı 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: Health Icons
Yazar: Resolve to Save Lives
Lisans: MIT
Boyut: 48 × 48
Kategori: Duygular
Etiketler: loudlycrying, cryingoutline, loudlycryingoutline, loudly crying2x outline

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor"><path fill-rule="evenodd" d="M20 31a4 4 0 0 1 8 0v2a4 4 0 0 1-8 0zm4-2a2 2 0 0 0-2 2v2a2 2 0 1 0 4 0v-2a2 2 0 0 0-2-2" clip-rule="evenodd"/><path d="M31.71 16.517c-1.752-.968-3.297-2.03-4.029-2.71L26.32 15.27c.906.843 2.614 1.997 4.423 2.997c1.801.995 3.851 1.921 5.45 2.216l.363-1.966c-1.269-.235-3.087-1.028-4.846-2m-11.018-2.711c-.731.68-2.276 1.743-4.028 2.71c-1.759.973-3.577 1.766-4.846 2l.364 1.967c1.598-.295 3.648-1.22 5.45-2.216c1.809-1 3.517-2.154 4.422-2.997zm1.578 9.658c.07-.434-.117-.842-.382-1.165c-.27-.328-.665-.625-1.142-.868c-.956-.487-2.314-.796-3.914-.683c-1.635.115-2.806.756-3.499 1.569c-.672.787-.93 1.802-.55 2.576a.5.5 0 0 0 .735.189c2.443-1.714 5.37-2.086 8.108-1.221a.5.5 0 0 0 .644-.397m3.47.058c-.07-.423.113-.819.369-1.13c.26-.316.64-.6 1.096-.833c.916-.467 2.216-.763 3.746-.655c1.564.111 2.687.725 3.353 1.505c.644.755.896 1.733.528 2.482a.5.5 0 0 1-.736.189c-2.324-1.63-5.108-1.984-7.713-1.161a.5.5 0 0 1-.644-.398"/><path fill-rule="evenodd" d="M11.047 38.208c-.856.21-1.599.446-2.195.71c-.453.2-.877.442-1.203.74C7.326 39.955 7 40.404 7 41s.326 1.045.65 1.342c.325.298.749.54 1.202.74c.913.405 2.172.745 3.65 1.022C15.475 44.662 19.539 45 24 45s8.525-.338 11.498-.896c1.478-.277 2.737-.617 3.65-1.022c.453-.2.877-.442 1.202-.74c.324-.297.65-.746.65-1.342s-.326-1.045-.65-1.342c-.325-.298-.749-.54-1.202-.74c-.589-.261-1.322-.495-2.164-.703q.033-.9-.002-1.747A17.94 17.94 0 0 0 42 24c0-9.941-8.059-18-18-18S6 14.059 6 24a17.94 17.94 0 0 0 5 12.45q-.005.854.047 1.758M24 40c2.287 0 4.462-.48 6.43-1.344c.335-1.919.346-3.548.1-5.048c-.294-1.785-.96-3.442-1.96-5.233c-.394-.705-.595-1.374-.567-2.003a2.28 2.28 0 0 1 .675-1.545a2.86 2.86 0 0 1 1.114-.665a3 3 0 0 1 .905-.162c1.097 0 1.868.557 2.361 1.107c.405.452.682.973.81 1.217l.05.093c1.31 2.345 2.297 4.677 2.77 7.33A15.93 15.93 0 0 0 40 24c0-8.837-7.163-16-16-16S8 15.163 8 24a15.93 15.93 0 0 0 3.2 9.603c.36-2.575 1.211-4.877 2.607-7.211q.021-.035.054-.097c.28-.508 1.263-2.295 3.32-2.295c.243 0 .582.048.928.156c.35.108.788.302 1.16.648c.394.364.697.887.728 1.565c.03.647-.191 1.326-.613 2.031c-1.048 1.753-1.627 3.384-1.815 5.152c-.164 1.547-.032 3.243.396 5.27A15.9 15.9 0 0 0 24 40m-6.296.868a1 1 0 0 1-1.468-.632c-.628-2.584-.877-4.807-.656-6.895c.223-2.1.915-4.007 2.087-5.967c.302-.504.338-.79.332-.912a.25.25 0 0 0-.09-.192a1.05 1.05 0 0 0-.393-.204a1.7 1.7 0 0 0-.334-.066c-.818 0-1.222.683-1.588 1.3l-.018.03l-.052.088c-2.14 3.578-2.872 7.04-2.375 12.014a1 1 0 0 1-1.754.75c-.715.18-1.296.371-1.732.564c-.212.094-.37.18-.485.254c.115.074.273.16.485.254c.706.313 1.79.619 3.208.885C15.689 42.667 19.624 43 24 43s8.311-.333 11.13-.861c1.417-.266 2.501-.572 3.207-.886c.212-.093.37-.18.485-.253a4 4 0 0 0-.485-.254c-.428-.19-.995-.377-1.691-.554a.998.998 0 0 1-1.746-.754c.458-4.907-.686-8.388-2.727-12.046q-.048-.084-.094-.172c-.138-.256-.284-.525-.51-.778c-.254-.284-.525-.442-.872-.442c-.007 0-.121.01-.273.06a.9.9 0 0 0-.336.186a.28.28 0 0 0-.087.213c-.007.14.033.436.315.94c1.072 1.922 1.845 3.802 2.187 5.885c.343 2.086.245 4.318-.35 6.937a1 1 0 0 1-1.609.552A18 18 0 0 1 24 42c-2.215 0-4.336-.4-6.296-1.132m21.34.31v.002z" clip-rule="evenodd"/></g></svg>

Loudly Crying Outline ikonu nasıl kullanılır

React

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

<Icon icon="healthicons:loudly-crying-outline" width="24" />

Vue

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

<template>
  <Icon icon="healthicons:loudly-crying-outline" width="24" />
</template>

Svelte

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

<Icon icon="healthicons:loudly-crying-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--loudly-crying-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:loudly-crying-outline"></div>

Web bileşeni

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

<iconify-icon icon="healthicons:loudly-crying-outline"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/healthicons/loudly-crying-outline.svg" alt="Loudly Crying Outline ikonu" width="24" height="24">

Health Icons setindeki benzer ikonlar

Loudly Crying Outline ikonu: sık sorulan sorular

Loudly Crying Outline ikonu ticari kullanım için ücretsiz mi?

Evet. Health Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Loudly Crying Outline ikonunu React'te nasıl kullanırım?

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

Loudly Crying Outline 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/healthicons/loudly-crying-outline.svg" alt="Loudly Crying Outline ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Health Icons →