Mouth Slash アイコン
cil:mouth-slash
Mouth Slash アイコン(cil:mouth-slash)は、CoreUI Free セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 512 × 512 のグリッドで描かれています。 CoreUI Free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Free
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
- タグ
- mouthslash
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M412.8 107.2c-24.067-32.09-47.141-46.4-74.814-46.4c-22.54 0-44.048 13.373-62.2 38.674a180.6 180.6 0 0 0-15.033 25.326h-9.506a180.6 180.6 0 0 0-15.036-25.33c-18.149-25.3-39.657-38.674-62.2-38.674a71.2 71.2 0 0 0-36.672 9.918L161.4 94.768a38.7 38.7 0 0 1 12.614-1.968c25.175 0 46.513 39.864 51.993 53.8l3.97 10.195h41.106l10.917-.024l3.988-10.146c5.49-13.965 26.828-53.829 52-53.829c11.874 0 27.007 3.992 49.213 33.6c18.589 24.786 65.674 80.813 82.549 100.8l-44.815 120.82q-.4.834-.819 1.663a116 116 0 0 1-2.73 5.078l23.309 23.309a150 150 0 0 0 8.023-14.038q.719-1.434 1.41-2.885l.306-.643L496 248.439v-39.757c-14.8-17.525-64.653-76.756-83.2-101.482"/><path fill="currentColor" d="m387.305 320.678l45.426-102.962L331.8 172.6l-7.785 8.808c-.224.254-18.778 20.877-47.754 28.228l25.168 25.164a142.4 142.4 0 0 0 37.883-23.8l51.288 22.934l-27.564 62.475ZM16 16v21.941l77.207 77.207C71.693 143.6 29.973 197.958 16 216.151v39.139l41.441 104.86l.432.994c.461.97.933 1.934 1.411 2.884a151.25 151.25 0 0 0 56.861 61.472a155.36 155.36 0 0 0 80.63 22.5h118.45a155.36 155.36 0 0 0 80.63-22.5q2.391-1.45 4.718-2.986L474.059 496H496v-23.313L39.313 16Zm175.98 197.921l87.261 87.261a807.5 807.5 0 0 0-125.816 6.192l-31.615-66.39l62.17-31.084Zm-29.2-29.2L79.422 226.4l55.192 115.9l11.649-1.665A775.7 775.7 0 0 1 313 334.937l64.233 64.233a123.35 123.35 0 0 1-62 16.83H196.775c-45.934 0-88.675-26.033-108.893-66.328q-.45-.9-.887-1.8L42.214 234.555c14.147-18.422 52.059-67.825 73.836-96.564Z"/></svg>Mouth Slash アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cil:mouth-slash" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cil:mouth-slash" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cil:mouth-slash" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--mouth-slash]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:mouth-slash"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cil:mouth-slash"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cil/mouth-slash.svg" alt="Mouth Slash アイコン" width="24" height="24">Mouth Slash アイコン のよくある質問
Mouth Slash アイコンは商用利用でも無料ですか?
はい。CoreUI Free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Mouth Slash アイコンを使うには?
@iconify/react をインストールして <Icon icon="cil:mouth-slash" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mouth Slash アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cil/mouth-slash.svg" alt="Mouth Slash アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。