Drip アイコン
logos:drip
Drip アイコン(logos:drip)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 512 × 183 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 512 × 183
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="183" viewBox="0 0 512 183"><path d="M455.314 36.571c16.457 0 30.476 5.486 40.838 15.239S512 75.58 512 92.038c0 17.067-5.486 30.476-15.848 40.229s-24.38 15.238-41.447 15.238s-29.257-5.486-40.229-17.676v53.028h-19.505V39.01h19.505v15.847c9.753-11.58 22.553-18.286 40.838-18.286M248.686 0v143.238H229.18V127.39c-10.362 12.8-24.381 18.896-40.838 18.896s-31.086-5.486-40.838-15.238c-9.753-9.753-15.848-23.772-15.848-40.229c0-17.067 5.486-30.476 15.848-40.229s24.38-15.238 40.838-15.238c17.676 0 29.867 5.486 40.838 17.677V0zm87.771 36.571v17.677h-46.933v92.038h-18.895V36.57zm34.743 1.22v108.495h-18.286V37.79zM16.457 88.38v1.829c0 24.38 20.114 39.009 38.4 39.009s38.4-14.629 38.4-39.01V88.38h16.457v1.829c0 33.523-27.428 55.466-54.857 55.466S0 123.733 0 90.21v-1.83zm436.42-34.133c-23.772 0-38.4 14.019-38.4 37.79s14.628 38.4 38.4 38.4c24.38 0 39.009-14.019 39.009-38.4c0-23.771-14.629-37.79-39.01-37.79M190.17 52.419c-23.771 0-38.4 14.02-38.4 38.4c0 23.771 14.629 37.79 38.4 37.79c24.381 0 39.01-14.019 39.01-37.79s-14.629-38.4-39.01-38.4m-168.228-.61c6.06 0 10.971 4.913 10.971 10.972c0 6.06-4.912 10.971-10.971 10.971S10.97 68.84 10.97 62.781S15.884 51.81 21.943 51.81m32.914 0c6.06 0 10.972 4.913 10.972 10.972c0 6.06-4.913 10.971-10.972 10.971c-6.06 0-10.971-4.912-10.971-10.971S48.798 51.81 54.857 51.81m32.914 0c6.06 0 10.972 4.913 10.972 10.972c0 6.06-4.912 10.971-10.972 10.971S76.8 68.84 76.8 62.781S81.712 51.81 87.771 51.81M54.857 0c12.19 10.971 22.553 23.771 32.305 36.571H66.438l-11.58-15.847L43.275 36.57H22.552c9.753-12.8 20.115-25.6 32.305-36.571m312.686 1.829c3.657 1.828 5.486 5.485 5.486 9.752s-1.829 8.533-5.486 10.362q-5.485 3.657-10.972 0c-3.657-1.829-5.485-6.095-5.485-10.362s1.828-7.924 5.485-9.752q5.487-3.658 10.972 0"/></svg>Drip アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:drip" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:drip" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:drip" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--drip]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:drip"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:drip"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/drip.svg" alt="Drip アイコン" width="24" height="24">他のアイコンセットの Drip アイコン
Drip アイコン のよくある質問
Drip アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Drip アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:drip" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Drip アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/drip.svg" alt="Drip アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。