Swiftype アイコン
logos:swiftype
Swiftype アイコン(logos:swiftype)は、SVG Logos セットの無料 SVG アイコンです(作者: Gil Barbara)。 256 × 315 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 315
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="315" viewBox="0 0 256 315"><path fill="#f55341" d="M249.408 62.308c-4.359-14.935-11.258-27.047-20.593-36.309c-9.345-9.29-21.224-15.935-35.667-19.955Q171.473.001 141.295 0c-24.101 0-45.032 3.761-62.729 11.286Q51.955 22.582 34.499 46.551C22.846 62.542 14.181 83.017 8.517 107.984C2.822 132.951 0 162.942 0 197.933c0 20.306 1.835 37.773 5.504 52.418c3.67 14.64 9.867 26.753 18.584 36.317c8.673 9.564 20.266 16.629 34.713 21.177s32.467 6.822 53.995 6.822c14.386 0 27.897-1.274 40.598-3.855c12.69-2.564 24.299-6.871 34.835-12.935c10.523-6.08 20.035-14.032 28.523-23.902c8.443-9.855 15.535-22.092 21.277-36.753c5.754-14.645 10.19-31.813 13.31-51.53c3.113-19.718 4.661-42.418 4.661-68.095c0-21.927-2.21-40.353-6.592-55.289"/><path fill="#fff" d="M192.781 140.689H160.58l-40.994 32.027l-40.894 99.217zM63.147 172.678h56.22l.219.038L170.058 49.69z"/></svg>Swiftype アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:swiftype" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:swiftype" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:swiftype" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--swiftype]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:swiftype"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:swiftype"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/swiftype.svg" alt="Swiftype アイコン" width="24" height="24">Swiftype アイコン のよくある質問
Swiftype アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Swiftype アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:swiftype" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Swiftype アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/swiftype.svg" alt="Swiftype アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。