Doppler アイコン

Q: Doppler アイコンは商用利用でも無料ですか?

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

selfhst:doppler

Doppler アイコン(selfhst:doppler)は、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 コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVGbgYwdcrc" x1="115.421" x2="325.342" y1="88.389" y2="253.509" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff9efa"/><stop offset=".423" stop-color="#f55c15" stop-opacity=".84"/><stop offset="1" stop-color="#6b13f5"/></linearGradient><path fill="url(#SVGbgYwdcrc)" d="M325.4 1.3c-21.5-5.8-43.5 7.8-48 29.6L257 130c-13.3 64.7-63.9 115.3-128.6 128.6l-97.2 20.1c-21.8 4.5-35.4 26.5-29.6 48s28.5 33.8 49.6 26.8l94.5-31.3c62.9-20.8 132.1-2.3 176.1 47.2l66.2 74.4c14.8 16.6 40.6 17.4 56.3 1.6c15.8-15.8 15-41.5-1.6-56.3L368 322.3c-49.6-44.1-68.2-113.5-47.3-176.5l31.4-94.9c7-21.1-5.2-43.8-26.7-49.6"/><linearGradient id="SVGn6Q54b7z" x1="268.774" x2="194.534" y1="282.055" y2="35.015" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#a73394" stop-opacity="0"/><stop offset="1" stop-color="#6b13f5"/></linearGradient><path fill="url(#SVGn6Q54b7z)" fill-opacity=".46" d="M325.4 1.3c-21.5-5.8-43.5 7.8-48 29.6L257 130c-13.3 64.7-63.9 115.3-128.6 128.6l-97.2 20.1c-21.8 4.5-35.4 26.5-29.6 48s28.5 33.8 49.6 26.8l94.5-31.3c62.9-20.8 132.1-2.3 176.1 47.2l66.2 74.4c14.8 16.6 40.6 17.4 56.3 1.6c15.8-15.8 15-41.5-1.6-56.3L368 322.3c-49.6-44.1-68.2-113.5-47.3-176.5l31.4-94.9c7-21.1-5.2-43.8-26.7-49.6"/><linearGradient id="SVG1XiSidMu" x1="468.401" x2="239.281" y1="124.85" y2="291.25" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset=".385" stop-color="#6b13f5"/><stop offset="1" stop-color="#e2606e" stop-opacity="0"/></linearGradient><path fill="url(#SVG1XiSidMu)" fill-opacity=".66" d="M325.4 1.3c-21.5-5.8-43.5 7.8-48 29.6L257 130c-13.3 64.7-63.9 115.3-128.6 128.6l-97.2 20.1c-21.8 4.5-35.4 26.5-29.6 48s28.5 33.8 49.6 26.8l94.5-31.3c62.9-20.8 132.1-2.3 176.1 47.2l66.2 74.4c14.8 16.6 40.6 17.4 56.3 1.6c15.8-15.8 15-41.5-1.6-56.3L368 322.3c-49.6-44.1-68.2-113.5-47.3-176.5l31.4-94.9c7-21.1-5.2-43.8-26.7-49.6"/><linearGradient id="SVGLEMNlEgF" x1="357.069" x2="218.828" y1="280.067" y2="195.588" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6b13f5"/><stop offset="1" stop-color="#e46373" stop-opacity="0"/></linearGradient><path fill="url(#SVGLEMNlEgF)" d="M325.4 1.3c-21.5-5.8-43.5 7.8-48 29.6L257 130c-13.3 64.7-63.9 115.3-128.6 128.6l-97.2 20.1c-21.8 4.5-35.4 26.5-29.6 48s28.5 33.8 49.6 26.8l94.5-31.3c62.9-20.8 132.1-2.3 176.1 47.2l66.2 74.4c14.8 16.6 40.6 17.4 56.3 1.6c15.8-15.8 15-41.5-1.6-56.3L368 322.3c-49.6-44.1-68.2-113.5-47.3-176.5l31.4-94.9c7-21.1-5.2-43.8-26.7-49.6"/><radialGradient id="SVGBjnVMb9c" cx="-719.116" cy="801.035" r="5.134" gradientTransform="rotate(176.204 -20701.62 -54649.842)scale(52.7244 -138.365)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f55c15" stop-opacity=".46"/><stop offset=".832" stop-color="#ee82c6" stop-opacity="0"/></radialGradient><path fill="url(#SVGBjnVMb9c)" fill-opacity=".94" d="M325.4 1.3c-21.5-5.8-43.5 7.8-48 29.6L257 130c-13.3 64.7-63.9 115.3-128.6 128.6l-97.2 20.1c-21.8 4.5-35.4 26.5-29.6 48s28.5 33.8 49.6 26.8l94.5-31.3c62.9-20.8 132.1-2.3 176.1 47.2l66.2 74.4c14.8 16.6 40.6 17.4 56.3 1.6c15.8-15.8 15-41.5-1.6-56.3L368 322.3c-49.6-44.1-68.2-113.5-47.3-176.5l31.4-94.9c7-21.1-5.2-43.8-26.7-49.6"/><linearGradient id="SVGlfWqOduj" x1="-31.19" x2="178.73" y1="274.78" y2="439.899" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff9efa"/><stop offset=".423" stop-color="#f55c15" stop-opacity=".84"/><stop offset="1" stop-color="#6b13f5"/></linearGradient><path fill="url(#SVGlfWqOduj)" d="M68 125.2c-17.6-15.9-18.3-43.3-1.5-60.1s44.2-16.1 60.1 1.5l50.1 55.3c13.5 14.9 12.9 37.8-1.3 52.1c-14.2 14.2-37.1 14.8-52.1 1.3z"/><linearGradient id="SVGQBOb6b6B" x1="109.094" x2="129.574" y1="487.364" y2="317.123" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset=".182" stop-color="#6b13f5"/><stop offset="1" stop-color="#cb4758" stop-opacity="0"/></linearGradient><path fill="url(#SVGQBOb6b6B)" fill-opacity=".67" d="M68 125.2c-17.6-15.9-18.3-43.3-1.5-60.1s44.2-16.1 60.1 1.5l50.1 55.3c13.5 14.9 12.9 37.8-1.3 52.1c-14.2 14.2-37.1 14.8-52.1 1.3z"/><linearGradient id="SVGzoNlmcwm" x1="241.948" x2="103.708" y1="468.446" y2="383.966" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6b13f5"/><stop offset="1" stop-color="#e46373" stop-opacity="0"/></linearGradient><path fill="url(#SVGzoNlmcwm)" d="M68 125.2c-17.6-15.9-18.3-43.3-1.5-60.1s44.2-16.1 60.1 1.5l50.1 55.3c13.5 14.9 12.9 37.8-1.3 52.1c-14.2 14.2-37.1 14.8-52.1 1.3z"/><path fill="url(#SVGBjnVMb9c)" fill-opacity=".94" d="M68 125.2c-17.6-15.9-18.3-43.3-1.5-60.1s44.2-16.1 60.1 1.5l50.1 55.3c13.5 14.9 12.9 37.8-1.3 52.1c-14.2 14.2-37.1 14.8-52.1 1.3z"/><linearGradient id="SVGgH5aXcrV" x1="366.097" x2="227.857" y1="265.294" y2="180.814" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6b13f5"/><stop offset="1" stop-color="#e46373" stop-opacity="0"/></linearGradient><path fill="url(#SVGgH5aXcrV)" d="M457.4 155.8c22.6-7.3 46.7 5.8 52.8 28.8c6.1 22.9-8.2 46.3-31.4 51.3l-73 15.7c-19.7 4.2-39.2-7.7-44.4-27.2c-5.2-19.4 5.7-39.6 24.9-45.7z"/><path fill="url(#SVGBjnVMb9c)" fill-opacity=".94" d="M457.4 155.8c22.6-7.3 46.7 5.8 52.8 28.8c6.1 22.9-8.2 46.3-31.4 51.3l-73 15.7c-19.7 4.2-39.2-7.7-44.4-27.2c-5.2-19.4 5.7-39.6 24.9-45.7z"/><linearGradient id="SVGe8ZxhEgj" x1="154.48" x2="364.4" y1="38.733" y2="203.853" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff9efa"/><stop offset=".423" stop-color="#f55c15" stop-opacity=".84"/><stop offset="1" stop-color="#6b13f5"/></linearGradient><path fill="url(#SVGe8ZxhEgj)" d="M234.3 479.2c-5 23.2-28.4 37.5-51.3 31.4s-36-30.2-28.8-52.8l22.9-71c6.2-19.2 26.3-30.1 45.7-24.9s31.4 24.8 27.2 44.4z"/><linearGradient id="SVGl2XhBWYV" x1="265.722" x2="191.482" y1="282.972" y2="35.932" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#a73394" stop-opacity="0"/><stop offset="1" stop-color="#6b13f5"/></linearGradient><path fill="url(#SVGl2XhBWYV)" fill-opacity=".46" d="M234.3 479.2c-5 23.2-28.4 37.5-51.3 31.4s-36-30.2-28.8-52.8l22.9-71c6.2-19.2 26.3-30.1 45.7-24.9s31.4 24.8 27.2 44.4z"/><linearGradient id="SVGJgYjfbwI" x1="354.295" x2="125.175" y1="-32.264" y2="134.136" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset=".385" stop-color="#6b13f5"/><stop offset="1" stop-color="#e2606e" stop-opacity="0"/></linearGradient><path fill="url(#SVGJgYjfbwI)" fill-opacity=".66" d="M234.3 479.2c-5 23.2-28.4 37.5-51.3 31.4s-36-30.2-28.8-52.8l22.9-71c6.2-19.2 26.3-30.1 45.7-24.9s31.4 24.8 27.2 44.4z"/><path fill="url(#SVGBjnVMb9c)" fill-opacity=".94" d="M234.3 479.2c-5 23.2-28.4 37.5-51.3 31.4s-36-30.2-28.8-52.8l22.9-71c6.2-19.2 26.3-30.1 45.7-24.9s31.4 24.8 27.2 44.4z"/></svg>

Doppler アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="selfhst:doppler" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="selfhst:doppler" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="selfhst:doppler" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--doppler]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:doppler"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="selfhst:doppler"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/doppler.svg" alt="Doppler アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

Doppler アイコンのよくある質問

Doppler アイコンは商用利用でも無料ですか?

はい。selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Doppler アイコンを使うには?

@iconify/react をインストールして <Icon icon="selfhst:doppler" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Doppler アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/doppler.svg" alt="Doppler アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

selfh.st/icons をすべて見る →