Dazn アイコン
cib:dazn
Dazn アイコン(cib:dazn)は、CoreUI Brands セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 32 × 32 のグリッドで描かれています。 CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Brands
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC0-1.0
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m19.697 11.052l1.032-3.459l1.052 3.459zm5.131 3.027l-2.697-8.172q-.093-.267-.209-.355c-.077-.052-.203-.083-.369-.083h-1.495a.6.6 0 0 0-.38.093q-.12.086-.199.344l-2.724 8.172c-.036.041-.052.129-.052.255q0 .296.36.297h1.12c.104 0 .187 0 .249-.011a.27.27 0 0 0 .156-.068a.4.4 0 0 0 .1-.151c.031-.068.061-.161.099-.271l.421-1.428h3.079l.432 1.401c.036.12.068.213.104.281a.5.5 0 0 0 .115.161a.3.3 0 0 0 .151.073h.005c.057.005.136.011.229.011h1.199q.359 0 .359-.297c0-.036 0-.079-.005-.12a1 1 0 0 0-.052-.14zm-1.323 3.29h-.865q-.334 0-.443.095q-.108.099-.109.396v4.848l-2.547-4.864c-.099-.204-.203-.333-.301-.391c-.1-.057-.271-.084-.521-.084h-.797q-.334 0-.443.095q-.108.099-.109.396v8.181q.002.297.104.391c.068.063.215.099.439.099h.875c.224 0 .369-.036.443-.099s.109-.192.109-.391v-4.864l2.547 4.875c.099.208.203.339.303.396q.148.084.52.083h.797c.224 0 .369-.036.443-.099s.109-.192.109-.391V17.86q0-.297-.109-.396q-.108-.095-.443-.095zm4.271-.776l2.219 2.219v11.183H2.006V18.812l2.219-2.219a.84.84 0 0 0 0-1.187l-2.219-2.219V2.004h27.989v11.183l-2.224 2.219a.85.85 0 0 0 0 1.187zM32 0H0v14.151L1.849 16L0 17.849V32h32V17.849L30.151 16L32 14.151zM14.229 24.625h-3.615l3.807-5.355a1 1 0 0 0 .115-.203a.7.7 0 0 0 .027-.183v-1.025q0-.297-.109-.396q-.11-.095-.448-.095H8.511q-.299 0-.385.109q-.095.11-.095.453v.776q0 .343.095.453q.087.11.385.109h3.391l-3.756 5.355a.57.57 0 0 0-.14.359v1.057q0 .298.109.391c.109.093.224.099.443.099h5.667q.296 0 .391-.109c.057-.072.088-.228.088-.457v-.771q-.001-.352-.088-.459q-.094-.11-.391-.109zm-1.688-13.646c0 .349-.02.647-.068.881a1.5 1.5 0 0 1-.228.572a.86.86 0 0 1-.428.308a2 2 0 0 1-.645.088h-1.057V7.271h1.057c.484 0 .839.145 1.052.432s.317.761.317 1.423zm1.844-3.719c-.303-.609-.713-1.063-1.229-1.353q-.78-.437-1.959-.437h-2.64c-.224 0-.369.036-.443.099s-.109.192-.109.391v8.181q0 .297.109.396q.108.095.443.095h2.959q2.096 0 2.864-1.787q.18-.414.251-.828q.079-.532.072-1.063v-1.74c0-.489-.02-.875-.072-1.156a2.9 2.9 0 0 0-.256-.817l.005.02z"/></svg>Dazn アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:dazn" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:dazn" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:dazn" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--dazn]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:dazn"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:dazn"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/dazn.svg" alt="Dazn アイコン" width="24" height="24">他のアイコンセットの Dazn アイコン
Dazn アイコン のよくある質問
Dazn アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Dazn アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:dazn" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dazn アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/dazn.svg" alt="Dazn アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。