Linguacafe アイコン
selfhst:linguacafe
Linguacafe アイコン(selfhst:linguacafe)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- selfh.st/icons
- 作者
- selfh.st
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVGYHY7Wc8e" x1="193.409" x2="617.581" y1="689.603" y2="689.603" gradientTransform="translate(-88.044 -329.128)scale(.8485)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#dbd0bd"/><stop offset="1" stop-color="#d9bfb2"/></linearGradient><path fill="url(#SVGYHY7Wc8e)" d="M137.3 0c-5.5 0-10.3 4-11.1 9.5l-6.3 39.2H83.1c-3.2 0-5.8 2.6-5.8 5.8v27.4c0 3.2 2.6 5.8 5.8 5.8h22.2L161 502.5c.7 5.5 5.4 9.5 10.9 9.5H340c5.5 0 10.2-4.1 10.9-9.5l55.7-414.8h22.2c3.2 0 5.8-2.6 5.8-5.8V54.5c0-3.2-2.6-5.8-5.8-5.8H392l-6.3-39.2c-.8-5.5-5.5-9.5-11-9.5z"/><path fill="#413620" d="M280.2 275.7c-5.9-3.9-11.4-8.2-16.6-12.8c5.9-5.7 11.3-11.9 16.2-18.7c10.3-14 18.7-30.6 25.5-49.9H331v-7.6h-69.2v-28.6h-7.9v28.6H186v7.6h24.5c6.5 18.5 14.9 35.1 25.3 49.7c4.8 6.7 10 13 15.7 18.8c-4.9 4.2-10.1 8.2-15.6 11.8c-14.5 9.5-31.6 17.2-51.2 23c.6.6 1.3 1.4 1.9 2.3s1.3 1.8 1.9 2.7s1 1.8 1.2 2.5c19.8-6.6 37.2-14.8 52-24.7c5.5-3.7 10.8-7.7 15.7-12c5.2 4.8 10.8 9.2 16.7 13.3c15 10.3 32.3 18 52.1 23.2c.5-.8 1.1-1.6 1.8-2.5c.6-.9 1.3-1.8 2-2.8c.7-.9 1.4-1.6 2-2.2c-19.6-4.5-36.9-11.8-51.8-21.7m-38-36.3c-9.7-13.4-17.5-28.4-23.5-45h77.4c-6.1 17.4-13.8 32.5-23.3 45.3c-4.7 6.3-9.8 12.2-15.4 17.6c-5.4-5.6-10.5-11.5-15.2-17.9"/><linearGradient id="SVGLssdMdaI" x1="35.879" x2="36.307" y1="126.755" y2="146.864" gradientTransform="matrix(3.2324 0 0 3.2068 139.358 -331.354)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7b6254"/><stop offset="1" stop-color="#c8b8af"/></linearGradient><path fill="url(#SVGLssdMdaI)" fill-rule="evenodd" d="m103.7 85.2l2.6 21.9h298.5l2.6-21.9z"/><path fill="#413620" d="M137.3 0c-5.5 0-10.3 4-11.1 9.5l-6.3 39.2H83.1c-3.2 0-5.8 2.6-5.8 5.8v27.4c0 3.2 2.6 5.8 5.8 5.8h345.8c3.2 0 5.8-2.6 5.8-5.8V54.5c0-3.2-2.6-5.8-5.8-5.8h-36.8l-6.3-39.2C384.9 4 380.2 0 374.7 0z"/></svg>Linguacafe アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:linguacafe" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:linguacafe" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:linguacafe" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--linguacafe]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:linguacafe"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:linguacafe"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/linguacafe.svg" alt="Linguacafe アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Linguacafe アイコン のよくある質問
Linguacafe アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Linguacafe アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:linguacafe" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Linguacafe アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/linguacafe.svg" alt="Linguacafe アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。