canva logo
canva from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- canva
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the canva logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 0C7.161 0 0 7.161 0 16s7.161 16 16 16s16-7.161 16-16S24.839 0 16 0M9.281 10.24c1.005 0 1.787.733 1.875 1.599c.095.781-.229 1.464-1.093 1.875c-.459.229-.641.229-.735.093c-.047-.093 0-.181.093-.276c.824-.681.824-1.233.729-2.009c-.047-.505-.411-.824-.776-.824c-1.604 0-3.885 3.563-3.568 6.172c.141 1.005.735 2.193 2.011 2.193c.412 0 .871-.136 1.281-.317c.667-.355 1.068-.625 1.464-1.068c-.099-1.183.937-2.729 2.468-2.729c.688 0 1.235.276 1.281.781c.089.683-.505.776-.687.776s-.505-.047-.505-.229c-.041-.183.411-.093.369-.505c-.047-.276-.323-.364-.593-.364c-.964 0-1.511 1.328-1.375 2.145c.047.369.228.735.599.735c.271 0 .683-.412.817-1.005c.093-.412.459-.688.781-.688c.136 0 .224.047.271.229v.183c-.041.183-.183.735-.135.869c0 .095.047.229.228.229c.12 0 .579-.24 1.037-.615c.151-.787.333-1.729.333-1.807c.047-.323.183-.641.823-.641c.14 0 .229.047.276.229v.183l-.183.823c.595-.776 1.464-1.323 2.011-1.323c.229 0 .412.135.412.364c0 .136 0 .365-.095.595c-.181.5-.411 1.281-.547 1.963c0 .183.047.365.276.365s.912-.271 1.459-1.005l.011-.005c0-.089-.011-.177-.011-.265c0-.552.047-1.005.141-1.328c.093-.365.547-.683.823-.683c.135 0 .276.088.276.224c0 .047 0 .14-.047.183c-.183.599-.324 1.145-.324 1.692c0 .323.048.776.141 1.052c0 .047.041.093.088.093c.095 0 .735-.593 1.188-1.375c-.412-.271-.641-.729-.641-1.276c0-.963.6-1.464 1.147-1.464c.459 0 .823.319.823.959c0 .412-.136.871-.364 1.281h.135c.292.011.579-.109.776-.317a.4.4 0 0 1 .183-.156c.448-.568 1.104-.989 1.88-.989c.64 0 1.229.276 1.276.776c.093.687-.505.823-.688.823c-.181 0-.504-.047-.504-.229s.411-.093.369-.5c-.047-.276-.323-.369-.599-.369c-.912 0-1.505 1.187-1.371 2.151c.047.364.229.776.595.776c.276 0 .687-.412.869-1.005c.088-.364.459-.688.776-.688c.14 0 .229.047.276.229c0 .095 0 .276-.183.871c-.229.411-.229.64-.181.823c.041.364.224.64.411.776a1 1 0 0 1 .089.135c0 .095-.048.188-.183.188c-.047 0-.089 0-.136-.047c-.687-.276-.963-.735-1.052-1.193c-.276.323-.593.505-.963.505c-.595 0-1.183-.547-1.276-1.235a2.1 2.1 0 0 1 .099-.864c-.271.172-.563.271-.833.271h-.224c-.599.869-1.24 1.464-1.693 1.735a1.2 1.2 0 0 1-.505.14c-.088 0-.228-.047-.271-.14c-.129-.203-.208-.521-.26-.885c-.641.697-1.527 1.072-1.937 1.072c-.459 0-.729-.276-.776-.733v-.5c.135-1.005.505-1.604.505-1.787a.105.105 0 0 0-.095-.093c-.317 0-1.369 1.099-1.552 1.833l-.14.593c-.089.411-.5.687-.776.687c-.136 0-.229-.047-.271-.228v-.183l.057-.312c-.579.411-1.157.676-1.433.676c-.411 0-.64-.229-.681-.552c-.276.371-.595.552-1.005.552c-.475 0-.932-.323-1.151-.791c-.329.369-.699.739-1.136 1.02c-.64.412-1.369.729-2.24.729c-.776 0-1.463-.412-1.828-.776c-.552-.505-.869-1.281-.916-2.011c-.271-2.239 1.099-5.12 3.197-6.401c.505-.276 1.011-.457 1.511-.457zm13.026 4.391c-.135 0-.228.229-.228.452c0 .371.181.781.411 1.011a2.3 2.3 0 0 0 .141-.781c0-.452-.183-.681-.324-.681z"/></svg>
React
import type { SVGProps } from "react";
export function CibCanva(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 0C7.161 0 0 7.161 0 16s7.161 16 16 16s16-7.161 16-16S24.839 0 16 0M9.281 10.24c1.005 0 1.787.733 1.875 1.599c.095.781-.229 1.464-1.093 1.875c-.459.229-.641.229-.735.093c-.047-.093 0-.181.093-.276c.824-.681.824-1.233.729-2.009c-.047-.505-.411-.824-.776-.824c-1.604 0-3.885 3.563-3.568 6.172c.141 1.005.735 2.193 2.011 2.193c.412 0 .871-.136 1.281-.317c.667-.355 1.068-.625 1.464-1.068c-.099-1.183.937-2.729 2.468-2.729c.688 0 1.235.276 1.281.781c.089.683-.505.776-.687.776s-.505-.047-.505-.229c-.041-.183.411-.093.369-.505c-.047-.276-.323-.364-.593-.364c-.964 0-1.511 1.328-1.375 2.145c.047.369.228.735.599.735c.271 0 .683-.412.817-1.005c.093-.412.459-.688.781-.688c.136 0 .224.047.271.229v.183c-.041.183-.183.735-.135.869c0 .095.047.229.228.229c.12 0 .579-.24 1.037-.615c.151-.787.333-1.729.333-1.807c.047-.323.183-.641.823-.641c.14 0 .229.047.276.229v.183l-.183.823c.595-.776 1.464-1.323 2.011-1.323c.229 0 .412.135.412.364c0 .136 0 .365-.095.595c-.181.5-.411 1.281-.547 1.963c0 .183.047.365.276.365s.912-.271 1.459-1.005l.011-.005c0-.089-.011-.177-.011-.265c0-.552.047-1.005.141-1.328c.093-.365.547-.683.823-.683c.135 0 .276.088.276.224c0 .047 0 .14-.047.183c-.183.599-.324 1.145-.324 1.692c0 .323.048.776.141 1.052c0 .047.041.093.088.093c.095 0 .735-.593 1.188-1.375c-.412-.271-.641-.729-.641-1.276c0-.963.6-1.464 1.147-1.464c.459 0 .823.319.823.959c0 .412-.136.871-.364 1.281h.135c.292.011.579-.109.776-.317a.4.4 0 0 1 .183-.156c.448-.568 1.104-.989 1.88-.989c.64 0 1.229.276 1.276.776c.093.687-.505.823-.688.823c-.181 0-.504-.047-.504-.229s.411-.093.369-.5c-.047-.276-.323-.369-.599-.369c-.912 0-1.505 1.187-1.371 2.151c.047.364.229.776.595.776c.276 0 .687-.412.869-1.005c.088-.364.459-.688.776-.688c.14 0 .229.047.276.229c0 .095 0 .276-.183.871c-.229.411-.229.64-.181.823c.041.364.224.64.411.776a1 1 0 0 1 .089.135c0 .095-.048.188-.183.188c-.047 0-.089 0-.136-.047c-.687-.276-.963-.735-1.052-1.193c-.276.323-.593.505-.963.505c-.595 0-1.183-.547-1.276-1.235a2.1 2.1 0 0 1 .099-.864c-.271.172-.563.271-.833.271h-.224c-.599.869-1.24 1.464-1.693 1.735a1.2 1.2 0 0 1-.505.14c-.088 0-.228-.047-.271-.14c-.129-.203-.208-.521-.26-.885c-.641.697-1.527 1.072-1.937 1.072c-.459 0-.729-.276-.776-.733v-.5c.135-1.005.505-1.604.505-1.787a.105.105 0 0 0-.095-.093c-.317 0-1.369 1.099-1.552 1.833l-.14.593c-.089.411-.5.687-.776.687c-.136 0-.229-.047-.271-.228v-.183l.057-.312c-.579.411-1.157.676-1.433.676c-.411 0-.64-.229-.681-.552c-.276.371-.595.552-1.005.552c-.475 0-.932-.323-1.151-.791c-.329.369-.699.739-1.136 1.02c-.64.412-1.369.729-2.24.729c-.776 0-1.463-.412-1.828-.776c-.552-.505-.869-1.281-.916-2.011c-.271-2.239 1.099-5.12 3.197-6.401c.505-.276 1.011-.457 1.511-.457zm13.026 4.391c-.135 0-.228.229-.228.452c0 .371.181.781.411 1.011a2.3 2.3 0 0 0 .141-.781c0-.452-.183-.681-.324-.681z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 0C7.161 0 0 7.161 0 16s7.161 16 16 16s16-7.161 16-16S24.839 0 16 0M9.281 10.24c1.005 0 1.787.733 1.875 1.599c.095.781-.229 1.464-1.093 1.875c-.459.229-.641.229-.735.093c-.047-.093 0-.181.093-.276c.824-.681.824-1.233.729-2.009c-.047-.505-.411-.824-.776-.824c-1.604 0-3.885 3.563-3.568 6.172c.141 1.005.735 2.193 2.011 2.193c.412 0 .871-.136 1.281-.317c.667-.355 1.068-.625 1.464-1.068c-.099-1.183.937-2.729 2.468-2.729c.688 0 1.235.276 1.281.781c.089.683-.505.776-.687.776s-.505-.047-.505-.229c-.041-.183.411-.093.369-.505c-.047-.276-.323-.364-.593-.364c-.964 0-1.511 1.328-1.375 2.145c.047.369.228.735.599.735c.271 0 .683-.412.817-1.005c.093-.412.459-.688.781-.688c.136 0 .224.047.271.229v.183c-.041.183-.183.735-.135.869c0 .095.047.229.228.229c.12 0 .579-.24 1.037-.615c.151-.787.333-1.729.333-1.807c.047-.323.183-.641.823-.641c.14 0 .229.047.276.229v.183l-.183.823c.595-.776 1.464-1.323 2.011-1.323c.229 0 .412.135.412.364c0 .136 0 .365-.095.595c-.181.5-.411 1.281-.547 1.963c0 .183.047.365.276.365s.912-.271 1.459-1.005l.011-.005c0-.089-.011-.177-.011-.265c0-.552.047-1.005.141-1.328c.093-.365.547-.683.823-.683c.135 0 .276.088.276.224c0 .047 0 .14-.047.183c-.183.599-.324 1.145-.324 1.692c0 .323.048.776.141 1.052c0 .047.041.093.088.093c.095 0 .735-.593 1.188-1.375c-.412-.271-.641-.729-.641-1.276c0-.963.6-1.464 1.147-1.464c.459 0 .823.319.823.959c0 .412-.136.871-.364 1.281h.135c.292.011.579-.109.776-.317a.4.4 0 0 1 .183-.156c.448-.568 1.104-.989 1.88-.989c.64 0 1.229.276 1.276.776c.093.687-.505.823-.688.823c-.181 0-.504-.047-.504-.229s.411-.093.369-.5c-.047-.276-.323-.369-.599-.369c-.912 0-1.505 1.187-1.371 2.151c.047.364.229.776.595.776c.276 0 .687-.412.869-1.005c.088-.364.459-.688.776-.688c.14 0 .229.047.276.229c0 .095 0 .276-.183.871c-.229.411-.229.64-.181.823c.041.364.224.64.411.776a1 1 0 0 1 .089.135c0 .095-.048.188-.183.188c-.047 0-.089 0-.136-.047c-.687-.276-.963-.735-1.052-1.193c-.276.323-.593.505-.963.505c-.595 0-1.183-.547-1.276-1.235a2.1 2.1 0 0 1 .099-.864c-.271.172-.563.271-.833.271h-.224c-.599.869-1.24 1.464-1.693 1.735a1.2 1.2 0 0 1-.505.14c-.088 0-.228-.047-.271-.14c-.129-.203-.208-.521-.26-.885c-.641.697-1.527 1.072-1.937 1.072c-.459 0-.729-.276-.776-.733v-.5c.135-1.005.505-1.604.505-1.787a.105.105 0 0 0-.095-.093c-.317 0-1.369 1.099-1.552 1.833l-.14.593c-.089.411-.5.687-.776.687c-.136 0-.229-.047-.271-.228v-.183l.057-.312c-.579.411-1.157.676-1.433.676c-.411 0-.64-.229-.681-.552c-.276.371-.595.552-1.005.552c-.475 0-.932-.323-1.151-.791c-.329.369-.699.739-1.136 1.02c-.64.412-1.369.729-2.24.729c-.776 0-1.463-.412-1.828-.776c-.552-.505-.869-1.281-.916-2.011c-.271-2.239 1.099-5.12 3.197-6.401c.505-.276 1.011-.457 1.511-.457zm13.026 4.391c-.135 0-.228.229-.228.452c0 .371.181.781.411 1.011a2.3 2.3 0 0 0 .141-.781c0-.452-.183-.681-.324-.681z"/></svg> </template>
CSS
.icon-canva {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%200C7.161%200%200%207.161%200%2016s7.161%2016%2016%2016s16-7.161%2016-16S24.839%200%2016%200M9.281%2010.24c1.005%200%201.787.733%201.875%201.599c.095.781-.229%201.464-1.093%201.875c-.459.229-.641.229-.735.093c-.047-.093%200-.181.093-.276c.824-.681.824-1.233.729-2.009c-.047-.505-.411-.824-.776-.824c-1.604%200-3.885%203.563-3.568%206.172c.141%201.005.735%202.193%202.011%202.193c.412%200%20.871-.136%201.281-.317c.667-.355%201.068-.625%201.464-1.068c-.099-1.183.937-2.729%202.468-2.729c.688%200%201.235.276%201.281.781c.089.683-.505.776-.687.776s-.505-.047-.505-.229c-.041-.183.411-.093.369-.505c-.047-.276-.323-.364-.593-.364c-.964%200-1.511%201.328-1.375%202.145c.047.369.228.735.599.735c.271%200%20.683-.412.817-1.005c.093-.412.459-.688.781-.688c.136%200%20.224.047.271.229v.183c-.041.183-.183.735-.135.869c0%20.095.047.229.228.229c.12%200%20.579-.24%201.037-.615c.151-.787.333-1.729.333-1.807c.047-.323.183-.641.823-.641c.14%200%20.229.047.276.229v.183l-.183.823c.595-.776%201.464-1.323%202.011-1.323c.229%200%20.412.135.412.364c0%20.136%200%20.365-.095.595c-.181.5-.411%201.281-.547%201.963c0%20.183.047.365.276.365s.912-.271%201.459-1.005l.011-.005c0-.089-.011-.177-.011-.265c0-.552.047-1.005.141-1.328c.093-.365.547-.683.823-.683c.135%200%20.276.088.276.224c0%20.047%200%20.14-.047.183c-.183.599-.324%201.145-.324%201.692c0%20.323.048.776.141%201.052c0%20.047.041.093.088.093c.095%200%20.735-.593%201.188-1.375c-.412-.271-.641-.729-.641-1.276c0-.963.6-1.464%201.147-1.464c.459%200%20.823.319.823.959c0%20.412-.136.871-.364%201.281h.135c.292.011.579-.109.776-.317a.4.4%200%200%201%20.183-.156c.448-.568%201.104-.989%201.88-.989c.64%200%201.229.276%201.276.776c.093.687-.505.823-.688.823c-.181%200-.504-.047-.504-.229s.411-.093.369-.5c-.047-.276-.323-.369-.599-.369c-.912%200-1.505%201.187-1.371%202.151c.047.364.229.776.595.776c.276%200%20.687-.412.869-1.005c.088-.364.459-.688.776-.688c.14%200%20.229.047.276.229c0%20.095%200%20.276-.183.871c-.229.411-.229.64-.181.823c.041.364.224.64.411.776a1%201%200%200%201%20.089.135c0%20.095-.048.188-.183.188c-.047%200-.089%200-.136-.047c-.687-.276-.963-.735-1.052-1.193c-.276.323-.593.505-.963.505c-.595%200-1.183-.547-1.276-1.235a2.1%202.1%200%200%201%20.099-.864c-.271.172-.563.271-.833.271h-.224c-.599.869-1.24%201.464-1.693%201.735a1.2%201.2%200%200%201-.505.14c-.088%200-.228-.047-.271-.14c-.129-.203-.208-.521-.26-.885c-.641.697-1.527%201.072-1.937%201.072c-.459%200-.729-.276-.776-.733v-.5c.135-1.005.505-1.604.505-1.787a.105.105%200%200%200-.095-.093c-.317%200-1.369%201.099-1.552%201.833l-.14.593c-.089.411-.5.687-.776.687c-.136%200-.229-.047-.271-.228v-.183l.057-.312c-.579.411-1.157.676-1.433.676c-.411%200-.64-.229-.681-.552c-.276.371-.595.552-1.005.552c-.475%200-.932-.323-1.151-.791c-.329.369-.699.739-1.136%201.02c-.64.412-1.369.729-2.24.729c-.776%200-1.463-.412-1.828-.776c-.552-.505-.869-1.281-.916-2.011c-.271-2.239%201.099-5.12%203.197-6.401c.505-.276%201.011-.457%201.511-.457zm13.026%204.391c-.135%200-.228.229-.228.452c0%20.371.181.781.411%201.011a2.3%202.3%200%200%200%20.141-.781c0-.452-.183-.681-.324-.681z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%200C7.161%200%200%207.161%200%2016s7.161%2016%2016%2016s16-7.161%2016-16S24.839%200%2016%200M9.281%2010.24c1.005%200%201.787.733%201.875%201.599c.095.781-.229%201.464-1.093%201.875c-.459.229-.641.229-.735.093c-.047-.093%200-.181.093-.276c.824-.681.824-1.233.729-2.009c-.047-.505-.411-.824-.776-.824c-1.604%200-3.885%203.563-3.568%206.172c.141%201.005.735%202.193%202.011%202.193c.412%200%20.871-.136%201.281-.317c.667-.355%201.068-.625%201.464-1.068c-.099-1.183.937-2.729%202.468-2.729c.688%200%201.235.276%201.281.781c.089.683-.505.776-.687.776s-.505-.047-.505-.229c-.041-.183.411-.093.369-.505c-.047-.276-.323-.364-.593-.364c-.964%200-1.511%201.328-1.375%202.145c.047.369.228.735.599.735c.271%200%20.683-.412.817-1.005c.093-.412.459-.688.781-.688c.136%200%20.224.047.271.229v.183c-.041.183-.183.735-.135.869c0%20.095.047.229.228.229c.12%200%20.579-.24%201.037-.615c.151-.787.333-1.729.333-1.807c.047-.323.183-.641.823-.641c.14%200%20.229.047.276.229v.183l-.183.823c.595-.776%201.464-1.323%202.011-1.323c.229%200%20.412.135.412.364c0%20.136%200%20.365-.095.595c-.181.5-.411%201.281-.547%201.963c0%20.183.047.365.276.365s.912-.271%201.459-1.005l.011-.005c0-.089-.011-.177-.011-.265c0-.552.047-1.005.141-1.328c.093-.365.547-.683.823-.683c.135%200%20.276.088.276.224c0%20.047%200%20.14-.047.183c-.183.599-.324%201.145-.324%201.692c0%20.323.048.776.141%201.052c0%20.047.041.093.088.093c.095%200%20.735-.593%201.188-1.375c-.412-.271-.641-.729-.641-1.276c0-.963.6-1.464%201.147-1.464c.459%200%20.823.319.823.959c0%20.412-.136.871-.364%201.281h.135c.292.011.579-.109.776-.317a.4.4%200%200%201%20.183-.156c.448-.568%201.104-.989%201.88-.989c.64%200%201.229.276%201.276.776c.093.687-.505.823-.688.823c-.181%200-.504-.047-.504-.229s.411-.093.369-.5c-.047-.276-.323-.369-.599-.369c-.912%200-1.505%201.187-1.371%202.151c.047.364.229.776.595.776c.276%200%20.687-.412.869-1.005c.088-.364.459-.688.776-.688c.14%200%20.229.047.276.229c0%20.095%200%20.276-.183.871c-.229.411-.229.64-.181.823c.041.364.224.64.411.776a1%201%200%200%201%20.089.135c0%20.095-.048.188-.183.188c-.047%200-.089%200-.136-.047c-.687-.276-.963-.735-1.052-1.193c-.276.323-.593.505-.963.505c-.595%200-1.183-.547-1.276-1.235a2.1%202.1%200%200%201%20.099-.864c-.271.172-.563.271-.833.271h-.224c-.599.869-1.24%201.464-1.693%201.735a1.2%201.2%200%200%201-.505.14c-.088%200-.228-.047-.271-.14c-.129-.203-.208-.521-.26-.885c-.641.697-1.527%201.072-1.937%201.072c-.459%200-.729-.276-.776-.733v-.5c.135-1.005.505-1.604.505-1.787a.105.105%200%200%200-.095-.093c-.317%200-1.369%201.099-1.552%201.833l-.14.593c-.089.411-.5.687-.776.687c-.136%200-.229-.047-.271-.228v-.183l.057-.312c-.579.411-1.157.676-1.433.676c-.411%200-.64-.229-.681-.552c-.276.371-.595.552-1.005.552c-.475%200-.932-.323-1.151-.791c-.329.369-.699.739-1.136%201.02c-.64.412-1.369.729-2.24.729c-.776%200-1.463-.412-1.828-.776c-.552-.505-.869-1.281-.916-2.011c-.271-2.239%201.099-5.12%203.197-6.401c.505-.276%201.011-.457%201.511-.457zm13.026%204.391c-.135%200-.228.229-.228.452c0%20.371.181.781.411%201.011a2.3%202.3%200%200%200%20.141-.781c0-.452-.183-.681-.324-.681z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/canva.svg?color=%231a73e8&size=48
