udacity icon logo

udacity-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
udacity-icon
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the udacity icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#2015ff" d="m19.61 59.559l64.554-37.504l.04 105.173c-.121 38.978 27.226 73.945 65.022 83.143l.846.206l-.54.68c-.856 1.123-1.678 2.197-2.691 3.203a76 76 0 0 1-11.186 9.135a75.4 75.4 0 0 1-12.801 6.872v.002a75 75 0 0 1-14.121 4.318c-5.088 1.02-9.487 1.48-14.197 1.48h-.457a76.3 76.3 0 0 1-15.185-1.573a75 75 0 0 1-14.096-4.405a75.4 75.4 0 0 1-23.885-16.153a75.4 75.4 0 0 1-9.172-11.138a75 75 0 0 1-6.9-12.752a74 74 0 0 1-4.335-14.066c-1.052-5.2-1.179-10.574-1.164-15.143l-.01-101.316zm162.422 132.54c3.732-10.497 5.64-20.767 5.67-30.524V50.502l48.939-27.992v105.184c-.014 4.77-.459 9.288-1.322 13.426a65.8 65.8 0 0 1-10.117 23.738a67 67 0 0 1-8.198 9.84a67 67 0 0 1-9.928 8.106a66.7 66.7 0 0 1-11.377 6.106c-4.015 1.727-7.76 2.873-12.514 3.827c-.16.032-.341.064-.53.096l-.942.166zM0 49.39l.046 111.594c-.156 51.693 41.936 93.876 93.828 94.035h.285c16.488 0 32.712-4.311 46.917-12.46l68.636-39.286c28.457-14.705 46.181-43.642 46.278-75.53l.01-116.55a.94.94 0 0 0-.467-.809v-.002L238.72.59a.95.95 0 0 0-.939-.007L168.824 39.35a.94.94 0 0 0-.479.817l.06 121.33a75 75 0 0 1-1.576 15.13a74.3 74.3 0 0 1-4.419 14.039q-.543 1.263-1.132 2.504l-.174.368l-.405-.052c-1.165-.152-1.933-.295-3.984-.68l-.543-.102c-4.316-.885-13.104-3.376-23.58-10.118a67 67 0 0 1-9.887-8.177a67 67 0 0 1-8.14-9.886a66.5 66.5 0 0 1-6.125-11.317a66 66 0 0 1-3.845-12.48c-.772-3.813-1.093-7.767-1.075-13.219V11.103c0-.33-.17-.632-.453-.806L86.272.137a.95.95 0 0 0-.957-.012L.472 48.577a.94.94 0 0 0-.472.814"/></svg>

React

import type { SVGProps } from "react";

