Envoy Icon アイコン
logos:envoy-icon
Envoy Icon アイコン(logos:envoy-icon)は、SVG Logos セットの無料 SVG アイコンです(作者: Gil Barbara)。 256 × 191 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 191
- タグ
- envoyicon
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="191" viewBox="0 0 256 191"><path fill="#b31aab" d="m63.834 92.174l.34 15.418l16.212 10.09l-.34-15.418zm39.566 64.054l-.34-15.079l-14.172-8.842c-.226-.114-.453-.34-.567-.454l.34 15.192zM52.723 176.52l-37.071-22.9l-.907-38.546l18.139-7.822l-.34-15.418l-29.023 12.47c-2.267 1.02-3.628 3.061-3.514 5.442l1.133 46.255c0 2.38 1.474 4.761 3.855 6.122l44.554 27.549c2.04 1.247 4.535 1.587 6.689 1.02c.227-.114.453-.114.68-.227l27.322-11.79l-14.851-9.183z"/><path fill="#d163ce" d="M172.668 91.267c-.113-2.721-1.7-5.555-4.421-7.143L114.17 50.68l-1.7.68l.34 16.213L155.55 94.1l1.02 43.307l16.325 10.09l.907-.34zm-64.734 76.184l-50.109-31.177l-1.247-52.15l22.9-9.863l-.453-18.025L43.427 71.54c-2.607 1.134-4.195 3.515-4.081 6.35l1.474 61.219c0 2.834 1.7 5.555 4.421 7.142l58.839 36.505c2.38 1.474 5.328 1.927 7.822 1.134c.227-.114.454-.227.68-.227l34.805-14.965l-17.232-10.657z"/><path fill="#e13eaf" d="M249.193 48.413L173.689 1.705c-2.835-1.7-6.122-2.154-8.956-1.247c-.227.113-.567.227-.794.34L90.362 32.54c-2.948 1.247-4.761 3.968-4.648 7.256l1.814 78.452c.113 3.174 2.04 6.348 5.101 8.162l75.391 46.709c2.721 1.7 6.122 2.154 8.956 1.247c.227-.114.567-.227.794-.34l73.577-31.744c2.947-1.247 4.761-4.081 4.648-7.256l-1.814-78.451c0-3.175-1.927-6.236-4.988-8.163m-76.638 107.134l-65.528-40.586l-1.7-68.248l63.94-27.55l65.528 40.587l1.587 68.135z"/></svg>Envoy Icon アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:envoy-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:envoy-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:envoy-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--envoy-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:envoy-icon"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:envoy-icon"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/envoy-icon.svg" alt="Envoy Icon アイコン" width="24" height="24">SVG Logos の関連アイコン
Envoy Icon アイコン のよくある質問
Envoy Icon アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Envoy Icon アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:envoy-icon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Envoy Icon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/envoy-icon.svg" alt="Envoy Icon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。