Survicate Icon アイコン
logos:survicate-icon
Survicate Icon アイコン(logos:survicate-icon)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 258 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 258
- タグ
- survicateicon
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="258" viewBox="0 0 256 258"><path fill="#171d1a" d="M64.077 59.92V.028A63.93 63.93 0 0 0 18.84 18.81C7.122 30.543.388 46.363.016 62.948L0 64.398c.057 17.007 6.81 33.298 18.786 45.318a63.93 63.93 0 0 0 43.89 18.817l1.396.015a63.93 63.93 0 0 0 45.124-18.834c11.974-12.02 18.727-28.31 18.784-45.315V.029A63.92 63.92 0 0 0 84.287 17.33c-11.86 11.115-19.082 26.335-20.21 42.589m127.8 68.646h64.077a64.53 64.53 0 0 0-17.222-43.89A63.96 63.96 0 0 0 196.34 64.37h59.613c.002-17.036-6.72-33.377-18.692-45.443A63.93 63.93 0 0 0 193.327.016L191.882 0a63.93 63.93 0 0 0-45.12 18.866c-11.676 11.738-18.378 27.539-18.737 44.097l-.015 1.402c.044 17.007 6.785 33.305 18.752 45.335a63.92 63.92 0 0 0 45.115 18.866m-127.772-.001H.028a64.53 64.53 0 0 0 17.202 43.882a63.96 63.96 0 0 0 42.365 20.323H.028c0 17.037 6.723 33.378 18.696 45.443A63.93 63.93 0 0 0 62.66 257.12l1.444.016a63.93 63.93 0 0 0 45.11-18.872c11.673-11.736 18.373-27.535 18.731-44.091l.015-1.403c-.041-17.005-6.78-33.303-18.746-45.333a63.92 63.92 0 0 0-45.11-18.872m127.982.021h-.159a63.92 63.92 0 0 0-45.133 18.834c-11.977 12.022-18.73 28.317-18.785 45.326v64.37a63.92 63.92 0 0 0 43.69-17.288c11.86-11.109 19.087-26.322 20.223-42.572v59.86a63.92 63.92 0 0 0 45.237-18.777a64.5 64.5 0 0 0 18.824-44.137l.016-1.451c-.054-17.008-6.806-33.303-18.782-45.326a63.93 63.93 0 0 0-45.131-18.839"/></svg>Survicate Icon アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:survicate-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:survicate-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:survicate-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--survicate-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:survicate-icon"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:survicate-icon"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/survicate-icon.svg" alt="Survicate Icon アイコン" width="24" height="24">SVG Logos の関連アイコン
Survicate Icon アイコン のよくある質問
Survicate Icon アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Survicate Icon アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:survicate-icon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Survicate Icon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/survicate-icon.svg" alt="Survicate Icon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。