export function LogosUdacityIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#2015ff" d="m19.61 59.559l64.554-37.504l.04 105.173c-.121 38.978 27.226 73.945 65.022 83.143l.846.206l-.54.68c-.856 1.123-1.678 2.197-2.691 3.203a76 76 0 0 1-11.186 9.135a75.4 75.4 0 0 1-12.801 6.872v.002a75 75 0 0 1-14.121 4.318c-5.088 1.02-9.487 1.48-14.197 1.48h-.457a76.3 76.3 0 0 1-15.185-1.573a75 75 0 0 1-14.096-4.405a75.4 75.4 0 0 1-23.885-16.153a75.4 75.4 0 0 1-9.172-11.138a75 75 0 0 1-6.9-12.752a74 74 0 0 1-4.335-14.066c-1.052-5.2-1.179-10.574-1.164-15.143l-.01-101.316zm162.422 132.54c3.732-10.497 5.64-20.767 5.67-30.524V50.502l48.939-27.992v105.184c-.014 4.77-.459 9.288-1.322 13.426a65.8 65.8 0 0 1-10.117 23.738a67 67 0 0 1-8.198 9.84a67 67 0 0 1-9.928 8.106a66.7 66.7 0 0 1-11.377 6.106c-4.015 1.727-7.76 2.873-12.514 3.827c-.16.032-.341.064-.53.096l-.942.166zM0 49.39l.046 111.594c-.156 51.693 41.936 93.876 93.828 94.035h.285c16.488 0 32.712-4.311 46.917-12.46l68.636-39.286c28.457-14.705 46.181-43.642 46.278-75.53l.01-116.55a.94.94 0 0 0-.467-.809v-.002L238.72.59a.95.95 0 0 0-.939-.007L168.824 39.35a.94.94 0 0 0-.479.817l.06 121.33a75 75 0 0 1-1.576 15.13a74.3 74.3 0 0 1-4.419 14.039q-.543 1.263-1.132 2.504l-.174.368l-.405-.052c-1.165-.152-1.933-.295-3.984-.68l-.543-.102c-4.316-.885-13.104-3.376-23.58-10.118a67 67 0 0 1-9.887-8.177a67 67 0 0 1-8.14-9.886a66.5 66.5 0 0 1-6.125-11.317a66 66 0 0 1-3.845-12.48c-.772-3.813-1.093-7.767-1.075-13.219V11.103c0-.33-.17-.632-.453-.806L86.272.137a.95.95 0 0 0-.957-.012L.472 48.577a.94.94 0 0 0-.472.814"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#2015ff" d="m19.61 59.559l64.554-37.504l.04 105.173c-.121 38.978 27.226 73.945 65.022 83.143l.846.206l-.54.68c-.856 1.123-1.678 2.197-2.691 3.203a76 76 0 0 1-11.186 9.135a75.4 75.4 0 0 1-12.801 6.872v.002a75 75 0 0 1-14.121 4.318c-5.088 1.02-9.487 1.48-14.197 1.48h-.457a76.3 76.3 0 0 1-15.185-1.573a75 75 0 0 1-14.096-4.405a75.4 75.4 0 0 1-23.885-16.153a75.4 75.4 0 0 1-9.172-11.138a75 75 0 0 1-6.9-12.752a74 74 0 0 1-4.335-14.066c-1.052-5.2-1.179-10.574-1.164-15.143l-.01-101.316zm162.422 132.54c3.732-10.497 5.64-20.767 5.67-30.524V50.502l48.939-27.992v105.184c-.014 4.77-.459 9.288-1.322 13.426a65.8 65.8 0 0 1-10.117 23.738a67 67 0 0 1-8.198 9.84a67 67 0 0 1-9.928 8.106a66.7 66.7 0 0 1-11.377 6.106c-4.015 1.727-7.76 2.873-12.514 3.827c-.16.032-.341.064-.53.096l-.942.166zM0 49.39l.046 111.594c-.156 51.693 41.936 93.876 93.828 94.035h.285c16.488 0 32.712-4.311 46.917-12.46l68.636-39.286c28.457-14.705 46.181-43.642 46.278-75.53l.01-116.55a.94.94 0 0 0-.467-.809v-.002L238.72.59a.95.95 0 0 0-.939-.007L168.824 39.35a.94.94 0 0 0-.479.817l.06 121.33a75 75 0 0 1-1.576 15.13a74.3 74.3 0 0 1-4.419 14.039q-.543 1.263-1.132 2.504l-.174.368l-.405-.052c-1.165-.152-1.933-.295-3.984-.68l-.543-.102c-4.316-.885-13.104-3.376-23.58-10.118a67 67 0 0 1-9.887-8.177a67 67 0 0 1-8.14-9.886a66.5 66.5 0 0 1-6.125-11.317a66 66 0 0 1-3.845-12.48c-.772-3.813-1.093-7.767-1.075-13.219V11.103c0-.33-.17-.632-.453-.806L86.272.137a.95.95 0 0 0-.957-.012L.472 48.577a.94.94 0 0 0-.472.814"/></svg>
</template>

CSS

