Dazn アイコン
simple-icons:dazn
Dazn アイコン(simple-icons:dazn)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m14.774 8.291l.772-2.596l.79 2.596zm3.848 2.268l-2.025-6.128q-.068-.203-.154-.266a.5.5 0 0 0-.28-.063h-1.12a.5.5 0 0 0-.284.068q-.09.067-.149.261l-2.045 6.128q-.038.048-.038.192q0 .223.27.223h.84q.114 0 .187-.01a.2.2 0 0 0 .116-.048a.3.3 0 0 0 .077-.116q.033-.077.072-.202l.318-1.071h2.306l.327 1.051q.038.134.077.213a.4.4 0 0 0 .087.12q.047.043.114.053h.002q.068.01.173.01h.897q.27 0 .27-.223a1 1 0 0 0-.005-.09a1 1 0 0 0-.036-.108zm-.994 2.467h-.646q-.252 0-.333.072q-.082.073-.082.295v3.638l-1.91-3.647q-.114-.232-.226-.295q-.111-.062-.39-.063h-.599q-.25 0-.332.073t-.082.294v6.138q0 .222.077.294t.328.072h.656q.25 0 .332-.072t.082-.294v-3.648l1.91 3.657q.115.232.227.295q.11.063.39.062h.598q.25 0 .333-.072q.082-.072.082-.294v-6.138q0-.222-.082-.294q-.082-.073-.333-.073m3.203-.581l1.665 1.665v8.385H1.505V14.11l1.663-1.664a.63.63 0 0 0 0-.89L1.504 9.891V1.505h20.991v8.384l-1.665 1.666a.63.63 0 0 0 0 .89zM24 0H0v10.613L1.387 12L0 13.387V24h24V13.387L22.613 12L24 10.613zM10.67 18.469H7.96l2.855-4.014a.7.7 0 0 0 .087-.155a.4.4 0 0 0 .019-.135v-.772q0-.222-.082-.294q-.082-.073-.334-.073H6.382q-.223 0-.29.082q-.068.082-.068.343v.58q0 .259.068.341q.067.083.29.083h2.545L6.11 18.469a.44.44 0 0 0-.107.27v.792q0 .221.082.294q.083.072.334.072h4.25q.222 0 .29-.081q.068-.083.068-.344v-.579q0-.26-.068-.342t-.29-.082zM9.408 8.233q0 .396-.052.661a1.1 1.1 0 0 1-.174.43a.65.65 0 0 1-.318.231a1.5 1.5 0 0 1-.487.068h-.79v-4.17h.79q.55.002.79.324q.24.323.241 1.067zm1.38-2.789q-.338-.686-.921-1.013q-.585-.328-1.47-.328H6.418q-.25 0-.333.072q-.082.074-.082.294v6.138q0 .222.082.295t.333.072h2.218q1.572 0 2.15-1.342q.135-.308.188-.622a5 5 0 0 0 .054-.796V6.911q0-.55-.054-.868a2.2 2.2 0 0 0-.193-.612z"/></svg>Dazn アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:dazn" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:dazn" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:dazn" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--dazn]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:dazn"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:dazn"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/dazn.svg" alt="Dazn アイコン" width="24" height="24">他のアイコンセットの Dazn アイコン
Dazn アイコン のよくある質問
Dazn アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Dazn アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:dazn" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dazn アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/dazn.svg" alt="Dazn アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。