.icon-udacity-icon {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%232015ff%22%20d%3D%22m19.61%2059.559l64.554-37.504l.04%20105.173c-.121%2038.978%2027.226%2073.945%2065.022%2083.143l.846.206l-.54.68c-.856%201.123-1.678%202.197-2.691%203.203a76%2076%200%200%201-11.186%209.135a75.4%2075.4%200%200%201-12.801%206.872v.002a75%2075%200%200%201-14.121%204.318c-5.088%201.02-9.487%201.48-14.197%201.48h-.457a76.3%2076.3%200%200%201-15.185-1.573a75%2075%200%200%201-14.096-4.405a75.4%2075.4%200%200%201-23.885-16.153a75.4%2075.4%200%200%201-9.172-11.138a75%2075%200%200%201-6.9-12.752a74%2074%200%200%201-4.335-14.066c-1.052-5.2-1.179-10.574-1.164-15.143l-.01-101.316zm162.422%20132.54c3.732-10.497%205.64-20.767%205.67-30.524V50.502l48.939-27.992v105.184c-.014%204.77-.459%209.288-1.322%2013.426a65.8%2065.8%200%200%201-10.117%2023.738a67%2067%200%200%201-8.198%209.84a67%2067%200%200%201-9.928%208.106a66.7%2066.7%200%200%201-11.377%206.106c-4.015%201.727-7.76%202.873-12.514%203.827c-.16.032-.341.064-.53.096l-.942.166zM0%2049.39l.046%20111.594c-.156%2051.693%2041.936%2093.876%2093.828%2094.035h.285c16.488%200%2032.712-4.311%2046.917-12.46l68.636-39.286c28.457-14.705%2046.181-43.642%2046.278-75.53l.01-116.55a.94.94%200%200%200-.467-.809v-.002L238.72.59a.95.95%200%200%200-.939-.007L168.824%2039.35a.94.94%200%200%200-.479.817l.06%20121.33a75%2075%200%200%201-1.576%2015.13a74.3%2074.3%200%200%201-4.419%2014.039q-.543%201.263-1.132%202.504l-.174.368l-.405-.052c-1.165-.152-1.933-.295-3.984-.68l-.543-.102c-4.316-.885-13.104-3.376-23.58-10.118a67%2067%200%200%201-9.887-8.177a67%2067%200%200%201-8.14-9.886a66.5%2066.5%200%200%201-6.125-11.317a66%2066%200%200%201-3.845-12.48c-.772-3.813-1.093-7.767-1.075-13.219V11.103c0-.33-.17-.632-.453-.806L86.272.137a.95.95%200%200%200-.957-.012L.472%2048.577a.94.94%200%200%200-.472.814%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%232015ff%22%20d%3D%22m19.61%2059.559l64.554-37.504l.04%20105.173c-.121%2038.978%2027.226%2073.945%2065.022%2083.143l.846.206l-.54.68c-.856%201.123-1.678%202.197-2.691%203.203a76%2076%200%200%201-11.186%209.135a75.4%2075.4%200%200%201-12.801%206.872v.002a75%2075%200%200%201-14.121%204.318c-5.088%201.02-9.487%201.48-14.197%201.48h-.457a76.3%2076.3%200%200%201-15.185-1.573a75%2075%200%200%201-14.096-4.405a75.4%2075.4%200%200%201-23.885-16.153a75.4%2075.4%200%200%201-9.172-11.138a75%2075%200%200%201-6.9-12.752a74%2074%200%200%201-4.335-14.066c-1.052-5.2-1.179-10.574-1.164-15.143l-.01-101.316zm162.422%20132.54c3.732-10.497%205.64-20.767%205.67-30.524V50.502l48.939-27.992v105.184c-.014%204.77-.459%209.288-1.322%2013.426a65.8%2065.8%200%200%201-10.117%2023.738a67%2067%200%200%201-8.198%209.84a67%2067%200%200%201-9.928%208.106a66.7%2066.7%200%200%201-11.377%206.106c-4.015%201.727-7.76%202.873-12.514%203.827c-.16.032-.341.064-.53.096l-.942.166zM0%2049.39l.046%20111.594c-.156%2051.693%2041.936%2093.876%2093.828%2094.035h.285c16.488%200%2032.712-4.311%2046.917-12.46l68.636-39.286c28.457-14.705%2046.181-43.642%2046.278-75.53l.01-116.55a.94.94%200%200%200-.467-.809v-.002L238.72.59a.95.95%200%200%200-.939-.007L168.824%2039.35a.94.94%200%200%200-.479.817l.06%20121.33a75%2075%200%200%201-1.576%2015.13a74.3%2074.3%200%200%201-4.419%2014.039q-.543%201.263-1.132%202.504l-.174.368l-.405-.052c-1.165-.152-1.933-.295-3.984-.68l-.543-.102c-4.316-.885-13.104-3.376-23.58-10.118a67%2067%200%200%201-9.887-8.177a67%2067%200%200%201-8.14-9.886a66.5%2066.5%200%200%201-6.125-11.317a66%2066%200%200%201-3.845-12.48c-.772-3.813-1.093-7.767-1.075-13.219V11.103c0-.33-.17-.632-.453-.806L86.272.137a.95.95%200%200%200-.957-.012L.472%2048.577a.94.94%200%200%200-.472.814%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/udacity-icon.svg?color=%231a73e8&size=48